.view-quito-coverage .views-field-title/*
 * @file
 * global.styles
 *
 */

/* =============================================================================
 *   Base
 * ========================================================================== */

/*
 * To preserve theme settings never apply font properties to the HTML element.
 * This is critically important if you are using the Responsive JavaScript
 * feature as this relies on being able to set a pseudo font family on the HTML
 * element. If you need to set default font properties of any kind use the BODY
 * element as these can be overridden using font theme settings.
 */

html {
  background: #fff;
}

body {
  font-size: 112.5%;
}


/* =============================================================================
 *   HTML Elements
 * ========================================================================== */

h2 {
	line-height: 140%;
}

.article h3 {
	font-size: 170%;
	line-height: 120%;
	margin: 0 0 8px;
}

.page h3 {
	clear: both;
}

h4 {
	margin: 0 0 8px;
}

.article h4 {
	font-size: 150%;
}

.journalism-project h4 {
	font-weight: 900;
}

ul {
	margin: 0;
	padding: 0;
}

pre,
code,
tt,
samp,
kbd,
var {
  font-family: Consolas, Monaco, 'Courier New', Courier, monospace, sans-serif;
}

hr {
	border: none;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 20px 0 22px;
}

article .field-name-body iframe {
	max-height: 400px;
	max-width: 700px;
}

article .field-name-body .storify iframe {
	max-height: 750px;
	max-width: 100%;
}

article .field-name-body iframe.lb24 {
	max-height: 965px;
	max-width: 100%;
}

a.button {
	background: #1a69ad;
  border: none;
  border-radius: 5px;
  color: #fff !important;
  font-family: Lato, sans-serif;
  font-weight: 900;
  font-size: 17px;
	padding: 8px 20px;
  -webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}

a.button:hover {
	background: #11386a;
	text-decoration: none;
}


/* =============================================================================
 *   Wrappers
 * ========================================================================== */


/*
 * Wraps all header elements - branding and .region-header
 */
#header {
	background: #11386a;
}

/*
 * Wraps the sidebars the content column
 */
#columns {
	margin: 28px 0;
}

/*
 * Wraps the main-content-header, the content region and feed-icons. Use this wrapper to style the entire main content column
 */
#main-content {
	margin: 0 30px 0 0;
}

.section-partner #main-content,
.section-story #main-content {
	margin: 0;
}

/*
 * Wraps the header
 */
#header-wrapper {
	background: #113869;
}

/*
 * Footer wrapper
 */

.not-logged-in .contextual-links {
	display: none;
}


/* =============================================================================
 *   Branding
 * ========================================================================== */

/*
 * Logo
 */
#logo {
  padding: 10px 0;
}

#logo img {
  vertical-align: bottom;
}

/*
 * Site name (h1)
 */
#site-name {
  margin: 0;
}

#site-name a {}

#site-name a:link,
#site-name a:visited {
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

/*
 * Site slogan (h2)
 */
#site-slogan {
  margin: 0;
}


/* =============================================================================
 *   Page content header
 * ========================================================================== */

/*
 * The main page title (h1)
 */
#page-title {
	line-height: 120%;
  margin: 0;
}


/* =============================================================================
 *   Misc Global Styles
 * ========================================================================== */

/*
 * Feed icons
 */
.feed-icon {
	display: none;
}

/*
 * Aggregator feed source
 */
#aggregator .feed-source .feed-icon {
  display: inline;
  float: none;
  margin-right: 10px;
}

.feed-details dt,
.feed-details dd {
  display: inline;
  margin: 0;
}

/*


 * Generic styles for the more link
 */
.more-link {}

/*
 * Generic styles for links. See the ul.links declaration in node and comment stylesheets
 */
ul.links {
  margin: 0;
  padding: 0;
}

ul.links.inline {
  display: block;
	float: right;
}

ul.links li {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}

ul.links li.translation_en,
ul.links li.translation_es, 
ul.links li.translation_po {
	display: block;
	font-size: 14px;
	margin: 0;
}

a.translation-link {
  background: #23538d;
  color: #fff !important;
  display: block;
	margin: -15px -10px 0 0;
  padding: 5px 10px;
}

a.translation-link:hover {
	background: #11386a;
	text-decoration: none;
}

.view-mode-explainer ul.links {
	clear: right;
	margin: 20px -10px 0;
}

.node-type-story ul.links {
	clear: right;
	margin: 20px -10px 20px 0;
}

ul.links li.translation_en a:before {
	content: "Read this story in ";
}

ul.links li.translation_es a {
	text-transform: lowercase;
}

ul.links li.translation_es a:before {
	content: "Leer este artículo en ";
	text-transform: none;
}


/*
 * Search results are an ordered list so reset the margin
 */
.search-results {
  margin: 0;
}


/* =============================================================================
 *   Regions
 * ========================================================================== */

/*
 * Header region, embedded in the #header
 */
.region-header {
	margin: 0 auto;
	max-width: 1140px;
}

/* Logo */
.region-header .logo {
	float: left;
}

.region-header .logo .block-inner {
	margin-left: 0;
}

.region-header .logo p {
	margin: 40px 0 10px;
}

/* Tagline */
.region-header .tagline {
	float: left;
}

.region-header .tagline p {
  color: #bec6d0;
  font-family: Lato, sans-serif;
  font-size: .675em;
  font-style: italic;
  line-height: 120%;
  letter-spacing: .325px;
  margin: 50px 0 0;
  width: 60%;
}

.region-header .language-filter,
.region-header .social,
.region-header .block-search {
	float: right;
}

/* Language Filter */
.language-filter {
	margin: 0 0 25px;
	padding: 0;
}

.language-filter .block-inner {
	margin: 0;
}

.language-filter .block-content li {
	float: left;
	font-family: Lato, sans-serif;
	font-size: 14px;
	list-style: none;
	margin: 0 0 0 12px;
	text-transform: uppercase;
}

.language-filter li a {
  background: rgba(99,165,252,.7);
  color: #10386b;
  display: block;
  font-weight: 900;
	padding: 15px 10px 5px;
  text-decoration: none;
}

.section-espanol .language-filter li a,
.language-filter li a:hover {
  background: rgba(99,165,252,1);
}


/* Social */
.region-header .social {
	clear: right;
}

.region-header .social li {
	float: left;
	list-style: none;
	margin-left: 14px;
}

.region-header .social li:first-child {
	margin-right: 5px;
}

.region-header .social li a {
	background: url(../images/icon-social-header.png) no-repeat;
	display: block;
	height: 20px;
	text-indent: -9999px;
	width: 20px;
}

.region-header .social li a:hover {
	opacity: 0.7;
}

.region-header .social li a#linkedin {
	background-position: 0 0;
}

.region-header .social li a#twitter {
	background-position: -41px 0;
}

.region-header .social li a#facebook {
	background-position: -76px 0;
}

.region-header .social li a#subscribe {
	background-position: -112px 0;
}

.region-footer .region-inner {
	margin: 0 20px;
}

/*
 * Second sidebar
 */

.region-two-66-33-second h2.block-title,
.group-right h2.block-title,
.region-sidebar-second h2.block-title {
	font-family: Lato, sans-serif;
	font-size: 95%;
	font-weight: 900;
	text-transform: uppercase;
}

.region-two-66-33-second .block-inner,
.group-right .block-inner,
.region-sidebar-second .block-inner {
	margin: 0;
	padding: 15px 25px;
}

/*
 * Footer region
 */

footer#footer {
	background: #dedede;
}

.region-footer {
	margin: 0 auto;
	max-width: 1140px;
}

.region-footer .block-menu-block {
	padding: 20px 0;
}

.region-footer .block-menu-block {
	float: left;
	font-family: Lato, sans-serif;
	font-size: 90%;
	width: 60%;
}

.region-footer .block-menu-block a {
	color: #444;
}

.region-footer .block-menu-block a:hover {
	color: #1a477e;
	text-decoration: none;
}

.block-menu-block .block-inner {
	margin: 0;
}

.block-menu-block .block-content ul {
	margin: 0;
	padding: 0;
}

.block-menu-block li.expanded {
	float: left;
	list-style-type: none;
	list-style-image: none;
}

.block-menu-block li.menu-depth-1 {
	font-weight: 900;
	margin-right: 8%;
	text-transform: uppercase;
}

.block-menu-block li.last.menu-depth-1 {
	margin-right: 0;
}

.block-menu-block li.menu-depth-1 li {
	font-weight: 400;
	text-transform: none;
}

.supporters {
	border-right: 1px solid #aaa;
	float: left;
	margin: 20px 30px 20px 0;
	padding: 0 30px 30px 0;
}

.supporters .block-inner {
	margin: 0;
	padding: 0;
}

.supporters p {
	margin: 8px 0 0;
}

.supporters h2 {
	color: #444;
	font-size: 90%;
	font-weight: 900;
	text-transform: uppercase;
}

.supporters img {
	margin: 15px 0 0;
}

.region-footer .planetizen {
	float: right;
	margin: 17px 10px;
	width: 140px;
}

.field-name-comments-policy,
.comments-policy {
	clear: both;
	color: #777;
	font-family: Lato, sans-serif;
	font-size: 60%;
}

.field-name-comments-policy h2,
.comments-policy h2 {
	font-size: 140%;
	margin-bottom: 4px;
}

.field-name-comments-policy a,
.comments-policy a {
	font-weight: 700;
}

iframe#dsq-2,
#block-disqus-disqus-comments iframe,
#disqus_thread iframe {
	height: auto !important;
	max-height: auto !important;
}

.field-name-disqus-comments-block {
	clear: both;
}

/* =============================================================================
 *   Links
 * ========================================================================== */

a {
  text-decoration: none;
}

a:link,
a:visited {
  color: #1a477e;
}

a:active,
a.active {}

a:hover,
a:focus {
  text-decoration: underline;
}


/* =============================================================================
 *   Primary, Secondary and Menu Bar region menus
 * ========================================================================== */

#nav-wrapper {
	background: #11386a;
	box-shadow: 0 1px 1px #666;
	-moz-box-shadow: 0 1px 1px #666;
	-webkit-box-shadow: 0 1px 1px #666;
}

.nav {
  clear: both;
  margin: 0;
}

.nav ul,
.nav ul.menu {
  margin: 0;
  padding: 0;
}

.nav li,
.nav ul.menu li {
  display: inline;
  float: left;
  list-style: none;
  margin: 0 6px;
  padding: 0;
}

.nav li a,
.nav ul.menu li a {
  color: #bec6d0;
  display: block;
  font-family: Lato, sans-serif;
  font-size: 17px;
  font-weight: 700;
  height: 2.5em;
  line-height: 2.5em;
  white-space: nowrap;
  padding: 0 10px;
  text-transform: none;
}

.nav ul.menu li li a {
	font-size: 16px;
	height: 2em;
	line-height: 2em;
}

.nav .block {
  margin-bottom: 0;
}


/* =============================================================================
 *   Superfish
 * ========================================================================== */

#menu-bar {
	background: #11386a;
	float: left;
	padding: 0;
	width: 100%;
}

#menu-bar .block-menu-block,
#menu-bar .block-superfish {
	float: left;
	margin: 0 5px 0 -10px;
}

ul.sf-menu {
  margin-bottom: 0;
}

ul.sf-menu a {
  border-left: 0;
  border-top: 0;
  padding: 0 10px;
  text-decoration: none;
  height: 2.5em;
  line-height: 2.5em;
}

ul.sf-menu li {
  font-family: Lato, sans-serif;
  font-size: 87.5%;
  font-weight: 700;
  margin: 0 15px 0 0 !important;
}

.nav ul.menu li a:hover,
ul.sf-menu li:hover,
ul.sf-menu li.sfHover {
  background: #032046;
  color: #fff;
  outline: 0;
  text-decoration: none;
}

ul.sf-menu li ul {
  background: #032046;
}

.nav ul.sf-menu a.sf-depth-1.menuparent {
	padding: 0 28px 6px 10px;
}

ul.sf-menu a.sf-depth-1.menuparent:after {
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #bec6d0 transparent transparent transparent;
  content: "";
  height: 0;
  width: 0;
  top: 40%;
  right: 8px;
  position: absolute;
}

ul.sf-menu a.sf-depth-1:hover:after {
	border-color: #fff transparent transparent transparent;
}

.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
	margin-top: 7px !important;
}

.sf-menu li.sfHover > ul li a {
	font-weight: 400;
}

ul.sf-menu a:focus,
ul.sf-menu a:hover,
ul.sf-menu a:active {
  outline: 0;
  background: #032046;
}

ul.sf-menu li ul a:focus,
ul.sf-menu li ul a:hover,
ul.sf-menu li ul a:active {
  background: #11386a;
}

/*
 * Superfish blocks
 */

.block-superfish ul {
  background: #11386a;
  padding: 0!important;
}

.block-superfish li {
  margin: 0 !important;
  padding: 0 !important;
}

/*
 * Vertical style
 */
.sf-vertical {
  width: 100%;
}

.sf-vertical li {
  width: 100%;
}

.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 100%;
  top: 0;
  margin: 0;
  padding: 0;
}

.sf-vertical li a {
  padding: 0 10px;
}

/*
 * Navbar style
 */
.sf-navbar {
  padding-bottom: 0 !important;
}

/*
 * Sensible padding for the default style
 */
.sf-menu.sf-style-default a {
  padding: 0 10px;
}

/* =============================================================================
 *   Responsive menus
 * ========================================================================== */

.responsive-menus {
	font-family: Lato, sans-serif;
	font-weight: 700;
}

.responsive-menus.responsified span.toggler {
	background: #11386a;
	border-bottom: 0 !important;
	border-radius: 0;
	box-shadow: none;
	font-weight: 900;
	margin: -70px 0 0 0;
	padding: 4px 0 4px 30px;
	text-align: left;
	text-transform: uppercase;
}

.responsive-menus.responsified .responsive-menus-simple {
	background: #11386a;
	border-radius: 0;
	box-shadow: none;
}

.responsive-menus.responsified .responsive-menus-simple .menu-wrapper {
	margin: 0;
}

.responsive-menus.responsified.responsive-toggled .responsive-menus-simple {
	padding-bottom: 10px !important;
}

.responsive-menus.responsified.responsive-toggled .responsive-menus-simple ul ul {
	display: none !important;
}

.responsive-menus.responsified .responsive-menus-simple li a {
	padding: 4px 25px 4px 42px;
	margin: 0;
	text-align: left;
	color: #fff;
	font-size: 95%;
	border-bottom: none;
	text-decoration: none;
	text-transform: capitalize;
}

.responsive-menus.responsified .responsive-menus-simple li a:hover {
	color: #c5d3e8;
}

#sidr-wrapper-0 {
	margin: -54px 0 70px 15px;
  position: relative;
  z-index: 3;
}

#sidr-0-button {
	display: block;
	float: left;
}

.sidr {
	background: #032046;
	box-shadow: none;
	font-family: Lato, sans-serif;
}

.sidr ul {
	border-top: 1px solid #092c58;
	border-bottom: 1px solid #031022;
	margin: 0;
}

.sidr #sidr-id-block-menu-block-2 ul {
	border: none;
}

.sidr #sidr-id-block-menu-block-2 ul li.sidr-class-first {
	border-top: none;
}

.sidr ul li {
	border-top: 1px solid #031022;
	border-bottom: 1px solid #092c58;
}

.sidr ul li ul {
	border-top: none;	
	border-bottom: none;
}

.sidr ul li ul li {
	border-top: none;
	border-bottom: none;
}

.sidr label,
.sidr h2 {
	display: none;
}

.sidr form {
	margin: 0 15px 15px;
}

#sidr-id-block-search-form {
	border-top: 1px solid #031022;
	padding-top: 5px;
}

#sidr-id-block-search-form .sidr input[type="button"], .sidr input[type="submit"] {
    background: #fff;
    border: none;
    padding: 4px 15px;
    line-height: 100%;
    font-family: lato;
    border-radius: 4px;
    opacity: .5;
}

#sidr-0 li a.sidr-class-menuparent:hover,
.sidr ul li:hover > a, 
.sidr ul li:hover > span, 
.sidr ul li.active > a, 
.sidr ul li.active > span, 
.sidr ul li.sidr-class-active > a, 
.sidr ul li.sidr-class-active > span, 
.sidr ul li ul li a:hover, 
.sidr ul li ul li:hover span {
	background: #031022;
	box-shadow: none;
}

.sidr input[type="search"] {
	background: rgba(0,0,0,0.3);
	border: 1px solid #1b4172;	
	margin-top: 8px;
}


/* =============================================================================
 *   Menus, usually blocks
 * ========================================================================== */

ul.menu {
  padding-left: 15px;
}

ul.menu ul {
  padding-left: 15px;
}

ul.menu ul ul {}

ul.menu li {
  margin: 0;
}

ul.menu li.collapsed,
ul.menu li.expanded,
ul.menu li.leaf {
	list-style: none;
	list-image: none;
}

ul.menu li a:active,
ul.menu li a.active,
ul.menu li a:hover,
ul.menu li a:focus {
	text-decoration: none;
}

#menu-bar ul.menu li.active a,
#menu-bar ul.menu li.active-trail a {
	color: #fff;
}

/* If li.content exists it's a problem, so reset the padding */
.block .menu li.content {
  padding: 0;
}


.field-name-body ul {
	margin: 0 0 10px;
}

.field-name-body ul li {
	margin: 0 0 10px 40px;
}

/* =============================================================================
 *   Breadcrumbs
 * ========================================================================== */

#breadcrumb {

  margin: 10px 0;
}

/* If the label is set to show in theme settings the label class is added */
#breadcrumb .breadcrumb-label {
  font-size: 1em;
  display: inline;
  padding-right: 10px;
}

#breadcrumb .breadcrumb-label:after {
  content: ":";
}

#breadcrumb ol {
  margin: 0;
  padding: 0;
}

#breadcrumb .with-breadcrumb-label ol {
  display: inline;
}

#breadcrumb li {
  list-style: none;
  display: inline;
}

#breadcrumb li.crumb-first {}

#breadcrumb li.crumb-last {}

#breadcrumb a {}

#breadcrumb a:link,
#breadcrumb a:visited {}

#breadcrumb a:active,
#breadcrumb a.active {}

#breadcrumb a:hover,
#breadcrumb a:focus {}


/* =============================================================================
 *   Pagers
 * ========================================================================== */

ul.pager {
  clear: both;
  margin: 0;
  text-align: center;
}

.item-list ul.pager li {
  margin: 0;
}

ul.pager li {
  background-image: none;
  display: inline;
  list-style-type: none;
  padding: .5em;
}

ul.pager li.pager-current {
  font-weight: 700;
}

.block ul.pager li {
  margin: 0;
}


/* =============================================================================
 *   Skip Navigation
 * ========================================================================== */

#skip-link {
  left: 50%;
  margin-left: -6.5em;
  margin-top: 0;
  padding: 0 0.5em;
  position: absolute;
  width: 12em;
  z-index: 50;
}

#skip-link a {
  background: #444;
  background: rgba(0,0,0,0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

#skip-link a:link,
#skip-link a:visited {
  background: #444;
  background: rgba(0,0,0,0.6);
  color: #fff;
  display: block;
  line-height: 2;
  padding: 0;
  text-align: center;
  text-decoration: none;
}

#skip-link a:hover,
#skip-link a:focus,
#skip-link a:active {
  outline: 0;
}


/* =============================================================================
 *   Tabs (local tasks)
 * ========================================================================== */

#tasks {
  margin-bottom: 15px;
}

ul.primary {
  border-bottom-color: #ccc;
  margin: 20px 0;
  padding: 0 0 0 5px;
}

ul.primary li {
  display: block;
  float: left;
  margin: 0 1px -1px;
}

ul.primary li a {
  background-color: #f5f5f5;
  border-color: #ccc;
  margin-right: 1px;
  padding: 0 10px;
  display: block;
  float: left;
  height: 1.5em;
  line-height: 1.5em;
}

ul.primary li a:hover,
ul.primary li a:focus {
  background-color: #eee;
  border-color: #ccc;
}

ul.primary li.active a,
ul.primary li.active a:hover,
ul.primary li.active a:focus {
  background-color: #fff;
  border-bottom-color: #fff;
}

ul.secondary {
  border-bottom: 1px solid #ccc;
  margin: 1em 0 0;
  padding: 0 .3em 1em;
}

ul.secondary li {
  border-right: 0;
  list-style: none;
  padding: 0 10px 0 0;
}

ul.secondary li a {}

ul.secondary li a:hover,
ul.secondary li a.active {
  border-bottom: none;
  text-decoration: underline;
}


/* =============================================================================
 *   Action links
 * ========================================================================== */

ul.action-links {
  margin: 20px 0 0;
  list-style: none;

}

ul.action-links li {}


/* =============================================================================
 *  Field Styling
 * ========================================================================== */

/*
 * Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues
 */
.field-label {
  font-size: 1em;
  font-weight: 700;
  font-family: inherit;
  line-height: inherit;
  margin-bottom: 0;
}

/*
 * Taxonomy
 */
.field-type-taxonomy-term-reference {
  /* The same bottom margin as p, blockquote, ul, ol and dl */
  margin-bottom: 1.5em;
}

.field-type-taxonomy-term-reference.field-label-inline .field-items {
  margin: 0;
  padding: 0;
}

.field-type-taxonomy-term-reference.field-label-inline .field-item {
  display: inline;
  list-style: none;
  padding: 0 10px 0 0;
}

/*
 * Float left setting
 */
.ia-l .field-type-image figure,
.iat-l .field-type-image figure {
  margin: 5px 20px 15px 0;
}

/*
 * Centered setting
 */
.ia-c .field-type-image figure,
.iat-c .field-type-image figure {
  margin: 5px auto 15px;
}

/*
 * Float right setting
 */
.ia-r .field-type-image figure,
.iat-r .field-type-image figure {
  margin: 5px 0 15px 20px;
}


/* =============================================================================
 *   Block Styling
 * ========================================================================== */

/*
 * Block title
 */
.block-title {
  margin: 0;

}

.block-content ul,
.block-content ol {
  padding: 0 0 0 15px;
}

.block-content li {
  margin: 0;
  padding: 0;
}

/*
 * "Search form" block
 */
#block-search-form {
	clear: right;
	float: right;
}

#block-search-form,
#block-search-form .block-inner {
	margin: 0;
}

#search-block-form input[type=submit] {
	display: none;
}

#search-block-form #edit-search-block-form--2 {
	background: url(../images/icon-search.png) 6px no-repeat #fff;
	border: 1px solid #c3d0e0;
	color: #444;
	font-family: Lato, sans-serif;
	font-size: 95%;
	padding: 3px 3px 3px 26px;
	width: 200px;
}

/*
 * Copyright block
 */
#footer .copyright {
	color: #666;
	float: left;
	font-family: Lato, sans-serif;
	font-size: 14px;
	margin: 15px 0;
}

#footer .copyright .block-inner {
	margin: 0;
}

.copyright p {
	margin: 0;
}

/* =============================================================================
 *   Node Styling
 * ========================================================================== */

.node {
  margin-bottom: 20px;
}

.node .node-title {
  margin: 0;
}


/* =============================================================================
 *   Comment Styling - Comments, comment wrapper, comment form
 * ========================================================================== */

/*
 * Wrapper for the list of comments and its titles
 */
#comments {
  margin: 1.5em 0;
}

#comments h2 {}

#comments h2.comment-title {
  margin: 0;
}

#comments h2.comment-form {
  margin: 0;
}

/*
 * Wrapper for a single comment
 */
.comment {
  margin-bottom: 20px;
}

/*
 * Comment title
 */
.comment-title {
  margin: 0;
}

/*
 * "New" marker for comments that are new for the current user
 */
.new {
  color: #c00;
}

/*
 * Nested comments are indented
 */
.indented {
  margin-left: 40px;
}


/* =============================================================================
 *   Forms
 * ========================================================================== */

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #c00;
}

.form-item label {
  font-weight: 700;
}

/*
 * Highlight marks and form required mark
 */
.marker,
.form-required {
  color: #c00;
}

.form-item .description {
  font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item {}

/*
 * The submit button
 */
.form-submit {}

.container-inline div,
.container-inline label {
  display: inline;
}

/*
 * Define consistent borders
 */
fieldset {
  border: 1px solid #ccc;
}

/*
 * Tips for Drupal's input formats
 */
.tips {}

/*
 * Buttons used by contrib modules like Media
 */
a.button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0;
}


/* =============================================================================
 *   Tables
 * ========================================================================== */

table {
  border: 0;
  margin: 0;
  padding: 0;
}

table.sticky-header {
  z-index: 10;
}

table,
thead,
tbody,
tr,
th,
td {
  border: 0;
}

tbody,
tbody tr,
tbody td {
	border-top: none !important;
}

table,
td,
th {
  vertical-align: top;
}

caption,
th,
td {
  text-align: left;
}

thead tr {
  font-weight: 700;
  background-color: #e5e5e5;

}

td,
th {
  border-bottom: 0;
  margin: 0;
  padding: 5px 25px 5px 0;
}

tbody {}

tbody tr {
  border-top: 1px solid #ccc;
}

tr.odd {
  background: #fff;
}

tr.info,
tr.even,
tr:nth-child(2n+2) {
  border-bottom: 0;

  background-color: #f5f5f5;
}

.journalism-project tr:nth-child(2n+2) { 
	background-color: transparent;
}

tr.drag {}

tr.drag-previous {}

tr.odd td.active {
  background-color: #eee;
}

tr.even td.active {
  background-color: #ebebeb;
}

.lt-ie8 tr {}

.lt-ie8 tr.even,
.lt-ie8 tr.odd {}

.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
}

/*
 * Forum tables
 * Core sets white-space to nowrap, which makes no sense
 */
#forum td {}

#forum td .created,
#forum td .posts,
#forum td .topics,
#forum td .last-reply,
#forum td .replies,
#forum td .pager {
  white-space: normal;
}


/* =============================================================================
 *   Messages
 * ========================================================================== */

/* Left and right margin are set by the global gutter width */
div.messages {
  margin-bottom: 10px;
  margin-top: 10px;
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status {}

div.warning {}

tr.warning {}

div.error,
tr.error {}

.error {}

.warning {}

/*
 * Unpublished nodes
 */
.node-unpublished,
.comment-unpublished {}

.node-unpublished,
.comment-unpublished {}

.node-unpublished p.unpublished,
.comment-unpublished p.unpublished {
  color: pink;
  color: rgba(239, 170, 170, 0.4);
  font-family: Impact,"Arial Narrow",Helvetica,sans-serif;
  font-size: 75px;
  font-weight: bold;
  height: 0;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  overflow: visible;
  text-align: center;
  text-transform: uppercase;
  word-wrap: break-word;
}

/*
 * Otherwise these elements will appear below the "Unpublished" text
 */
.lt-ie8 {}

.lt-ie8 .node-unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative;
}


/* =============================================================================
 *    Maintenance pages
 * ========================================================================== */

.maintenance-page {}
.maintenance-page .container {
  padding: 40px 0;
}

.maintenance-page #site-name,
.maintenance-page #page-title {
  margin: 0;
}

.db-offline {}

.db-offline .container {
  margin: 0 auto;
  padding: 40px 0;
  width: 100%;
  max-width: 960px;
}

.db-offline div.messages {
  margin: 20px 0 0;
}

.db-offline #content {
  padding: 20px 0;
}


/* =============================================================================
 *   Misc overrides for contrib modules
 * ========================================================================== */

/*
 * Admin menu overrides
 */
#admin-menu {
  background: #222;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
}

/*
 * Devel Module
 */
.dev-query {
  background: #eee;
  padding: 30px;
}

/*
 * Styleguide module tweaks
 */
#styleguide-header {
  padding: 0 10px;
}

#styleguide-header .item-list {
  font-family: inherit;
  margin: 0 20px 20px 0;
  min-height: 260px;
  width: auto;
}

/* =============================================================================
 *   Social media block - header / footer
 * ========================================================================== */

#block-block-1--2,
#block-block-1 {
	float: right;

}

#block-block-1--2 {
	margin: 0 15px 15px 0;
}

#block-block-1--2 .block-inner,
#block-block-1 .block-inner {
	margin: 0;
}

#block-block-1--2 ul li {
	display: inline;
	float: left;
	list-style: none;
	margin-left: 8px;
}

#block-block-1--2 ul li a {
	display: block;
	height: 28px;
	text-indent: -9999px;
	width: 28px;
}

#block-block-1--2 ul li a:hover,
#block-block-1 ul li a:hover {
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	-ms-opacity: 0.8;
}

ul li#linkedin a {
	background: url(../images/icon-linkedin.png) no-repeat;
}

ul li#twitter a {
	background: url(../images/icon-twitter.png) no-repeat;
}

ul li#facebook a {
	background: url(../images/icon-facebook.png) no-repeat;
}

ul li#email a {
	background: url(../images/icon-email.png) no-repeat;
}

/* =============================================================================
 *   Social media block - sidebar
 * ========================================================================== */

.field-name-connect-block,
.connect-block {
	background: #e3ebe3;
	margin-bottom: 28px;
}

.field-name-connect-block h2.block-title,
.connect-block h2.block-title {
	color: #538549;
}

.field-name-connect-block h4,
.connect-block h4 {
	color: #292929;
	font-size: 80%;
	margin: 12px 0 6px;
}

.field-name-connect-block ul,
.connect-block ul {
	float: left;
	margin: 0 0 10px;
	padding: 0;
}

.field-name-connect-block li,
.connect-block li {
	float: left;


	list-style: none;

	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

.field-name-connect-block li a,
.connect-block li a {
	display: block;
	height: 21px;
	text-indent: -9999px;
	width: 21px;
}

.field-name-connect-block li a:hover,
.connect-block li a:hover {
	opacity: 0.7;
}

.field-name-connect-block li#facebook a,
.connect-block li#facebook a {
	background: url(../images/icon-facebook-green.png) no-repeat;
	margin: 0 10px 0 -5px;
}

.field-name-connect-block li#twitter a,
.connect-block li#twitter a {
	background: url(../images/icon-twitter-green.png) no-repeat;
	margin: 0 15px 0 0;
}

.field-name-connect-block li#linkedin a,
.connect-block li#linkedin a {
	background: url(../images/icon-linkedin-green.png) no-repeat;
}

.field-name-connect-block-blue,
.connect-blue {
	background: #366098;
	clear: left;
	color: #fff;
}

.field-name-connect-block-blue p,
.connect-blue p {
	font: 20px/24px Lato, sans-serif;
	margin: 5px 0;
}

.field-name-connect-block-blue ul,
.connect-blue .block-content ul {
	float: left;
	margin: 0 0 10px;
	padding: 0;
}

.field-name-connect-block-blue li,
.connect-blue li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	padding: 0;
	text-indent: -9999px;
}

.field-name-connect-block-blue li a,
.connect-blue li a {
	display: block;
	height: 40px;
	text-indent: -9999px;
	width: 40px;
}

.field-name-connect-block-blue li a:hover,
.connect-blue li a:hover {
	opacity: 0.7;
}

.field-name-connect-block-blue li#facebook a,
.connect-blue li#facebook a	{
	background: url(../images/icon-facebook-lg.png) no-repeat;
}

.field-name-connect-block-blue li#twitter a,
.connect-blue li#twitter a {
	background: url(../images/icon-twitter-lg.png) no-repeat;
}

.field-name-connect-block-blue li#linkedin a,
.connect-blue li#linkedin a {
	background: url(../images/icon-linkedin-lg.png) no-repeat;
}

#block-block-18 {
	margin: 28px 0;
}

#block-block-18 #mc_embed_signup form {
	float: left;
	margin: 5px 0 30px;
	padding: 0 !important;
	width: 100%;
}

#block-block-18 #mc_embed_signup input.email {
	float: left;
	font-family: Lato, sans-serif !important;
	font-size: 18px;
	margin: 2px 2% 5px 0 !important;
	min-width: 80px;
	padding: 4px 0 !important;
	width: 85% !important;
}

#block-block-18 #mc_embed_signup input.button {
	background: url(../images/btn-go-blue.png) no-repeat;
	border: none;
	clear: none;
	height: 31px;
	margin: 3px 0 !important;
	min-width: 31px !important;
	text-indent: -9999px;
	width: 31px !important;
}

#block-block-18 #mc_embed_signup input.button:hover {
	opacity: 0.7;
	background-color: #366098 !important;
}

/* Mailchimp */

.section-subscribe .field-name-title h2 {
	float: none;
}

.section-subscribe .field-name-body {
	font-family: Lato, sans-serif;
	font-size: 1.125em;
}

.section-subscribe input[type=checkbox] {
	margin-right: 10px;
}

.section-subscribe #mc_embed_signup .mc-field-group.input-group ul li {
	margin: 3px 0 15px;
}

.section-subscribe #main-content input#mce-EMAIL,
.section-subscribe select,
.section-subscribe input#mce-STORY,
.page-node-1042 #main-content #mc_embed_signup input.email,
.page-node-1042 #mc_embed_signup input#mce-NAME {
	width: 95% !important;
}

.page-node-1042 #main-content #mc_embed_signup {
	padding: 0 3px !important;
}

#block-block-5 #mc_embed_signup form {
	float: left;
	margin: 0 0 12px;
	padding: 0 !important;
	width: 100%;
}

#block-block-5 #mc_embed_signup input.email {
	float: left;
	font-family: Lato, sans-serif !important;
	font-size: 90% !important;
	margin: 0 2% 5px 0 !important;
	min-width: 80px;
	padding: 4px 0 !important;
	width: 86% !important;
}

#block-block-5 #mc_embed_signup input.button {
	background: url(../images/btn-go.png) no-repeat;
	border: none;
	clear: none;
	height: 23px;
	margin: 3px 0 !important;
	min-width: 23px !important;
	text-indent: -9999px;
	width: 23px !important;
}

#block-block-5 #mc_embed_signup input.button:hover {
	opacity: 0.7;
	background-color: #e3ebe3 !important;
}

#mc_embed_signup #mce-success-response {
	color: #366098 !important;
}

.section-subscribe #mc_embed_signup form {
	font-family: Lato, sans-serif !important;
	padding: 0 !important;
}

.section-subscribe #main-content #mc_embed_signup .mc-field-group label {
	font-size: 18px;
	padding: 0 !important;
}

.section-subscribe #mc_embed_signup select,
.section-subscribe #mc_embed_signup input {
	font-family: Lato, sans-serif;
}

.section-subscribe #main-content #mc_embed_signup input.button {
	border: none;
	font-size: 20px;
	height: 40px;
	margin: 0 28%;
}

/* =============================================================================
 *   Browse by City block
 * ========================================================================== */

#block-views-browse-by-city-block {
	/*background: #dbdbdb;*/
	background: #e3ebe3;
	padding-bottom: 10px;
}

#block-views-browse-by-city-block h2 {
	/*color: #393939;*/
	color: #538549;
	margin-bottom: 12px;
}

#block-views-browse-by-city-block select {
	color: #393939;
	font-family: Lato, sans-serif;
	font-size: 87.5%;
	width: 100%;
}

.field-name-browse-by-city {
	margin-bottom: 28px;
}

/* =============================================================================
 *   Homepage styles
 * ========================================================================== */

.block.latest-posts {
	background: #efefef;
	font-family: Lato, sans-serif;
	font-size: 87.5%;
	line-height: 130%;
	margin: 0 0 28px;
}

.block.latest-posts h3 {
	color: #11386a;
	font-size: 105%;
	font-weight: 900;
	margin: 10px 0 15px;
	text-transform: uppercase;
}

.block.latest-posts p.more {
	margin: 0;
	padding: 15px 0 5px;
	text-align: center;
}

.block.latest-posts p.more a {
	background: url(../images/arrow-more.png) 153px 11px no-repeat #d4dde9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #315b93;
	font-size: 80%;
	font-weight: 900;
	padding: 8px 25px 8px 15px;
	text-transform: uppercase;
}

.block.latest-posts .more a:hover {
	opacity: 0.7;
	text-decoration: none;
}

#block-views-blog-block-2 p.more a {
	background-position: 118px 11px;
}

.block.latest-posts h1 {
	background: url(../images/citisignals-icon-sm.png) left no-repeat;
	color: #11386a;
	font-size: 150%;
	font-weight: 900;
	margin: 5px 0 10px;
	padding: 15px 0 0 38px;
	white-space: nowrap;
}

.block.latest-posts .tag {
	color: #355f97;
	font-size: 90%;
	font-weight: 700;
}

.block.latest-posts .views-row {
	clear: both;
	margin-bottom: 15px;
}

.block.latest-posts .views-field-title {
	font-size: 95%;
	margin-bottom: 3px;
}

.block.latest-posts .views-field-title a {
	color: #1b1b1b;
	font-weight: 900;
}

.block.latest-posts .views-field-title a:hover {
	color: #1a477e;
	text-decoration: none;
}

.block.latest-posts .views-field-created {
	color: #414141;
	font-size: 75%;
	font-weight: 700;
	text-transform: uppercase;
}

.block.latest-posts .views-field-field-photo {
	float: left;
	margin: 4px 14px 14px 0;
}

.block.latest-posts .view-footer p {
	clear: left;
	color: #1a477e;
	font-size: 95%;
	font-weight: 900;
	margin: 25px 0 10px;
}

/* Main stories */

.view-stories .views-row {
	border-bottom: 1px solid #c5c5c5;
	clear: both;
	float: left;
	margin-bottom: 28px;
	padding-bottom: 12px;
	width: 100%;
}

.views-field-field-city {
	font-family: Lato, sans-serif;
	font-size: 100%;
	font-weight: 900;
	line-height: 100%;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.view-stories .views-field-title {
	font-family: Lato, sans-serif;
	font-weight: 700;
	line-height: 150%;
	margin: 8px 0;
}

#block-views-stories-block-1 .views-field-title {
	line-height: 170%;
}

.view-stories .views-field-title a {
	color: #000;
	font-size: 140%;
}

.view-stories .views-field-title a:hover {
	color: #1a477e;
	text-decoration: none;
}

.view-story-archive .views-field-field-photo,
.view-taxonomy-term .field-name-field-small-photo,
.view-taxonomy-term .field-name-field-photo,
.view-stories .views-field-field-photo {
	float: right;
	line-height: 100%;
	margin: 0 0 0 20px;
}

.view-story-archive .views-field-field-photo,
.view-taxonomy-term .field-name-field-small-photo,
.view-taxonomy-term .field-name-field-photo {
	clear: left;
	margin: 10px 0 10px 20px;
}

.view-story-archive .field-name-field-teaser,
.page-taxonomy .field-name-field-teaser,
.view-taxonomy-term .node-story .field-name-field-teaser {
	clear: left;
	margin-bottom: 15px;
}

.view-taxonomy-term .views-row .field-name-title {
	clear: left;
	float: left;
	width: 70%;
}

.feature-story .view-stories .views-field-field-photo {
	float: none;
	margin: 0 0 8px;
}

.feature-story .view-stories .views-field-title a {
	font-size: 170%;
}

.view-stories .views-field-field-teaser {
	font-family: Lato, sans-serif;
	font-size: 100%;
	line-height: 130%;
}

.feature-story .view-stories .views-field-field-teaser {
	font-size: 112.5%;
}

.view-stories .views-field-created,
.view-stories .views-field-field-topics {
	color: #666;
	font-family: Lato, sans-serif;
	font-size: 80%;
	margin-top: 20px;
}

.view-stories .views-field-created {
	clear: both;
	float: left;
}

.view-stories .views-label-field-topics {
	float: left;
	margin-right: 5px;
}

.view-stories .views-field-field-topics {
	float: right;
	width: 294px;
}

/* Stories within series */

.feature-story .view-stories .views-field-view {
	clear: both;
	padding: 20px 0 0;
}

.feature-story .view-stories .views-field-view .views-row {
	border: none;
	margin-bottom: 15px;
	padding: 0;
}

.feature-story .view-stories .views-field-view .views-field-field-small-photo,
.feature-story .view-stories .views-field-view .views-field-field-photo {
	float: left;
	margin: 8px 20px 0 0;
}

.feature-story .view-stories .views-field-view .views-field-title {
	line-height: 130% !important;
	margin: 4px 0 6px;
}

.feature-story .view-stories .views-field-view .views-field-title a {
	font-size: 110%;
}

.feature-story .view-stories .views-field-view .views-field-field-teaser {
	font-size: 85%;
}

.feature-story .view-stories .views-field-view .views-field-created {
	clear: none;
	margin: 8px 0 0;
}

#block-views-stories-block-2 {
	border-top: 1px solid #d7dfe9;
	border-bottom: 1px solid #d7dfe9;
}

#block-views-stories-block-2 .block-inner {
	background: #edf2f8;
}

#block-views-stories-block-2 h2 {
	color: #444;
}

#block-views-stories-block-2 .view-stories .views-row {
	border: none;
	margin-bottom: 6px;
	padding-bottom: 0;
}

#block-views-stories-block-2 .view-stories .views-field-field-photo {
	float: none;
	margin: 10px 0;
}

#block-views-stories-block-2 .view-stories .views-field-title {
	font-size: .875em;
}

#block-views-stories-block-2 .view-stories .views-field-field-teaser {
	font-size: 82.5%;
}

#block-views-stories-block-2  .view-stories .views-field-created {
	margin-top: 10px;
}

#block-views-stories-block-2 .view-stories .views-field-field-author {
	font-family: Lato, sans-serif;
	font-size: 80%;
	margin: 10px 0 0;
}

/* =============================================================================
 *   Story pages
 * ========================================================================== */

.region-two-66-33-top { 
	margin-bottom: 24px;
}

#content .panel-display {
	margin: 0 !important;
}

.ds-2col-stacked > .group-left {
	clear: both;
	width: 66%;
}

.ds-2col-stacked > .group-right {
	width: 30%;
}

.node-type-partner-content .field-name-post-date,
.node-type-photo-gallery .field-name-field-author,
.node-type-story .field-name-field-author,
.section-habitatiii .field-name-field-author {
	clear: left;
	margin-right: 7px;
}

.node-type-partner-content .field-name-post-date,
.node-type-photo-gallery .field-name-field-author,
.node-type-photo-gallery .field-name-post-date,
.node-type-story .field-name-post-date,
.node-type-story .field-name-field-author,
.section-habitatiii .field-name-field-author {
	color: #222;
	float: left;
	font-family: Lato, sans-serif;
	font-size: 80%;
	font-weight: 700;
	margin-bottom: 22px;
	text-transform: uppercase;
}

.section-habitatiii .field-name-post-date,
.node-type-photo-gallery .field-name-post-date,
.node-type-story .field-name-post-date {
	float: left;
	font-weight: 700;
	text-transform: uppercase;
}

.section-habitatiii .field-name-field-author,
.node-type-photo-gallery .field-name-field-author,
.node-type-story .field-name-field-author {
	white-space: nowrap;
}

.group-partner {
    border-left: 1px solid #ccc;
    font-family: Lato;
    font-size: .8em;	
	  padding: 28px 28px 4px;
}

.field-name-field-partner .label-above {
    color: #555;		
    font-size: .9em;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.label-inline {
	float: left;
	margin-right: 5px;
}

.field-name-field-intro {
    font-family: Lato;
    font-style: italic;
    line-height: 130%;			
    margin: 0 0 24px;
}

.view-habitat-iii .views-field-field-author .even,
.view-habitat-iii .views-field-field-author .odd,
.node-type-habitat-iii .field-name-field-author .even,
.node-type-habitat-iii .field-name-field-author .odd,
.node-type-story .field-name-field-author .even,
.node-type-story .field-name-field-author .odd {
	clear: none;
	float: left;
}

.field-name-habitat-iii-featured-commentary .view-habitat-iii .views-field-field-author .even,
.field-name-habitat-iii-featured-commentary .view-habitat-iii .views-field-field-author .odd {
	float: none;
}

.view-habitat-iii .views-field-field-author .odd:before,
.node-type-habitat-iii .field-name-field-author .odd:before,
.node-type-photo-gallery .field-name-field-author .odd:before,
.node-type-story .field-name-field-author .odd:before {
	content: "and ";
	margin-left: 4px;
}

.field-name-field-city,
.field-name-field-cities,
.node-type-photo-gallery .field-name-field-city,
.node-type-story .field-name-field-city {
	font-family: Lato, sans-serif;
	font-size: 85%;
	text-transform: uppercase;
}

.node-type-photo-gallery .field-type-taxonomy-term-reference,
.node-type-story .field-type-taxonomy-term-reference {
	margin: 0 2px;
}

.view-habitat-iii .views-field-field-author ul,
.view-habitat-iii .views-field-field-author li,
.field-name-field-city ul,
.field-name-field-city li,
.node-type-photo-gallery .field-name-field-city ul,
.node-type-photo-gallery .field-name-field-city li,
.node-type-story .field-name-field-city ul,
.node-type-story .field-name-field-city li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.field-name-title h2 {
	float: left;
	font-size: 220%;
	font-weight: 900;
	line-height: 110%;
	margin: 2px 10px 24px 0;
	width: 66%;
}

.section-citisignals .field-name-title h2 {
	font-weight: 900;
}



/* Share buttons */
.field-name-open-social-share {
	float: right;
	margin-top: -10px;
}

.field-name-open-social-share .block-inner {
	margin: 0;
}

.field-name-open-social-share a {
	margin-right: 0 !important;
	margin-left: 4px;
}

.field-name-open-social-share a.more {
	display: none;
}

.node-type-partner-content .field-name-sharethis,
.node-type-habitat-iii .field-name-sharethis,
.node-type-commentary .field-name-sharethis,
.node-type-photo-gallery .field-name-sharethis,
.node-type-story .field-name-sharethis {
	float: right;
	margin: 0;
}

.node-type-partner-content .field-name-sharethis,
.node-type-habitat-iii .node-explainer .field-name-sharethis,
.node-type-story .field-name-sharethis {
	margin: -16px 0 0;
}

.field-name-field-photo {
	clear: both;
	line-height: 50%;
}

.field-name-field-caption {
	background: #dcdcdc;
	color: #343434;
	font-family: Lato, sans-serif;
	font-size: 80%;
	padding: 6px 8px;
}

.field-name-field-map {
	float: left;
	margin: 0 20px 10px 0;
}

.node-type-page .field-name-body p.first {
	clear: left;
}

.node-type-partner-content .field-name-body p:first-child:first-letter,
.node-type-page .field-name-body p.first:first-letter,
.node-type-story .field-name-body p:first-child:first-letter,
.node-type-whatworks-innovator .field-name-body p span.caps.first-child:first-letter {
	float: left;
	font-size: 4.25em;
	line-height: 50%;
	margin: 7px 5px 0 0;
}

.node-type-story .field-name-body blockquote p.first:first-letter,
.node-type-story .field-name-body blockquote p:first-child:first-letter,
.node-type-story .field-name-body blockquote .name p:first-child:first-letter,
.node-type-story .field-name-body blockquote .name p:first-child:first-letter strong,
.node-type-story .article .callout p:first-child:first-letter,
.node-type-story .article blockquote p:first-child:first-letter {
	float: none;
	font-size: inherit !important;
	line-height: 130%;
	margin: auto;
}

.node-type-story .field-name-body blockquote p:first-letter {
	float: none !important;	
	font-size: inherit !important;
	line-height: 130% !important;
	margin: auto !important;
}

/* Small photo */
.field-name-small-photo-view {
	float: left;
}

#block-views-small-photo-block .views-field-field-small-photo {
	float: left;
	margin: 0 15px 10px 0;
	max-width: 300px;
}

#block-views-small-photo-block .block-inner {
	margin-left: 0;
}


#block-views-small-photo-block .field-name-field-photo {
	line-height: 70%;
	margin: 0;
}

#block-views-small-photo-block .field-name-field-caption {
	margin-bottom: 0;
}

/* In This Series */
.series {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #777;
	float: right;
	margin: 7px 10px 20px 20px;
	padding: 16px 10px 2px;
	width: 40%;
}

.series h4 {
	color: #164178;
	font-size: 150%;
	font-weight: 900;
	line-height: 110%;
	margin: 0 0 14px;
	text-transform: uppercase;
}

.series p {
	font-family: Lato, sans-serif;
	font-size: 95%;
	font-weight: 700;
	line-height: 130%;
	margin: 0 0 14px;
}

.series a {

}

.series a:hover {
	color: #000;
	text-decoration: none;
}

.series strong {
	color: #000;
}

/* Callout */
.callout {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float: left;
	margin: 7px 20px 20px 3px;
	padding: 24px 10px 6px;
	width: 37%;
}

.article blockquote p,
.callout p {
	color: #164178;
	font-family: Lato, sans-serif;
	font-size: 155%;
	font-weight: 700;
	line-height: 140%;
	margin: 0 0 18px;
}

.node-habitat-iii .callout {
	margin: 7px 25px 20px -75px;
	width: 40%;
}

.node-habitat-iii blockquote p,
.node-habitat-iii .callout p {
	font-size: 140%;
	line-height: 130%;
}

/* Blockquote */
.article blockquote {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	float: right;
	line-height: 140%;
	margin: 7px 3px 20px 20px;
	padding: 24px 15px 6px;
	width: 40%;
}

.article blockquote p {
	text-indent: -12px;
}

.article blockquote p strong {
	font-size: 100%;
	font-weight: 400;
}

.article blockquote p em {
	font-size: 75%;
	font-weight: 400;
}

.article blockquote .name p {
	line-height: 90%;
	text-indent: 0;
}

/* Back to top block */
#backtotop {
	border: none;
	clear: both;
	color: #2b5588;
	font-family: Lato, sans-serif;
	font-size: 65%;
	font-weight: 900;
	left: 0 !important;
	margin: 0 auto !important;
	position: relative !important;
	background: #dedede;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 3px 6px;
	text-transform: uppercase;
	width: 90px;
}

.back-to-top {
	margin: 30px 0 0;
}

.field-name-back-to-top {
	clear: both;
	padding: 30px 0 0;
}

.field-name-back-to-top .block-inner {
	margin: 0;
	text-align: center;
}

.section-quito #backtotop,
.h3subscribe #backtotop,
.page-espanol #backtotop,
.journalism-project #backtotop,
#print-logo,
.full-width #backtotop,
.full-width .back-to-top,
.node-type-page.section-content-labels #backtotop,
.node-type-page.section-topics #backtotop,
.node-type-page.section-habitatiii #backtotop,
.section-subscribe #backtotop,
.node-type-medellin-post #backtotop,
.front #backtotop,
.page-search #backtotop,
.page-user #backtotop,
.node-type-citisignal #backtotop,
.page-taxonomy-term #backtotop,
.front #backtotop {
	display: none !important;
}

/* Learning from */
.field-name-field-story-highlights {
	background: #e0e6ee;
	color: #393939;
	font-family: Lato, sans-serif;
	margin-bottom: 28px;
	padding: 15px 25px;
}

.field-name-field-story-highlights strong,
.field-name-field-story-highlights h3 {
	font-size: 100%;
	font-weight: 900;
	line-height: 130%;
	text-transform: uppercase;
}

.field-name-field-story-highlights p {
	margin: 0;
}

.field-name-field-story-highlights ul {
	margin: 12px 0 0;
	padding: 0;
}

.field-name-field-story-highlights li {
	border-bottom: 1px solid #bcc9db;
	font-size: 85%;
	list-style: none;
	margin-bottom: 16px;
	padding-bottom: 16px;
}

.field-name-field-story-highlights li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

/* More Urban Innovations */
#block-views-urban-innovations-block-1 {
	border-top: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	font-family: Lato, sans-serif;
	margin: 28px 0;
	padding: 25px 25px 8px;
}

#block-views-urban-innovations-block-1 .block-inner {
	padding: 0;
}

#block-views-urban-innovations-block-1 h2 {
	color: #393939;
	font-weight: 900;
	margin-bottom: 16px;
	text-transform: uppercase;
}

.node-type-citisignal #block-views-urban-innovations-block-1 h2 {
	font-size: 95%;
}

#block-views-urban-innovations-block-1 ul {
	margin: 0;
	padding: 0;
}

#block-views-urban-innovations-block .item-list ul li {
	font-size: 90%;
	list-style: none;
	margin: 0 0 16px;
}

#block-views-urban-innovations-block .item-list ul li:last-child {
	margin-bottom: 4px;
}

#block-views-urban-innovations-block-1 a {
	font-weight: 900;
}

#block-views-urban-innovations-block-1 .view-content {
	margin: 15px 0 0;
}

#block-views-urban-innovations-block-1 .views-row {
	margin: 0 0 20px;
}

#block-views-urban-innovations-block-1 .views-field-title {
	font-size: 90%;
	line-height: 120%;
}

/* Related stories */

.field-name-related-stories {
	border-top: 1px solid #ccc;
	clear: both;
	font-family: Lato, sans-serif;
	margin: 28px 0 0;
	padding: 28px 15px;
}

.field-name-related-stories h2 {
	color: #29558c;
	font-size: 100%;
	font-weight: 900;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.field-name-related-stories li a {
	color: #333;
	font-size: 95%;
	font-weight: 700;
}

.field-name-related-stories li a:hover {
	color: #29558c;
	text-decoration: none;
}

.block-featured-content .block-inner {
	margin-right: 0;
}

.block-featured-content br {
	display: none;
}

.block-featured-content .node-teaser {
	float: left;
	margin-right: 20px;
	width: 30%;
}

.block-featured-content .node-teaser .field-name-title {
	font-size: .9em;
	line-height: 130%;
	margin-top: 6px;
}

/* Author block */

.field-name-habitat-iii-author-profile,
.region-two-66-33-second #block-views-author-profile-block-1 .block-inner,
.group-right #block-views-author-profile-block-1 .block-inner {
	font-family: Lato, sans-serif;
	padding: 0 0 30px;
}

.view-author-profile .views-field-field-photo {
	float: left;
	margin: 5px 15px 5px 0;
}

.view-authors .views-field-name,
.view-author-profile .views-field-name {
	line-height: 130%;
	margin-bottom: 4px;
}

.view-authors .views-field-name a,
.view-author-profile .views-field-name a {
	color: #000;
	font-size: 118.5%;
	font-weight: 900;
}

.view-author-profile .views-row {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
	min-height: 125px;
	padding-bottom: 15px;
}

.view-author-profile .views-row-last {
	border-bottom: none;
	padding-bottom: 0;
}

.view-author-profile .view-footer p {
	font-size: 85%;
	margin: -10px 0 0;
}

.view-authors .views-field-field-bio,
.view-author-profile .views-field-field-bio {
	font-size: 90%;
	line-height: 130%;
}

span#author a {
	font-size: 80%;
	padding: 5px 5px 0;
}

.views-field-field-twitter-link {
	clear: both;
	margin: 10px 0 0;
}

.views-field-field-twitter-link a {
	background: url(../images/icon-twitter-author.png) 0 2px no-repeat;
	font-size: 95%;
	font-weight: 700;
	padding-left: 23px;
}

.section-authors .views-field-field-small-photo,
.section-authors .views-field-field-photo {
	float: left;
	margin: 0 15px 10px 0;
}

/* =============================================================================
 *   Photo gallery
 * ========================================================================== */

.field-slideshow-wrapper {
	clear: left;
	max-width: 706px;
	width: 100%;
}

.field-slideshow-slide {
	clear: both;
}

h6,
.field-slideshow-caption {
	color: #343434;
	font-family: Lato, sans-serif;
	font-size: 80% !important;;
	font-weight: 400 !important;
	line-height: 120%;
	margin-bottom: 16px;
	max-width: 690px;
	padding: 6px 8px 6px 0;
	width: 100%;
}

h6 {
	margin-top: -24px;
}

.node-whatworks-innovator h6 {
	margin-top: -34px;
}

.field-slideshow-wrapper {
	position: relative;
	z-index: 1;
}

.field-slideshow-pager {
	float: left;
	margin: -12px 0 28px;
	position: relative;
	z-index: 5;
}

.field-slideshow-pager a {
	background: url(../images/gallery-dot.png) no-repeat;
	display: block;
	float: left;
	height: 12px;
	margin: 0 4px 0 0;
	opacity: .6;
	outline: none;
	text-indent: -9999px;
	width: 12px;
}

.field-slideshow-pager a:hover,
.field-slideshow-pager a.activeSlide {
	opacity: 1;
}

.field-name-field-content-below-gallery {
	border-top: 1px solid #ccc;
	clear: both;
	padding-top: 20px;
}

.field-slideshow-controls {
	float: left;
	margin-bottom: 4px;
	width: 100%;
}

.field-slideshow-controls a {
	outline: none;
}

.field-slideshow-controls .prev {
	background: url(../images/gallery-prev.png) no-repeat;
	float: left;
	height: 22px;
	opacity: .7;
	text-indent: -9999px;
	width: 200px;
}

.field-slideshow-controls .next {
	background: url(../images/gallery-next.png) no-repeat;
	float: right;
	height: 22px;
	opacity: .7;
	text-indent: -9999px;
	width: 200px;
}

.field-slideshow-controls a:hover {
	opacity: 1;
}

.field-collection-view {
	border-bottom: 1px solid #dddeee;
	margin: 0 0 25px;
	padding: 0;
}

.field-name-field-gallery-caption {
	color: #343434;
	font-family: Lato, sans-serif;
	font-size: 80% !important;;
	font-weight: 400 !important;
	line-height: 120%;
	margin-bottom: 16px;
	max-width: 690px;
	padding: 6px 8px 6px 0;
	width: 100%;
}

/* =============================================================================
 *   Author landing page
 * ========================================================================== */

.page-authors h1#page-title {
	display: none;
}

.section-authors #main-content h2 {
	font-size: 1.8em;
	margin: 0 0 .75em;
}

.view-authors .views-row {
	border-top: 1px solid #ccc;
	float: left;
	font-family: Lato, sans-serif;
	margin-top: 20px;
	padding-top: 15px;
	width: 100%;
}

.view-authors .views-row-last {
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}

.view-authors .views-author-photo {
	float: left;
	margin: 9px 15px 5px 0;
}

.view-authors .views-row p {
	margin-bottom: 15px;
}

.view-authors .views-field-field-twitter-link {
	clear: none;
	margin: 0;
}

.view-authors .views-field-name a:hover {
	color: #1a477e;
	text-decoration: none;
}

/* =============================================================================
 *   Taxonomy Term pages
 * ========================================================================== */
.section-top-innovations .views-row,
.page-taxonomy .views-row {
	clear: both;
	float: left;
	padding-bottom: 28px;
	width: 100%;
}

.section-top-innovations .views-row-first {
	border-top: 1px solid #b5b5b5;
	padding-top: 28px;
}

.section-top-innovations .views-row .node,
.page-taxonomy .views-row .node {
	margin: 0;
}

.section-top-innovations .views-field-created,
.page-taxonomy .field-name-post-date {
	color: #444;
	font-family: Lato, sans-serif;
	font-size: 87.5%;
	margin-bottom: .5em;
}

.page-taxonomy .field-name-title h2 {
	clear: left;
	line-height: 120%;
	margin: 8px 0;
}

.page-taxonomy .field-name-title h2 a {
	color: #000;
}

.page-taxonomy .field-name-title h2 a:hover {
	color: #1a477e;
	text-decoration: none;
}

.page-taxonomy .field-name-field-teaser {
	font-family: Lato, sans-serif;
	font-size: 112.5%;
}

.page-taxonomy .field-name-field-teaser p {
	margin-bottom: 16px;
}

.section-top-innovations .views-field-field-teaser {
	margin: .5em 0;
}

.field-name-node-link,
.links {
	font-family: Lato, sans-serif;
	font-size: 90%;
}

.field-name-node-link {
	clear: left;
}

/* =============================================================================
 *   Citisignals landing page / #WUFideas landing page
 * ========================================================================== */

.posts-landing-page {
	font-family: Lato, sans-serif;
}

.posts-landing-page #main-content-header {
	display: none;
}

.posts-landing-page .view-display-id-page .views-field-field-photo {
	float: left;
	margin: 0 20px 20px 0;
}

.posts-landing-page .view-display-id-page .views-field-title {
	line-height: 150%;
	margin: 10px 0;
}

.posts-landing-page .view-display-id-page .views-field-title a {
	color: #000;
	font-size: 150%;
	font-weight: 900;
}

.posts-landing-page .view-display-id-page .views-field-field-teaser p {
	font-size: 95%;
	line-height: 140%;
	margin-bottom: 10px;
}

.posts-landing-page .views-row {
	clear: both;
	padding: 0 0 20px;
}

.posts-feed {
	border-top: 1px solid #cdcdcd;
	clear: both;
	padding: 25px 0;
}

.posts-feed .views-field-title {
	line-height: 130%;
	margin: 6px 0 3px;
}

.posts-feed .views-field-title a {
	color: #000;
	font-size: 115%;
	font-weight: 900;
}

.posts-feed .views-field-field-teaser p {
	font-size: 90%;
	line-height: 130%;
	margin: 0 0 4px;
}

.posts-feed .views-field-field-photo {
	float: right;
	margin: 4px 0 10px 12px;
}

.posts-feed .view-footer {
	border-top: 1px solid #cdcdcd;
	margin-top: 50px;
	padding-top: 20px;
}

.posts-feed .view-footer p {
	border-bottom: 1px solid #cdcdcd;
	margin-bottom: 50px;
	padding-bottom: 20px;
	text-align: center;
}

.posts-landing-page .views-field-created {
	color: #444;
	font-family: Lato, sans-serif;
	font-size: 75%;
	text-transform: uppercase;
}

.page-citisignals .views-field-field-source {
	font-size: 87.5%;
}

.posts-landing-page .views-field-field-city {
	font-size: 85%;
	font-weight: 400;
}

#block-block-17 {
	font-size: 90%;
	margin-top: -60px;
	padding: 15px;
}

/* =============================================================================
 *   Citisignals
 * ========================================================================== */

.field-name-author,
.field-name-post-date {
	color: #444;
	float: left;
	font-family: Lato, sans-serif;
	font-size: 80%;
	font-weight: 700;
	margin-bottom: 28px;
	text-transform: uppercase;
	white-space: nowrap;
}

.field-name--wufideas-banner,
.field-name-citisignals-banner {
	border-bottom: 1px solid #b9cbe3;
	margin: 0 0 35px;
	padding-bottom: 20px;
}

.field-name--wufideas-banner .block-inner {
	margin: 0;
}

.field-name--wufideas-banner p,
.field-name-citisignals-banner p {
	color: #11386a;
	font-family: Lato, sans-serif;
	font-size: 90%;
	margin: 0;
}

.field-name--wufideas-banner p {
	margin: 3px 0 0;
}

.node-type-blog-post .field-name-post-date,
.node-type-medellin-post .field-name-post-date,
.node-type-citisignal .field-name-post-date {
	margin-right: 30px;
}

.node-type-blog-post .field-name-title,
.node-type-medellin-post .field-name-title,
.node-type-citisignal .field-name-title {
	float: left;
	width: 100%;
}

.node-type-blog-post .field-name-field-caption,
.node-type-medellin-post .field-name-field-caption,
.node-type-citisignal .field-name-field-caption {
	background: none;
	font-size: 70%;
	margin-bottom: 0;
	padding: 6px 0;
}

#block-sharethis-sharethis-block {
	clear: left;
	margin: 0;
}

.field-name-title h2 {
	clear: both;
	float: left;
	font-size: 180%;
	line-height: 120%;
	margin: 8px 0;
}

.node-type-story .field-name-title h2 {
	margin: 8px 0 16px;
}

.node-type-blog-post .field-name-body,
.node-type-medellin-post .field-name-body,
.node-type-citisignal .field-name-body {
	clear: both;
	margin-top: 24px;
}

.node-type-citisignal .field-name-field-link {
	float: left;
}

.field-name-field-source {
	float: right;
}

.node-type-citisignal .field-name-field-link,
.field-name-field-source {
	margin: 0 0 20px;
}

.field-name-field-source h2.field-label {
	font-weight: 400;
}

.node-type-blog-post .field-name-field-topics,
.node-type-whatworks-innovator .field-name-field-topics,
.node-type-citisignal .field-name-field-topics {
	border-top: 1px solid #ccc;
	padding-top: 20px;
	width: 100%;
}

.node-type-medellin-post .field-name-field-topics {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	width: 100%;
}

.node-type-whatworks-innovator .field-name-field-topics {
	margin-top: 35px;
}

.node-type-medellin-post .field-name-field-topics h2.field-label {
	font-weight: 400;
	margin-bottom: 5px;
}

.field-name-field-topics {
	clear: both;
	float: left;
	font-family: Lato, sans-serif;
	font-size: 80%;
}

.field-name-field-topics li,
.field-name-field-topics div {
	float: left;
	list-style: none;
	margin: 0 4px 10px 0;
}

.field-name-field-cities div {
	float: left;
	margin: 0 4px 0 0;
}

.field-name-field-topics div.label-above,
.field-name-field-cities div.label-above {
	float: none;
}

.field-name-field-topics a {
	background: #d4dde8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 8px;
}

.field-name-field-topics a:hover {
	background: #2b5589;
	color: #fff;
	text-decoration: none;
}

.field-name-field-source .field-item {
	font-style: italic;
}

.field-name-field-source h2 {
	margin: 0;
}

.node-type-medellin-post .field-name-field-photo,
.node-type-citisignal .field-name-field-photo {
	clear: both;
}

.field-name-sign-up .block-inner,
#block-sharethis-sharethis-block .block-inner {
	margin: 0;
}

.field-name-sign-up {
	clear: both;
}

.sharethis-wrapper span {
	cursor: pointer;
	display: block;
	float: left;
	height: 32px;
	margin: 0 0 0 3px;
	width: 32px;
}

.sharethis-wrapper span:hover {
	margin-top: -2px;
}

.st_facebook_custom {
	background: url(../images/st-icon-facebook.png) no-repeat;
}

.st_twitter_custom {
	background: url(../images/st-icon-twitter.png) no-repeat;
}

.st_linkedin_custom {
	background: url(../images/st-icon-linkedin.png) no-repeat;
}

.st_email_custom {
	background: url(../images/st-icon-email.png) no-repeat;
}	

/* =============================================================================
 *   User
 * ========================================================================== */

.page-user .content-inner {
	min-height: 700px;
}

.page-user #page-title {
	margin-bottom: 20px;
}

.page-user .field-author-photo {
	float: left;
	margin: 4px 20px 15px 0;
}

#block-views-stories-by-user-block {
	margin-top: 25px;
}

#block-views-stories-by-user-block h2 {
	border-top: 1px solid #ccc;
	clear: both;
	font-size: 120% !important;
	font-weight: 900;
	text-transform: uppercase;
	margin: 20px 0;
	padding-top: 25px;
}

.page-user .field-name-field-twitter-link a {
	background: url(../images/icon-twitter-author.png) 0 2px no-repeat;
	font-family: Lato, sans-serif;
	font-size: 100%;
	font-weight: 700;
	padding-left: 23px;
}

.view-stories-by-user .views-field-title a {
	font-family: Lato, sans-serif;
	font-size: 1.1em;
	font-weight: 700;
	line-height: 130%;
}

.view-stories-by-user .views-field-created {
	color: #444;
	font-family: Lato, sans-serif;
	font-size: 87.5%;
}

.view-stories-by-user .views-row {
	clear: both;
	margin-bottom: 20px;
}

/* =============================================================================
 *   Contact page
 * ========================================================================== */

.page-node-1071 .field-name-body strong {
	font-family: Lato, sans-serif;
	font-size: 95%;
	font-weight: 900;
}

.page-node-1071 .field-name-body td strong {
	font-size: 100%;
}

.page-node-1071 table {
	margin: -20px 0 25px;
}

/* =============================================================================
 *   About pages
 * ========================================================================== */

.page-node-1074 .field-name-body p,
.page-node-1074 .field-name-body h3,
.page-node-1073 .field-name-body p,
.page-node-1073 .field-name-body h3 {
	clear: left;
}

.page-node-1074 .article h3 {
	font-size: 140%;
	margin: 0;
}

.page-node-1074 .article h3 a {
	color: #000;
}

.page-node-1074 .staff-info p {
	clear: none;
}

.page-node-1074 .img-left {
	margin-top: 9px;
}

.page-node-1074 .staff-info {
	font-family: Lato, sans-serif;
}


/* =============================================================================
 *   Innovator pages
 * ========================================================================== */

.node-type-whatworks-innovator .field-name-field-photo img {
	margin: 0 auto;
}

.node-type-whatworks-innovator .field-name-title h2 {
	line-height: 130%;
	margin: 3px 0;
	text-align: center;
}

.node-type-whatworks-innovator .field-name-field-role {
	display: block;
	font-family: Lato, sans-serif;
	font-size: 17px;
	margin: 0 auto;
	text-align: center;
	width: 80%;
}

.node-type-whatworks-innovator .field-name-body {
	border-top: 1px dashed #8895a5;
	margin-top: 25px;
	padding-top: 25px;
}

.region-two-66-33-second .field-name-welcome-message {
	background: #e6ebf2;
	border-top: 1px solid #366098;
	font-family: Lato, sans-serif;
	margin-bottom: -28px;
}

.region-two-66-33-second .field-name-welcome-message p {
	font-size: 15px;
	margin-bottom: 5px;
}

.region-two-66-33-second .field-name-welcome-message .views-field-title a {
	color: #000;
	font-size: 23px;
	font-weight: 700;
}

#block-block-19 h2 {
	color: #393939;
	margin-bottom: 12px;
}

.node-type-page.section-what-works-new-cities-summit {
	font-family: Lato, sans-serif;
}

.section-what-works-new-cities-summit .field-name-what-works-logo {
	margin-top: 15px;
}

.view-innovators .views-row {
	float: left;
	padding: 0 15px 40px;
	width: 45%;
}

.node-type-page .view-innovators .views-row-odd {
	clear: left;
}

.view-innovators .views-row .views-field-title {
	color: #366098;
	font-size: 28px;
	font-weight: 700;
	line-height: 120%;
	margin: 10px 0 0;
	text-align: center;
}

.view-innovators .views-field-field-role {
	color: #11386a;
	display: block;
	font-size: 15px;
	margin: 0 auto;
	text-align: center;
}

.view-innovators .views-field-field-teaser {
	line-height: 130%;
	margin: 20px 0 0;
}

.view-innovators .views-field-field-teaser a {
	font-weight: 700;
}

.view-innovators img {
	display: block;
	margin: 0 auto;
}

.field-name-unpublished-innovators {
	opacity: 0.7;
}

.field-name-unpublished-innovators img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}

#block-views-innovators-block .block-inner {
	margin: 0;
}

.field-name-crosslinked-innovators h2,
.field-name-unpublished-innovators h2,
#block-views-innovators-block h2 {
	border-top: 1px dashed #8895a5;
	color: #315c93;
	font-size: 30px;
	font-weight: 300;
	margin: 40px 0 0;
	padding: 20px 0;
	text-transform: uppercase;
}

.field-name-unpublished-innovators h2 {
	margin: 20px 0 0;
}

.node-type-whatworks-innovator .field-name-what-works-logo {
	border-bottom: 1px dashed #8895a5;
	margin-bottom: 30px;
}

.node-type-whatworks-innovator .field-name-field-city li {
	font-family: Lato, sans-serif;
	list-style: none;
	text-align: center;
}

.node-type-whatworks-innovator .field-name-field-city li a {
	color: #000;
}

.node-type-whatworks-innovator #block-views-innovators-block-2 .block-inner {
	margin: 0;
}

.node-type-whatworks-innovator .view-innovators .views-row {
	font-family: Lato, sans-serif;
	padding: 0 12px 30px;
	width: 19%;
}

.node-type-whatworks-innovator .view-innovators .views-row.views-row-5 {
	clear: left;
}

.node-type-whatworks-innovator .view-innovators .views-row .views-field-title {
	font-size: 17px;
}

.node-type-whatworks-innovator .view-innovators .views-row .views-field-field-city {
	font-weight: 400;
	font-size: 70%;
	text-align: center;
	text-transform: none;
}

.field-name-more-from-citiscope {
	border-top: 1px solid #ddd;
	clear: both;
	margin: 15px 0;
}

.field-name-more-from-citiscope h2 {
	color: #315c93;
	font-size: 150%;
	font-weight: 300;
	margin: 15px 18px;
}

.field-name-latest-innovation-feature,
.field-name-latest-citisignals {
	float: left;
	margin-bottom: 20px;
	width: 45%;
}

.field-name-latest-innovation-feature h2,
.field-name-latest-citisignals h2 {
	color: #393939;
	font-size: 95%;
	font-weight: 100%;
	margin: 0 0 8px;
	text-transform: uppercase;
}

.field-name-latest-innovation-feature {
	clear: left;
	margin-left: 10px;
}

.view-latest-features .views-field-title {
	font-family: Lato, sans-serif;
	font-weight: 900;
	line-height: 130%;
	margin-bottom: 6px;
}

.view-latest-features .views-field-created {
	color: #444;
	font-family: Lato, sans-serif;
	font-size: 80%;
	font-weight: 700;
	text-transform: uppercase;
}

.field-name-crosslinked-innovators {
	clear: both;
}

.node-whatworks-innovator .field-name-field-city,
.node-whatworks-innovator .field-name-field-photo,
.node-whatworks-innovator .field-name-title {
	text-align: center;
}

.node-whatworks-innovator .field-name-title h2 {
	float: none;
}

.node-whatworks-innovator p:first-of-type span.caps {
	font-family: Lato, sans-serif;
	font-size: 1.3em;
	font-weight: 700;
}

.node-whatworks-innovator p:first-of-type span.unstyled span.caps {
	font-size: 1em;
	font-weight: 400;
}

.node-whatworks-innovator .field-name-sharethis {
	clear: left;
}

.view-innovators .views_slideshow_main .views-row {
	padding: 0 !important;
	width: 100% !important;
}

.view-innovators .views_slideshow_main .views-field-nothing {
	float: left;
}

.view-innovators .views_slideshow_main .views-field-nothing h2 {
	margin: 0 0 15px;
	text-align: left;
}

.view-innovators .views_slideshow_main .views-field-nothing h2 img {
	display: auto;
	max-width: 400px;
}

.view-innovators .views_slideshow_main .views-field-field-photo {
	background: #fff;
	padding: 25px 15px 0;
}

.node-whatworks-innovator.node-taxonomy-teaser .field-name-what-works-logo p {
	margin: 0;
}

.node-whatworks-innovator.node-taxonomy-teaser .field-name-what-works-logo img {
	max-width: 250px;
}

/* =============================================================================
 *   Misc
 * ========================================================================== */

p img,
div img {
	height: auto !important;
}

.image-left,
.img-left {
	float: left;
	margin: 0 20px 20px 0;
}

div.img-left {
	max-width: 45%;
}

div.img-left img {
	height: auto !important;
	margin-top: 6px;
	max-width: 100%;
}

.image-right,
.img-right {
	float: right;
	margin: 0 0 20px 20px;
}

div.img-right {
	max-width: 45%;
}

div.img-right img {
	height: auto !important;
	margin-top: 6px;
	max-width: 100%;
}

/* Welcome */
.page-node-1081 h1 {
	font-size: 220%;
	margin: 2px 10px 24px 0;
}

.welcome {
	background: #e6ebf2;
	font-family: Lato, sans-serif;
	margin: 0 0 28px;
	padding: 15px 20px;
}

.welcome.what-works {
	background: #fff;
	padding: 0;
}

.welcome.habitat-iii {
	background: url(../images/habitat-iii-arrow.png) left no-repeat #e1e7f0;
	font-size: 21px;
	padding: 30px 20px 15px 110px;
}

.region-sidebar-second .welcome.what-works .block-inner {
	padding: 0;
}

.welcome.what-works {
	border-top: 1px dashed #1a477e;
	border-bottom: 1px dashed #1a477e;
}

.welcome.what-works .views-field-nothing {
	font-size: .9em;
	padding: 15px 20px;
}

.welcome.what-works h2 a {
	color: #11386a;
	display: block;
	font-size: 1.2em;
	font-weight: 700;
	margin: 6px 0 0;
	text-align: center;
	text-transform: uppercase;
}

.welcome.what-works h2 a:hover {
	text-decoration: none;
}

.welcome.what-works h2 a span {
	color: #2f5991;
	font-weight: 400;
}

.welcome .views-field-title a {
	color: #000;
	font-size: 170%;
	font-weight: 700;
}

.welcome .views-field-title a:hover {
	color: #1a477e;
	text-decoration: none;
}

.welcome p {
	margin: 0 0 8px;
}

.welcome p a {
	font-size: 90%;
	font-weight: 900;
}

.welcome.what-works a {
	font-size: 100%;
	font-weight: 400;
}

.welcome.what-works strong a {
	font-weight: 900;
}

.pager-load-more {
	margin-bottom: 35px !important;
}

.pager-load-more a {
	background: url(../images/arrow-more.png) 153px 11px no-repeat #d4dde9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #315b93;
	font-family: Lato, sans-serif;
	font-size: 70%;
	font-weight: 900;
	padding: 8px 15px;
	text-transform: uppercase;
}

.pager-load-more a:hover {
	opacity: 0.7;
	text-decoration: none;
}

.ajax-progress .throbber {
	margin: -5px 6px 0;
	opacity: 0.5;
	filter: saturate(50%);
	-webkit-filter: saturate(50%);
	-moz-filter: saturate(50%);
	-o-filter: saturate(50%);
	-ms-filter: saturate(50%);
}

/* =============================================================================
 *   Search results
 * ========================================================================== */

.page-search .search-form input,
.page-search #block-system-main {
	font-family: Lato, sans-serif;
}

.page-search .search-form {
	background: #eee;
	margin-top: 10px;
	padding: 15px;
}

.page-search .search-form label {
	margin-right: 8px;
}

.page-search .search-form input#edit-keys {
	color: #444;
	padding: 2px 4px;
}

.page-search .group-result {
	border-top: 1px solid #ddd;
	font-size: 85%;
	margin-top: 25px;
}

.page-search .group-result .field-name-title h2 {
	font-size: 140%;
	margin: 4px 0;
}

.page-search .field-name-post-date {
	color: #555;
	font-size: 85%;
}

.page-search ul.links,
.page-search .field-name-node-link {
	display: none;
}

.page-search .field-type-image {
	float: right;
	margin: 0 0 10px 15px;
}

.page-search .view-mode-teaser {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin: 1.5em 0;
}

.page-search .field-name-field-small-photo,
.page-search .field-name-field-photo {
	float: left;
	margin: 0 1em 1.5em;
}

.page-search .field-name-title {
	font-size: 19px;
	font-weight: 900;
}

/* =============================================================================
 *   Archive page
 * ========================================================================== */

.view-story-archive {
	margin: 20px 0;
}

.view-story-archive .views-row {
	clear: both;
	float: left;
	font-family: Lato, sans-serif;
	margin: 5px 0 25px;
	width: 100%;
}

.view-story-archive .views-field-field-city {
	font-size: .875em;
	margin: 0 0 5px;
}

.section-citiscope-features .view-story-archive .views-field-field-city {
	border-bottom: 1px solid #1b4b8a;
	font-size: .8em;
	font-weight: 400;
	margin: 0;
}

.view-story-archive .views-field-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.25em;
}

.view-story-archive .views-field-title a {
	color: #000;
}

.view-story-archive .views-label-field-topics {
	float: left;
	margin-right: 5px;
}

.view-story-archive .views-field-nothing,
.view-story-archive .views-field-field-author,
.view-story-archive .views-field-field-topics {
	font-size: 80%;
}


/* =============================================================================
 *   Promo block
 * ========================================================================== */

.promo {
	background: #E6EBF2;
	font-family: Lato, sans-serif;
	margin: 0 0 30px;
	width: 96%;
}

.promo .block-inner {
	margin: 0;
}

.promo .left {
	float: left;
	padding: 20px 25px 0;
	width: 65%;
}

.promo .views-field-title {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.25em;
}

.promo .right {
	background: #4570aa;
	color: #fff;
	float: right;
	padding: 20px 25px 12px;
}

.promo h3 {
	font-size: 1.125em;
	font-weight: 400;
	margin: 0 0 3px;
}

.promo .right p {
	font-size: .875em;
}

.promo .right a.register {
	background: #053268;
	color: #fff;
	font-size: 1.25em;
	font-weight: 300;
	padding: 10px 28px 12px;
}

.promo .right a.register:hover {
	background: #1a477e;
	text-decoration: none;
}

.promo .views-row {
	padding: 15px;
}

.promo .views-field-field-photo {
	float: left;
	margin: 0 20px 10px 0;
}

.promo .views-field-created {
	font-size: .875em;
	margin: .5em 0;
}


/* =============================================================================
 *   Habitat III
 * ========================================================================== */

/* Homepage promo */

.front .habitat-promo {
	background: #e1e7f0;
	border-top: 2px dotted #79869f;
	border-bottom: 2px dotted #79869f;
	margin: 20px auto 5px;
	max-width: 1142px;
}

.front .habitat-promo .block-inner {
	padding: 0 3%;
}

.front .habitat-promo #habitat-logo {
	padding: 10px 10px 5px 0;
}

.front .habitat-promo #habitat-description {
	float: left;
	font-style: italic;
	line-height: 140%;
	padding: 21px 10px 20px;
	width: 285px;
}

.front .habitat-promo #habitat-links {
	float: right;
  max-width: 450px;
	padding: 25px 0 0;
  width: 36%;
}

#habitat-links #mc_embed_signup form {
	padding: 0;
}

#habitat-links #mc_embed_signup input.email {
	border-radius: 2px;
	border-color: #bbb;
	display: inline;
	font-family: Lato, sans-serif;
	margin: 0;
	padding: 5px;
	text-indent: 0;
	width: 70%;
}

#habitat-links #mc_embed_signup input.button {
	background: #23538d;
	display: inline !important;
	font-family: Lato, sans-serif;
	height: 34px;
	width: 25%;
}

#habitat-links #mc_embed_signup input.button:hover {
	background: #032046;
}

.front .habitat-promo #habitat-links a {
	background: #11386a;
	color: #fff;
	float: left;
	font-size: 14px;
	margin: 0 4px;
	padding: 6px 15px;
	text-transform: uppercase;
}

.front .habitat-promo #habitat-links a#read {
	background: #e96300;
}

.front .habitat-promo #habitat-links a#read:hover,
.front .habitat-promo #habitat-links a:hover {
	background: #23538d;
	text-decoration: none;
}

.front .field-name-habitat-iii-ad-block p {
	margin: 20px 0 0;
}

.section-habitatiii .region-banner {
	background: url(../images/bg-habitat.png) repeat-x;
	height: 165px;
}

.habitat-banner {
	margin: 0 auto;
	max-width: 1140px;
}

#habitat-logo {
	float: left;
	padding: 33px 10px 0;
}

#habitat-description {
	color: #315c93;
	float: right;
	font-family: Lato, sans-serif;
	font-size: .813em;
	padding: 50px 30px 20px;
	width: 225px;
}

.section-habitatiii .field-name-comments-policy {
  	border-top: 1px solid #ddd;
  	float: left;
	margin-top: 10px;
 	padding-top: 20px;
}

.section-habitatiii tr:nth-child(2n+2) {
	background: #fff;
}

#habitat-logo p,
.section-habitatiii .field-name-field-city.field-type-taxonomy-term-reference,
.node-type-commentary #main-content {
	margin: 0;
}

.node-type-habitat-iii .field-name-field-subhead,
.node-type-habitat-iii h3.subtitle {
  clear: left;
  float: left;
  font-family: Lato;
  font-size: 140%;
  font-weight: 400;
  line-height: 120%;
  margin: -15px 0 20px;
  width: 66%;
}

.section-habitatiii .group-art {
	  float: left;
	  margin: 5px 45px 10px -75px;
	  max-width: 420px;
}

.node-type-habitat-iii .region-two-66-33-top {
  	border-bottom: 1px solid #ccc;
  	margin-bottom: 25px;
	padding-bottom: 10px;
}

.node-type-habitat-iii .field-name-field-caption {
	background: none;
	border-bottom: 1px solid #ddd;
	padding: 2px 0 10px;
}

.node-type-habitat-iii .view-author-profile .views-field-field-photo {
	margin: 0 auto 5px;
	text-align: center;
	width: 100%;
}

.node-type-habitat-iii .field-name-field-article-type {
  	 background: #2f5a92;
 	 color: #fff;
     float: left;
	 font-size: 18px;
  	 font-family: lato;
	 margin: -28px 0 30px -15px;
	 padding: 5px 14px;
	 text-transform: uppercase;
}

.logged-in.node-type-habitat-iii .field-name-field-article-type {
	margin-top: -98px;
}

.field-name-h3-newsletter-subscribe {
	clear: both;
	padding: 20px 0 0;
}

.field-name-h3-newsletter-subscribe .connect-blue {
	padding: 15px;
}

.field-name-h3-newsletter-subscribe p {
	font-size: 120%;
	font-weight: 700;
}

.field-name-h3-newsletter-subscribe #mc_embed_signup form {
	padding: 10px 0;
}

.field-name-h3-newsletter-subscribe #mc_embed_signup input.email {
	float: left;
	margin-right: 2%;
	padding: 3px 0;
	text-indent: 12px;
	width: 64%;
}

.field-name-h3-newsletter-subscribe #mc_embed_signup input.button {
	background: #12396b;
	border: none;
	clear: none;
	color: #fff;
	float: left;
	font-size: 16px;
	height: auto;
	margin: 0;
	padding: 7px 0;
	width: 30%;
}

.field-name-h3-newsletter-subscribe #mc_embed_signup input.button:hover {
	background: #032046;
}

.field-name-h3-newsletter-subscribe.view-mode-habitat_iii_landing .connect-blue {
	background: #11386a;
	margin: 0 0 0 10px;
}

.field-name-h3-newsletter-subscribe.view-mode-habitat_iii_landing .block-inner {
	font-size: 90%;
	margin: 0;
}

.field-name-h3-newsletter-subscribe.view-mode-habitat_iii_landing #mc_embed_signup input.email {
	margin: 0;
	width: 100%;
}

.field-name-h3-newsletter-subscribe.view-mode-habitat_iii_landing #mc_embed_signup input.button {
	background: #032046;
	border: none;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	margin: 10px 0;
	padding: 7px;
	width: 60%;
}

.field-name-h3-newsletter-subscribe.view-mode-habitat_iii_landing #mc_embed_signup input.button:hover {
	background: #00153c;
}

.field-name-habitat-iii-author-profile {
 	background: #e6e6e6;
	border-bottom: 4px solid #ccc;
 	float: left;
  	margin: -25px 0 28px;
    padding: 10px 20px;
}

.field-name-habitat-iii-author-profile .views-field-field-bio {
	color: #333;
	margin: 10px 0 0;
}

.field-name-habitat-iii-author-profile .views-field-field-bio .bio {
	font-size: 85%;
	line-height: 140%;
}

.field-name-habitat-iii-author-profile .views-field-field-bio h3 {
	font-size: 140%;
	margin-bottom: 15px;
	text-align: center;
}

.node-lang-und .field-name-espanol-sticky-explainers,
.node-lang-en .field-name-espanol-sticky-explainers,
.node-lang-es .field-name-sticky-explainers {
	display: none;
}

.field-name-espanol-sticky-explainers,
.field-name-sticky-explainers {
	clear: both;
	font-family: "Lato", Helvetica, Verdana, sans-serif;
	line-height: 120%;
	z-index: 80;
}

.field-name-espanol-sticky-explainers .block-inner,
.field-name-sticky-explainers .block-inner {
	background: #2c578f;
}

.field-name-espanol-sticky-explainers,
.field-name-espanol-sticky-explainers a,
.field-name-sticky-explainers,
.field-name-sticky-explainers a {
	color: #fff;
}

.field-name-espanol-sticky-explainers .view-header p,
.field-name-sticky-explainers .view-header p {
	color: #11386a;
	font-size: 26px;
	font-weight: 100;
	margin: 0 0 20px;
}

.field-name-espanol-sticky-explainers .view-footer,
.field-name-espanol-sticky-explainers .view-content,
.field-name-sticky-explainers .view-footer,
.field-name-sticky-explainers .view-content {
	clear: both;
}

.field-name-espanol-sticky-explainers .views-row,
.field-name-sticky-explainers .views-row {
	clear: left;
	float: left;
	margin: 0 0 15px;
	width: 100%;
}

.field-name-espanol-sticky-explainers .views-field-field-photo,
.field-name-sticky-explainers .views-field-field-photo {
	float: left;
	margin: 0 5px 0 0;
}

.field-name-espanol-sticky-explainers .views-field-field-photo img,
.field-name-sticky-explainers .views-field-field-photo img {
	width: 90%;
}

.node-type-habitat-iii .group-related {
	border-top: 1px solid #ddd;
	font-family: "Lato", sans-serif;
	margin-top: 20px;
	padding: 15px 18px;
}

.node-type-habitat-iii .group-related .block-inner {
	margin: 0;
}

.node-type-habitat-iii .group-related h3 {
	  color: #315c93;
	  font-size: 150%;
	  font-weight: 300;
	  margin-bottom: 12px;
}

.node-type-habitat-iii .group-related h2 {
	color: #393939;
	font-size: 95%;
	margin: 0 0 8px;
	text-transform: uppercase;
}

.node-type-habitat-iii .field-name-title h2 {
	margin: 0 0 22px;
}

.node-type-habitat-iii #main-content {
	margin-right: 0;
}

.node-type-habitat-iii .field-name-sharethis {
	margin-top: 7px;
}

.group-related .field-name-latest-commentary {
	float: left;
	width: 40%;
}

.group-related .field-name-latest-commentary .views-row {
	margin-bottom: 12px;
}

.group-related .views-field-title {
	line-height: 120%;
    margin-bottom: 3px;
}

.group-related .views-field-field-author {
	color: #444;
	font-size: 80%;
}

.group-related .field-name-latest-h3-news {
	border-left: 1px solid #ddd;
	float: left;
	margin-left: 25px;
	padding-left: 25px;
	width: 50%;
}

.group-related .view-footer {
	margin: 20px 0;
	text-align: center;
	text-transform: uppercase;
}

.group-related .field-name-latest-h3-news .views-row {
	margin: 0 0 15px;
}

.group-related .view-footer a {
	background: #e5e5e5;
  	color: #999;
    font-size: 13px;
  	font-weight: 900;
  	padding: 10px 12px;
  	text-transform: uppercase;
}

.group-dateline {
	clear: both;
}

/* Habitat III Editor's Note */

.page-node-1813 .field-name-comments-policy,
.page-node-1813 .field-name-disqus-comments-block,
.page-node-1813 .group-related,
.page-node-1813 .field-name-latest-commentary,
.page-node-1813 .field-name-latest-h3-news,
.page-node-1813 .group-citiscope {
	display: none;
}

.page-node-1813 .field-name-body p:last-child {
	font-size: 17px;
	margin-top: -20px;
}

/* Landing page */

.page-node-1783 #main-content-header {
	display: none;
}

.page-node-1783 #columns {
	margin: 0;
}

.node-habitat-iii-landing {
	font-family: "Lato", Arial, Verdana, sans-serif;
}

.field-name-habitat-iii-supporters h2 {
	color: #11386a;
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.field-name-habitat-iii-supporters p,
.field-name-habitat-iii-supporters a {
	color: #2c578f;
	font-size: 16px;
	line-height: 130%;
	margin: 2px 0 8px;
}

.field-name-habitat-iii-featured-commentary h2,
.field-name-habitat-iii-latest-news h2,
.field-name-habitat-iii-featured-news h2, 
.field-name-espanol-featured-news h2 {
  	background: #2f5a92;
  	color: #fff;
  	float: left;
  	font-size: 18px;
	font-weight: 400;
	margin-bottom: 20px;
  	padding: 5px 14px;
  	text-transform: uppercase;
}

.node-habitat-iii-landing .block-content {
	clear: left;
}

.field-name-habitat-iii-featured-commentary .item-list ul {
	margin: 0;
	padding: 0;
}

.field-name-habitat-iii-featured-commentary .item-list ul li {
	list-style: none;
	margin: 0;
	padding: 0 0 10px;
}

.field-name-habitat-iii-featured-commentary .item-list ul li.last {
	margin-bottom: -6px;
	padding: 0;
}

.field-name-habitat-iii-featured-commentary .views-field-field-photo {
	float: left;
	margin: 0 20px 20px 0;
}

.field-name-habitat-iii-featured-commentary .views-field-field-author {
	float: left;
	width: 47%;
}

.field-name-field-first-name,
.field-name-field-last-name {
	color: #032046;
	float: left;
	font-size: 19px;
	font-weight: 900;
	margin-right: 4px;
}

.field-name-field-last-name {
	float: none;
}

.field-name-habitat-iii-featured-commentary .field-name-field-title {
	color: #4a4a4a;
	font-size: 15px;
	line-height: 120%;
}

.field-name-habitat-iii-featured-commentary .views-field-title a {
	color: #000;
	float: left;
	font-size: 22px;
	font-weight: 900;
	line-height: 120%;
	margin: 20px 0 8px;
	width: 47%;
}

.field-name-habitat-iii-featured-commentary .views-field-created {
	color: #505050;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}

.field-name-habitat-iii-featured-news .block-inner,
.field-name-explainers .block-inner,
.field-name-habitat-iii-featured-commentary .block-inner {
	margin: 0;
}

.field-name-habitat-iii-commentary {
	float: left;
	width: 65%;
}

.field-name-habitat-iii-commentary .views-row {
    float: left;
  	margin-right: 20px;
    width: 46%;
}

.field-name-habitat-iii-commentary .views-field-field-author {
	color: #032046;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.field-name-habitat-iii-commentary .views-field-field-author .views-label,
.field-name-habitat-iii-commentary .views-field-field-author .field-content {
	float: left;
	margin-right: 5px;
}

.field-name-habitat-iii-commentary .views-field-field-author .views-label {
	margin-right: 2px;
}

.field-name-habitat-iii-commentary .views-field-title {
	clear: both;
	line-height: 120%;
	margin: 5px 0;
}

.field-name-habitat-iii-featured-news, 
.field-name-espanol-featured-news {
	float: left;
	width: 50%;
}

.field-name-espanol-featured-news .views-row,
.field-name-habitat-iii-featured-news .views-row {
	clear: both;
}

.field-name-espanol-featured-news .views-field-title a,
.field-name-habitat-iii-featured-news .views-field-title a,
.field-name-habitat-iii-latest-news .views-field-title a,
.field-name-habitat-iii-commentary .views-field-title a {
	color: #000;
	font-size: 17px;
	font-weight: 900;
}


.field-name-habitat-iii-latest-news .views-field-title a {
	font-size: 15px;
}

.field-name-espanol-featured-news .views-field-created,
.field-name-habitat-iii-featured-news .views-field-created,
.field-name-habitat-iii-latest-news .views-field-created,
.field-name-habitat-iii-commentary .views-field-created {
	color: #505050;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.field-name-espanol-featured-news .views-field-field-photo,
.field-name-habitat-iii-featured-news .views-field-field-photo {
	float: left;
	margin: 0 12px 20px 0;
}

.field-name-habitat-iii-ad {
	/* green 
	background: #00502b; */
	/* blue */
	background: #032046;
	color: #fff;
	float: left;
	/*padding: 23px 20px 24px;
	width: 29%;*/
	width: 33.3%;
}

.field-name-habitat-iii-ad h3 {
	font-size: 24px;
	line-height: 120%;
	font-weight: 900;
}

.field-name-habitat-iii-ad a,
.field-name-habitat-iii-ad a:visited {
	color: #fff;
}

.field-name-habitat-iii-ad a:hover {
	color: #89abd6;
	text-decoration: none;
}

.field-name-habitat-iii-ad p {
	line-height: 130%;
	margin: 0;
}

.field-name-habitat-iii-latest-news h2 {
	background: #11386a;
	margin-left: -10px;
}

.field-name-habitat-iii-featured-news h2, 
.field-name-espanol-featured-news h2 {
	background: #11386a;
}

.field-name-habitat-iii-latest-news .views-row {
	margin: 0 0 15px 5px;
}

.field-name-espanol-featured-news .views-field-title,
.field-name-habitat-iii-featured-news .views-field-title,
.field-name-habitat-iii-latest-news .views-field-title {
	line-height: 100%;
	margin: 0 0 4px;
}

.node-habitat-iii-landing .field-name-explainers {
	border-bottom: 1px solid #ccc;
	margin: 25px 0 0;
	padding-bottom: 25px;
}

.node-habitat-iii-landing .field-name-explainers .block-inner {
	background: #2c578f;
	padding: 20px 40px 30px;
}

.node-habitat-iii-landing .field-name-explainers h2 {
	color: #fff;
	float: left;
	font-size: 26px;
	font-weight: 400;
	margin: 0 10px 20px 0;
}

.node-habitat-iii-landing .field-name-explainers .view-header p {
	color: #11386a;
	font-size: 26px;
	font-weight: 100;
	margin: 0 0 20px;
}

.field-name-espanol-sticky-explainers h2,
.field-name-sticky-explainers h2 {
	font-size: 22px;
	margin: 5px 0 20px;
}

.field-name-espanol-sticky-explainers .views-header a,
.field-name-sticky-explainers .views-header a,
.node-habitat-iii-landing .field-name-explainers .view-header a {
	color: #89abd6;
	font-size: 16px;
	font-weight: 700;
	padding-left: 8px;
	text-transform: uppercase;
}

.node-habitat-iii-landing .field-name-explainers .view-header a:hover {
	color: #fff;
	text-decoration: none;
}

.node-habitat-iii-landing .field-name-explainers .views-field-title a {
	color: #fff;
	font-size: 19px;
	font-weight: 900;
}

.node-habitat-iii-landing .field-name-explainers .views-row {
	float: left;
	margin-right: 44px;
	width: 222px;
}

.node-habitat-iii-landing .field-name-explainers .views-field-title {
	line-height: 120%;
}

.field-name-habitat-iii-featured-news table {
	width: 100% !important;
}

.field-name-habitat-iii-featured-news table td {
	float: left;
	width: 48% !important;
}

.field-name-habitat-iii-featured-news td.col-last,
.node-habitat-iii-landing .field-name-explainers .views-row.views-row-last {
	margin-right: 0;
	padding-right: 0;
}

.field-name-habitat-iii-supporters .block-inner {
	margin: 15px;
}

.field-name-sticky-explainers .view-footer,
.node-habitat-iii-landing .view-footer,
.field-name-all-commentary-link {
  clear: both;
  padding: 25px 0 0;
  text-align: center;
}

.field-name-all-commentary-link {
	padding: 40px 0 0;
}

.field-name-sticky-explainers .view-footer a,
.node-habitat-iii-landing .view-footer a {
	background: #d4dde9;
	color: #315b93;
	font-size: 15px;
	font-weight: 900;
	padding: 12px 15px;
	text-transform: uppercase;
}

.field-name-all-commentary-link a {
	background: url(../images/h3-library.png) 15px no-repeat #11386a;
	color: #fff;
	display: table;
	font-size: 21px;
	margin: 0 auto;
	padding: 15px 20px 15px 78px;
}

.field-name-all-commentary-link a:hover {
	background: url(../images/h3-library.png) 15px no-repeat #2f5a92;
	text-decoration: none;
}

.field-name-all-commentary-link a:after {
	content: " ";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
    margin: 6px 0 5px 9px;
    display: block;
    position: relative;
    float: right;
}

.field-name-sticky-explainers .view-footer a {
	background: #5C80AD;
	color: #2c578f;
	text-decoration: none;
}

.field-name-sticky-explainers .view-footer a:hover {
	background: #032046;
	opacity: 0.5;
}

.group-related .view-footer a:hover,
.node-habitat-iii-landing .view-footer a:hover {
	background: #e2e8f0;
	color: #5e80ad;
	text-decoration: none;
}

/* "View All" pages */

.section-habitatiii .region-content-aside,
.page-habitatiii {
	font-family: Lato, sans-serif;
}

.journalism-project h1#page-title,
.page-habitatiii h1#page-title {
	border-bottom: 1px solid #ccc;
  color: #393f48;
  font-size: 2.5em;
  font-weight: 300;
  margin-bottom: 20px;
  padding-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
}

.section-habitatiii h1#page-title {
  color: #393f48;
  font-size: 2em;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}

.page-habitatiii .views-field-field-photo {
	float: left;
	margin: 0 20px 20px 0;
}

.page-habitatiii.page-habitatiii-explainers .view-habitat-iii {
	margin-bottom: 50px;
}

.page-habitatiii.page-habitatiii-explainers .views-field-field-photo {
	float: none;
	margin: 0;
}

.page-habitatiii.page-habitatiii-explainers td {
	height: 280px;
	padding-right: 35px;
	width: 22% !important;
}

.page-habitatiii .views-field-title a {
	color: #000;
	font-size: 24px;
	font-weight: 700;
	line-height: 120%;
}

.page-habitatiii.page-habitatiii-explainers .views-field-title {
	line-height: 120%;
}

.page-habitatiii.page-habitatiii-explainers .views-field-title a {
	font-size: 18px;
}

.page-habitatiii .group-right {
	float: left;
	width: 80%;
}

.page-habitatiii .views-field-field-author .field-name-field-first-name,
.page-habitatiii .views-field-field-author .field-name-field-last-name,
.page-habitatiii .views-field-field-author,
.page-habitatiii .views-field-created {
	color: #666;
	font-size: 15px;
	font-weight: 400;
}

.page-habitatiii .views-field-field-author .one-column {
	width: 100%;
}

.page-habitatiii-news .views-field-field-author .views-label,
.page-habitatiii .views-field-field-author .label {
	float: left;
	margin: 0 4px 0 0;
}

.page-habitatiii-news .views-field-field-author .field-content,
.page-habitatiii .views-field-field-author .field-name-field-last-name,
.page-habitatiii .views-field-field-author .one-column {
	float: left;
}

.page-habitatiii .views-field-created {
	clear: left;
}

.page-habitatiii.page-habitatiii-news .views-field-created {
	clear: none;
	float: left;
	margin: 0 0 0 6px;
	padding: 0 0 2em;
}

.page-habitatiii-news .views-field-created:before {
	content: "|";
	padding-right: 4px;
}

.page-habitatiii .field-name-field-last-name:after {
	content: "|";
	padding-left: 4px;
}

.page-habitatiii .views-row {
	clear: left;
	padding: 5px 0 25px;
}

div.calendar,
div.h3-calendar {
	font-family: Lato, sans-serif;
	margin-bottom: 2em;
}

div.calendar h3,
div.h3-calendar h3 {
	border-bottom: 1px dashed #ddd;
	border-top: 1px solid #ccc;
	font-size: 150%;
	margin: 0;
	padding: 1em .5em .5em;
}

div.calendar p,
div.h3-calendar p {
	border-bottom: 1px dotted #ddd;
	margin: 0;
	padding: 1em;
}

div.calendar p:nth-of-type(2n+1),
div.h3-calendar p:nth-of-type(2n+1) {
	background: #efefef;
}

div.calendar .ad {
	margin: 1em 0;
	text-align: center;
}

.block_tab-titles {
	border-bottom: 1px solid #bccfe8;
  margin-bottom: 15px;
	text-align: center;
}

.block_tab-title {
    background-color: #c8dcf5;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: 1px solid #bccfe8;
    color: #FFFFFF;
    cursor: pointer;
		display: inline-block;
		font-weight: 400;
    margin: 0 1px -1px;
    padding: 5px 10px;
}

.block_tab-title.active {
    background-color: #fff;
    border-bottom: 1px solid #fff;
		font-weight: 400;
		text-decoration: none;
}

.block_tab-title:hover {
	background-color: #a0bfe7;
}

.block_tab-title a:hover {
	color: #1a477e;
	text-decoration: none;
}

.view-habitat-iii-commentary-library {
	margin-bottom: 40px;
}

.view-habitat-iii-commentary-library table {
	margin: 0 auto;
	max-width: 980px;
	width: 90%;
}

.view-habitat-iii-commentary-library td {
	max-width: 300px;
	padding: 10px 10px 20px;
}

.view-habitat-iii-commentary-library .views-field-title {
	line-height: 130%;
	margin: 0 0 6px;
}

.view-habitat-iii-commentary-library .views-field-title a {
	color: #000;
	font-weight: 900;
}

.view-habitat-iii-commentary-library .views-field-field-author,
.view-habitat-iii-commentary-library .views-field-created {
	color: #555;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.view-habitat-iii-commentary-library .views-field-field-author {
	float: left;
	margin: 0 4px 0 0;
}

@media only screen and (min-width: 1025px) {
.node-habitat-iii-landing .region-two-brick-left-above {
	margin-right: 35px;
	width: 72% !important;
}

.node-habitat-iii-landing .region-two-brick-left-below {
	border-right: 1px solid #ccc;
	padding-right: 35px;
	width: 72% !important;
}

.node-habitat-iii-landing .region-two-brick-right-above {
	border-left: 1px solid #ccc;
	width: 24% !important;
}

.node-habitat-iii-landing .region-two-brick-right-below {
	width: 24% !important;
}

.views-field-field-author .region-two-33-66-first {
	width: 24% !important;
}

}

/* =============================================================================
 *   Email drawer
 * ========================================================================== */

#drawer {
	display: none;
}

#drawer {
	background: #d0cfcc;
	color: #fff;
	height: 110px;
	margin: 0 0 1em;
	max-width: 1140px;
	position: relative;
	width: 100%;
}

.email-drawer .block-inner {
	margin: 0;
	padding: 0;
}

.email-drawer #signup-left {
	background: url(../images/bg-drawer.png) top right no-repeat;
	float: left;
	padding: 23px 0;
	width: 48%;
}

.email-drawer #signup-right {
	float: left;
	padding: 24px 0 0;
}

.email-drawer a.close-link {
	background: url(../images/btn-close.png);
	display: block;
	height: 24px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	width: 24px;
}

.email-drawer h2 {
	font-family: Lato, sans-serif;
	font-size: 23px;
	font-weight: 400;
	margin: 0;
	padding: 16;
}

.email-drawer p {
	font-family: Lato, sans-serif;
	font-size: 19px;
}

.email-drawer p.submit {
	float: left;
}

.email-drawer form {
	padding: 10px 0px 10px 4%;
	width: 490px;
}

.email-drawer #mc_embed_signup input.email {
	float: left;
	margin-right: 1%;
	width: 70%;
}

.email-drawer #mc_embed_signup input.button {
	background: #e97300;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	width: 105px;
}

.email-drawer #mc_embed_signup input.button:hover {
	background: #666;
}

/* Basic page */

.node-type-page .view-mode-full .field-name-field-photo {
	float: right;
	margin: 0 -40px 20px 30px;
}

.node-type-page .view-mode-full .field-name-field-photo img {
	max-width: 500px;
}

.node-type-page .view-mode-full .field-name-body h4 {
	line-height: 130%;
	margin: 10px 0;
}

.node-type-page .view-mode-full .field-name-body h4 em {
	font-weight: 400;
}

/* =============================================================================
 *   Homepage 2015
 * ========================================================================== */

.front {
	font-family: Lato, sans-serif;
}

.front .container {
	max-width: 100% !important;
}

.full-width .container {
	max-width: 1250px !important;
}

#nav-wrapper .container,
.front #nav-wrapper .container,
.front .panel-row .container,
.region-tertiary-content .block-inner {
	max-width: 1140px !important;
}

.region-tertiary-content .block-inner {
	margin: 0 auto;
}

.front #columns {
	margin: 8px 0 0;
}

.front .panel-row {
	clear: both;
}

.front .panel-row .block-inner {
	margin: 0;
}

.front .row-1 {
	margin: 1.5em 0 0;
}

.region-homepage-row-1-left {
	width: 71%;
}

.front .block-main h2.block-title {
	border-top: 1px solid #989ba0;
	color: #393f48;
	font-size: 1.325em;
	font-weight: 400;
	margin: 2em 0 1em;
	text-transform: uppercase;
}

.partners h2.block-title,
.front .row-bottom h2.block-title {
	border: none;
	color: #fff;
	font-size: 1.1em;
	margin: 0;
	padding: 0 0 1em;
	text-transform: uppercase;
}

.partners ul {
	padding: 0;
}

.view-homepage-features,
.view-homepage-categories {
	margin: 0 auto;
	max-width: 960px;
	width: 100%;
}

.view-homepage-categories .views-row {
	float: left;
	margin: 0 30px 0 0;
	max-width: 300px;
	width: 33.33%;
}

.front #main-content,
.view-homepage-categories .views-row-last {
	margin: 0;
}

.page-espanol .views-field-nothing,
.section-citiscope-features .views-field-nothing,
.section-topics .views-field-nothing,
.view-homepage-categories .views-field-field-author {
	font-size: .675em;
	font-weight: 900;
	text-transform: uppercase;
}

.page-espanol .views-field-nothing,
.section-topics .views-field-nothing {
	margin-top: .5em;
}

.front .attachment-after .views-row-first {
	margin-left: 30px;
}

.front .attachment-before .views-row-last {
	margin-right: 30px;
}

.front .photo:hover,
.front .views-field-field-photo:hover {
	opacity: 0.8;
}

.full-subscribe,
.front .row-3 {
	background: #1b4b8a;
	margin: 2em 0;
	padding: 1.5em 0 2em;
}

.not-front .full-subscribe {
    margin: 0;
    border-top: .4em white solid;
    border-bottom: .4em white solid;
}

.region-tertiary-content .full-subscribe .block-inner {
	max-width: 1070px !important;
}

.full-subscribe h2.block-title,
.front .row-3 h2.block-title {
	background: url(../images/icon-subscribe.png) 0 9px no-repeat;
	border: none;
	color: #fff;
	font-weight: 700;
	margin: 0 0 .5em;
	padding: 0 0 0 35px;
	text-transform: none;
}

.full-subscribe h2.block-title {
	font-size: 1.325em;
}

/* Homepage Newsletter Signup */

.field-name-homepage-subscribe {
	margin: 0 1%;
}

.full-subscribe #mc_embed_signup form,
.front .row-3 #mc_embed_signup form {
	padding: 0;
}

.full-subscribe #mc_embed_signup input.email,
.front .row-3 #mc_embed_signup input.email {
	border: none;
	float: left;
	font-family: Lato, sans-serif;
	font-weight: 400;
	margin: 0;
	padding: 8px 0;
	text-indent: 12px;
	width: 80%;
}

.full-subscribe #mc_embed_signup input.button,
.front .row-3 #mc_embed_signup input.button {
	background: #0b2e5c;
	border: none;
  border-radius: 0;
	clear: none;
	color: #fff;
	float: left;
  	font-family: lato;
  	font-size: 1em;
	height: 40px;
  	line-height: 100%;
	margin: -1px 0 0;
	width: 19%;
}

.full-subscribe #mc_embed_signup input.button:hover,
.front .row-3 #mc_embed_signup input.button:hover {
	background: #002351;
}

/* Homepage Latest News Feed */

.at-panel .region.region-homepage-row-1-right {
	float: right;
	width: 27%;
}

.front #block-views-homepage-latest-block h2.block-title {
	background: #2e343d;
	border: none;
	color: #fff;
	font-size: .9325em;
	font-weight: 900;
	margin: 0;
	padding: 4px 12px;
	position: relative;
	text-transform: uppercase;
	z-index: 3;
}

.front #block-views-homepage-latest-block h2.block-title:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(46, 52, 61, 0);
	border-top-color: #2e343d;
	border-width: 12px;
	margin-left: -12px;
}

.view-homepage-latest .views-field-nothing a {
	background: #e7e6e4;
	border-bottom: 1px solid #cccbca;
	color: #000;
	display: block;
	font-weight: 900;
	line-height: 130%;
	padding: 15px 38px;
	position: relative;
}

.view-homepage-latest .views-row-first .views-field-nothing a {
	padding: 25px 38px 15px;
}

.view-homepage-latest .views-field-nothing a .views-field-created {
	color: #555;
	font-size: .8em;
	font-weight: 700;
	margin: .25em 0 0;
	text-transform: uppercase;
}

.view-homepage-latest .views-field-nothing a:before {
	content: " ";
	float: left;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #d8d6d2;
	left: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.view-homepage-latest .views-field-nothing a:hover .views-field-created,
.view-homepage-latest .views-field-nothing a:hover {
	background: #e96300;
	color: #fff;
	text-decoration: none;
}

.view-homepage-latest .views-field-nothing a:hover:before {
	border-color: transparent transparent transparent #de5200;
}

.field-name-h3-button p {
	margin: 0;
}

.field-name-h3-button p a {
	background: #e1e7f0;
	display: block;
	margin-top: 30px;
	padding: 8% 12% 6%;
}

.field-name-h3-button p a:hover {
	background: #b9cbe6;
}

.front .row-7 {
	background: #e1e7ef;
	float: left;
	margin: 2em 0;
	width: 100%;
}

.partners,
.front .row-bottom {
	background: #82858b;
	margin: 3em 0 0;
	padding: 1.5em 0 2em;
}

.partners {
	margin: 0;
}

.partners li,
.front .row-bottom li {
	float: left;
	list-style: none;
	margin: 0 15px 0 0;
}

.partners li {
	margin: 0 10px 0 0;
}

.partners li:last-child,
.front .row-bottom li:last-child {
	margin: 0;
}

.partners li:last-child img,
.front .row-bottom li img {
	max-width: 129px;
}

.section-citiscope-features .views-field-field-city,
.views-field-homepage-label,
.view-homepage-features .label,
.views-field-field-homepage-label .label {
	border-bottom: 1px solid #1b4b8a;
	font-family: Lato, sans-serif;
	line-height: 115%;
}

.section-citiscope-features .views-field-field-city {
	line-height: 125%;
}


.section-citiscope-features .views-field-field-city a,
.views-field-field-homepage-label .label a,
.view-homepage-features .label a,
.views-field-field-homepage-label .label a {
	background: #1b4b8a;
	color: #fff;
	font-size: 12px;
	padding: 3px 7px;
	text-transform: uppercase;
}

.views-field-field-homepage-label .label.labelCitisignal {
	border-color: #2e66b0;
}

.views-field-field-homepage-label .label.labelCitisignal a {
	background: #2e66b0;
}

.view-homepage-features .label.labelHabitat,
.views-field-field-homepage-label .label.labelHabitat {
	border-color: #11386a;
}

.view-homepage-features .label.labelHabitat a,
.views-field-field-homepage-label .label.labelHabitat a {
	background: #11386a;
}

.field-name-top-feature .views-field-field-homepage-label a:hover,
.field-name-top-feature .views-field-field-city a:hover,
.view-homepage-features .label a:hover,
.views-field-field-homepage-label .label a:hover {
	background: #222;
	text-decoration: none;
}

.view-homepage-categories .views-field-title {
	line-height: 130%;
	margin: .5em 0 .25em;
}

.view-homepage-categories .views-field-title a {
	color: #000;
	font-size: 1.125em;
	font-weight: 900;
}

.view-homepage-categories .views-field-field-teaser {
	font-size: .825em;
}

.field-name-top-feature .views-field-field-homepage-label,
.field-name-top-feature .views-field-field-city {
	float: left;
	font-size: .9em;
	font-weight: 400;
	line-height: 120%;
	margin: 4px 0 -1px;
	text-transform: uppercase;
}


.field-name-top-feature .views-field-field-homepage-label a,
.field-name-top-feature .views-field-field-city a {
	background: #032046;
	color: #fff;
	margin-right: 2px;
	padding: 6px 14px 7px;
}

.section-citiscope-features .views-field-field-city a,
.field-name-top-feature .views-field-field-city a {
	background: #11386a;
}

.field-name-top-feature .views-field-field-photo {
	border-top: 1px solid #032046;
	clear: left;
	float: left;
	margin-top: 8px;
}

.field-name-top-feature .views-field-title {
  clear: both;
  font-size: 1.625em;
  font-weight: 900;
  line-height: 110%;
  padding: .25em 0;
}


.view-espanol-landing .views-field-title a,
.section-content-labels .views-field-title a,
.section-topics .views-field-title a,
.field-name-top-feature .views-field-title a {
	color: #000;
}

.field-name-top-feature .views-field-field-teaser {
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 .5em;
}

.field-name-top-feature .views-field-field-author,
.field-name-top-feature .views-field-created {
	float: left;
	font-size: .75em;
	font-weight: 900;
  	margin: 0 .5em 0 0;
  	text-transform: uppercase;
}

/* Secondary Feature */


.front .row-5 {
	background: #d9dadc;
	float: left;
	width: 100%;
	margin: 2em 0;
}

.field-name-second feature .view-homepage-features,
.field-name-habitat-iii .view-homepage-features {
	margin: 0 auto;
}

.view-homepage-features .feature-content {
	float: left;
	padding: 3em 0;
	width: 100%;
}

.view-homepage-features .feature-left {
	float: left;
	margin-right: 30px;
	margin-bottom: 32px;
}

.view-homepage-features .feature-right {
	margin-top: 3em;
}

.field-name-habitat-iii .view-homepage-features .feature-right {
	margin-top: .625em;
}

.view-homepage-features .label {
	line-height: 130%;
}

.view-homepage-features .label a {
	font-size: 14px;
}

.view-homepage-features .title {
	font-size: 1.4em;
	font-weight: 900;
	line-height: 120%;
	margin: 0 0 .25em;
}

.view-homepage-features .title a {
	color: #000;
}

.view-homepage-features .teaser {
	line-height: 130%;
	margin: 0 0 .25em;
}

.view-homepage-features .meta {
	font-size: 14px;
	margin: .5em 0;
	max-width: 98%;
	text-transform: uppercase;
}

.view-homepage-features .author a,
.view-homepage-features .post-date {
	font-weight: 900;
}

.view-homepage-features .author {
	padding-right: 5px;
}

.field-name-partners .block-content ul {
	margin: 0;
	padding: 0;
}

/* =============================================================================
 *   Topics Page
 * ========================================================================== */

 .page-habitatiii-news #main-content,
 .section-content-labels #main-content,
 .section-citiscope-features #main-content,
 .section-topics #main-content {
	 margin: 0 17%;
 }

 .page-habitatiii-news h1#page-title,
 .section-content-labels h1#page-title,
 .section-citiscope-features h1#page-title,
 .section-topics h1#page-title {
	 border-bottom: 1px solid #ccc;
	 color: #393f48;
	 font-size: 2.5em;
	 font-weight: 300;
	 line-height: 120%;
	 margin: 0 0 .5em;
	 padding: 0 0 .5em;
	 text-align: center;
	 text-transform: uppercase;
 }

 .section-topics .views-field-description {
	 font-family: Georgia, serif;
 }
 
 .page-espanol .views-row,
 .section-content-labels .views-row,
 .section-citiscope-features .views-row,
 .section-topics .views-row {
	 font-family: Lato, sans-serif;
 }
 
 .page-espanol .views-row {
	 clear: both; 
	 float: left;
	 margin: 0 0 20px;
	 width: 100%;
 }

 .section-citiscope-features .attachment-before .views-field-field-city {
	 margin: 0 0 -10px;
 }
 
 .view-espanol-landing .views-field-field-small-photo,
 .view-espanol-landing .views-field-field-photo,
 .section-content-labels .views-field-field-small-photo,
 .section-content-labels .views-field-field-photo,
 .section-citiscope-features .views-field-field-small-photo,
 .section-topics .views-field-field-small-photo,
 .section-citiscope-features .views-field-field-photo,
 .section-topics .views-field-field-photo {
	 float: left;
	 margin: 0 20px 10px 0;
 }

 .page-espanol .attachment-before .views-field-title, 
 .section-citiscope-features .attachment-before .views-field-title,
 .section-topics .attachment-before .views-field-title {
	 font-size: 1.625em;
 }
 
 .page-espanol .attachment-before {
	 margin: 0 0 50px;
 }
 
 .espanol-subscribe {
	 background: #052854;
	 margin: 0 0 35px;
 }
 
 .espanol-subscribe p {
	 font-family: Lato, sans-serif;
	 font-weight: 900;
	 margin: 0;
 }
 
 .espanol-subscribe p a {
	 color: #fff;
 }

 .section-citiscope-features .attachment-before .views-field-title {
	 clear: both;
	 padding: .15em;
 }

 .page-espanol .attachment-before .views-field-field-teaser
 .section-citiscope-features .attachment-before .views-field-field-teaser,
 .section-topics .attachment-before .views-field-field-teaser {
	 font-size: 1em;
 }

 .page-espanol .attachment-before .views-field-field-photo,
 .section-citiscope-features .attachment-before .views-field-field-photo,
 .section-topics .attachment-before .views-field-field-photo {
	 margin: 0;
 }

 .page-espanol .attachment-before .views-field-field-photo img,
 .section-citiscope-features .attachment-before .views-field-field-photo img,
 .section-topics .attachment-before .views-field-field-photo img {
	 width: 100%;
 }

 .page-espanol .attachment-before .views-field-nothing,
 .section-citiscope-features .attachment-before .views-field-nothing,
 .section-topics .attachment-before .views-field-nothing {
	 font-size: .75em;
 }

 .view-espanol-landing .views-field-title,
 .section-content-labels .views-field-title,
 .section-citiscope-features .views-field-title,
 .section-topics .views-field-title {
   font-size: 1.1em;
	 font-weight: 900;
	 line-height: 1.2em;
	 margin: .75em 0 0;
 }

 .page-espanol .views-field-field-teaser,
 .page-espanol .views-field-field-subhead,
 .section-content-labels .views-field-field-teaser,
 .section-citiscope-features .views-field-field-teaser,
 .section-topics .views-field-field-teaser {
	 font-size: .9em;
	 line-height: 1.3em;
	 margin: .4em 0;
 }
 
 .page-espanol .attachment-before .views-field-field-subhead {
	 font-size: 1.1em;
 }

 .page-espanol .views-field-field-teaser p,
 .section-content-labels .views-field-field-teaser p,
 .section-citiscope-features .views-field-field-teaser p,
 .section-topics .views-field-field-teaser p {
	 margin: 0;
 }
 
 .page-espanol h1#page-title {
	 font-weight: 900;
	 text-transform: uppercase;
 }
 
.page-espanol .description {
	color: #444;
	font-family: Lato, sans-serif;
	font-style: italic;
}

.node-type-page.section-topics #content li.menu-depth-2 {
	font-family: Lato, sans-serif;
	font-size: 110%;
	margin-bottom: 1.5em;
}

.node-type-page.section-topics #content li.menu-depth-3 {
	width: 100%;
}

.node-type-page.section-topics #content ul.menu ul {
	padding: 0;
}

.node-type-page.section-topics #content ul li a {
	font-weight: 700;
}

.node-type-page.section-topics #content ul.menu ul li a {
	font-weight: 400;
}

.page-taxonomy-term .views-field-field-subhead {
	line-height: 140%;
	margin: 5px 0 0;
}

/* =============================================================================
 *   Share Buttons
 * ========================================================================== */

.sharethis-wrapper .stButton {
	margin-left: 6px;
	margin-right: 0;
}

.sharethis-wrapper .stButton .stBubble_count,
.sharethis-wrapper .st_twitter_vcount .stBubble_count,
.sharethis-wrapper .st_facebook_vcount .stBubble_count,
.sharethis-wrapper .st_fb_like_vcount .stBubble_count,
.sharethis-wrapper .stButton .stBubble {
	background: none;
	border: none;
	font-family: Lato, sans-serif;
	width: 47px;
}

.sharethis-wrapper .st_twitter_vcount .stBubble_count,
.sharethis-wrapper .st_sharethis_vcount .stBubble_count {
	font-size: 15px;
	margin-top: -2px;
	z-index: 5;
}

.sharethis-wrapper .stButton .stBubble {
	background: url(../images/st-button-bg.png) no-repeat !important;
}

.sharethis-wrapper .stButton .st-sharethis-counter,
.sharethis-wrapper .stButton .st-twitter-counter,
.sharethis-wrapper .stButton .st-facebook-counter {
	height: 20px;
	float: left;
	margin-top: -5px;
	width: 47px;
}

.st_fblike_vcount {
	float: right;
	margin: 2px 0 0 6px;
}

.node-type-citisignal .st_twitter_vcount,
.node-type-citisignal .st_sharethis_vcount,
.node-type-citisignal .st_fblike_vcount {
	float: left;
	margin: 2px 0 0 2px;
}

.node-type-citisignal .st_sharethis_vcount {
	margin: 2px 0 0 -6px;
}

.node-type-citisignal .st_fblike_vcount {
	margin: 4px 0 0 6px;
}

.sharethis-wrapper .stButton .st-facebook-counter {
	background: url(../images/st-facebook.png) no-repeat !important;
}

.sharethis-wrapper .stButton .st-twitter-counter {
	background: url(../images/st-twitter-sm.png) no-repeat !important;
}

.sharethis-wrapper .stButton .st-sharethis-counter {
	background: url(../images/st-share-sm.png) no-repeat !important;
}

.node-type-page .intro {
	margin: 1em 0;
}

/* =============================================================================
 *   About Page
 * ========================================================================== */

.region-banner {
	position: relative;
}

body.full-width {
	background: #ced5df;
}

body.full-width .field-name-body {
	padding: 3em 0 0;
}

.full-width h1#page-title {
	display: none;
}

.full-width .tertiary-content {
	background: #fff;
}

#block-bean-about-page-banner .block-inner {
	margin: 0;
}

#block-bean-about-page-banner .field-name-field-banner-image {
	position: relative;
}

#block-bean-about-page-banner .field-name-field-caption {
	background: none;
	max-width: 705px;
	padding: 5%;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}

#block-bean-about-page-banner .field-name-field-caption p {
	font-size: 32px;
	font-weight: 900;
	line-height: 120%;
}

#block-bean-about-page-banner .field-name-field-caption p:nth-child(2) {
	margin: 0;
	padding: 0;
}

#block-bean-about-page-banner .field-name-field-caption ul {
	margin: 0 0 0 10px;
}

#block-bean-about-page-banner .field-name-field-caption ul li {
	font-size: 26px;
	font-weight: 700;
}

#about-icons li {
	display: inline-block;
	font-family: Lato;
	font-size: 26px;
	font-weight: 700;
	list-style: none;
	margin: 0;
	padding: 0 0 3em;
	text-align: center;
	text-transform: uppercase;
	vertical-align: top;
	width: 33%;
}

#about-icons li:nth-child(4) {
	clear: both;
}

.full-width .node,
#about-icons li p {
	margin: 0;
}

#about-icons li a {
	color: #5b6268;
}

#about-icons li a:hover {
	color: #0c2e5c;
	text-decoration: none;
}

/* TEMP H3 HOMEPAGE CHANGES */
#node-1783 .field-name-habitat-iii-featured-commentary .region-two-33-66-first {
	display: none;
}

#node-1783 .view-habitat-iii .views-field-field-author .even,
#node-1783 .field-name-habitat-iii-featured-commentary .region-two-33-66-second {
	width: 100%;
}

#node-1783 .view-habitat-iii.view-display-id-block_1 .views-field-field-author .even {
	width: auto !important;
}

#node-1783 .field-name-habitat-iii-commentary .views-field-field-author .views-label {
	display: none !important;
}

#node-1783 .field-name-habitat-iii-featured-commentary .views-field-field-author .region-two-33-66-second .region-inner {
	padding: 0;
	width: 160px;
	width: 100%;
}

#node-1783 .view-habitat-iii .views-field-field-author .odd:before {
	display: none;
}


#node-1783 .view-habitat-iii.view-display-id-block_1 .views-row .views-field-field-author li {
	float: none;
}


/* H3 2-person byline in second position below feature 
#node-1783 .view-habitat-iii.view-display-id-block_1 .views-row-2 .views-field-field-author .even:after {
	content: " and ";
} */

/* H3 3-person byline */
.node-type-habitat-iii #node-2518 .field-name-field-author .odd:before,
.node-type-habitat-iii #node-2820 .field-name-field-author .odd:before,
.node-type-habitat-iii #node-2496 .field-name-field-author .odd:before,
.node-type-habitat-iii #node-2451 .field-name-field-author .odd:before,
.node-type-habitat-iii #node-2377 .field-name-field-author .odd:before,
.node-type-habitat-iii #node-2365 .field-name-field-author .odd:before,
.node-type-habitat-iii #node-2836 .field-name-field-author .odd:before {
	content: ",";
	display: inline;
	margin-left: 0;
	margin-right: 4px;
}

.node-type-habitat-iii #node-2518 .field-name-field-author .odd:after,
.node-type-habitat-iii #node-2820 .field-name-field-author .odd:after,
.node-type-habitat-iii #node-2451 .field-name-field-author .odd:after,
.node-type-habitat-iii #node-2377 .field-name-field-author .odd:after,
.node-type-habitat-iii #node-2365 .field-name-field-author .odd:after,
.node-type-habitat-iii #node-2496 .field-name-field-author .odd:after,
.node-type-habitat-iii #node-2836 .field-name-field-author .odd:after {
	content: "and";
	margin: 0 4px;
}

/* H3 2-person when 3-person byline is in second small feature slot */
#node-1783 .view-habitat-iii.view-display-id-block_1 .views-row-first .views-field-field-author .odd:after,
#node-1783 .view-habitat-iii.view-display-id-block_1 .views-row-first .views-field-field-author .even:before,
#node-1783 .view-habitat-iii.view-display-id-block_1 .views-row-first .views-field-field-author .odd:before {
	content: none;
}


/* H3 FEATURED NEWS */

.view-habitat-iii .attachment-before {
	background: #eee;
	margin: 0 0 25px;
	padding: 15px 10px 5px;
}

.view-habitat-iii .attachment-before .views-field-field-photo {
	margin: 0 0 5px;
}

.view-habitat-iii .attachment-before .view-header h3 {
    color: #444;
    font-size: 13px;
    margin: -4px 0 8px 4px;
    text-transform: uppercase;
}

.view-habitat-iii .views-field-field-subhead {
	font-size: 13px;
}

/* H3 PAGERS */

.next {
	float: left;
	font-family: Lato;
	font-size: 1.25em;
}

.next a:after {
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 8px;
    border-color: transparent transparent transparent #1a477e;
    margin: 11px 0 7px 8px;
}

/* =============================================================================
 *   Sticky headers
 * ========================================================================== */
 
#header-wrapper.sticky {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 100;
}

.sticky .region-header .block-sharethis a.more,
.region-header .block-sharethis {
	display: none;
}

.sticky .region-header #block-sharethis-sharethis-block {
	clear: none;
	margin: 4px 0 0;
}

.sticky .region-header .block-sharethis {
	display: block;
	float: right;
	margin-top: 4px;
	margin-top: 23px;
}

.sticky .region-header .block-sharethis .block-inner {
	margin: 0;
}

.sticky .region-header .block-sharethis a {
	margin-right: 0 !important;
	margin-left: 4px;
}

.sticky .region-header .sharethis-wrapper .stButton .stBubble {
	background: url(../images/st-button-bg-dark.png) no-repeat !important;
}

.sticky .region-header .logo p {
	margin: 20px 0 10px;
}

.region-header .logo {
	padding: 0;
}

.region-header .logo img {
	width: 100%;
}

.sticky .region-header .logo {
	padding: 0 0 0 55px;	
}

.sticky .region-header .logo img {
	transition: width 0.4s ease;
	width: 78%;	
}

#header-wrapper #sidr-wrapper-0 {
	opacity: 0;
}

#header-wrapper.sticky #sidr-wrapper-0 {
	display: block !important;
	margin: 26px 0 0 0;
	position: absolute;
	opacity: 1;
	transition: opacity 0.4s ease;
}

#header-wrapper.sticky .tagline, 
#header-wrapper.sticky .language-filter, 
#header-wrapper.sticky .social,
#nav-wrapper.sticky #block-search-form {
	display: none;
}



/* =============================================================================
 *   Flyouts
 * ========================================================================== */


section.block.flyout {
	bottom 						: 0;
  width         		: 300px;
  max-height        : 400px;
  overflow-y        : hidden;
  position          : fixed;
  right             : -300px;
  -webkit-transition: right 0.5s ease-in-out;
  -moz-transition   : right 0.5s ease-in-out;
  -o-transition     : right 0.5s ease-in-out;
  transition        : right 0.5s ease-in-out;
}


section.block.flyout .block-inner {
	opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition   : opacity 0.5s ease-in-out;
  -o-transition     : opacity 0.5s ease-in-out;
  transition        : opacity 0.5s ease-in-out;	
}


section.block.flyout.open {
	right: 0;
  width: 300px;
}


section.block.flyout.open .block-inner {
	opacity: 1.0;
}

section.block.flyout .block-inner {
	background: #E96300;
	color: #fff;
  margin : 0;
  padding: 1em 1em .75em;
}

section.block.flyout .close-link {
	color: #fff;
	position: absolute;
	top: 0;
	right: 5px;
}

section.block.flyout .close-link:after {
  content: '✖'; /* UTF-8 symbol */	
}


section.block.flyout .close-link:hover {
	opacity: 0.7;
	text-decoration: none;
}

section.block.flyout h2 {
	font-size: 1em;
}

section.block.flyout #mc_embed_signup form {
	padding: 10px 0;
}

section.block.flyout #mc_embed_signup input.email {
	border: none;
	font-family: Lato;	
	width: 100%;
}

section.block.flyout #mc_embed_signup .button {
	background: #cd4002;
	font-family: Lato;	
	font-size: .9em;
	margin: 0;
	width: 50%;
}

section.block.flyout #mc_embed_signup .button:hover {
	background: #bc3b02;
}


/* =============================================================================
 *   Journalism Project
 * ========================================================================== */
 
.journalism-project .entity-bean .field-name-field-caption {
	margin: 0;
	padding: 0;
}

.project-landing h1#page-title {
	display: none;
}

.journalism-project #main-content {
	margin: 0;
}
 
#block-bean-journalism-project-title .block-inner,
#block-bean-journalism-project-photo .block-inner {
	margin: 0;
}

#block-bean-journalism-project-title {
	background: #1a69ad;
	padding: 35px 15px 15px;
}
 
.journalism-project #block-sharethis-sharethis-block {
	padding: 20px 0;
}

#block-bean-journalism-project-photo,
#block-bean-journalism-project-photo .field-name-field-banner-image {
	position: relative;
}

#block-bean-journalism-project-photo .field-name-field-caption {
	background: none;
	position: absolute;
	top: 4%;
	left: 0;
	width: 100%;
}

#block-bean-journalism-project-photo .field-name-field-caption .field-items {
	margin: 0 auto;
	max-width: 1024px;
}


#block-bean-journalism-project-photo .field-name-field-caption .field-item {
	max-width: 630px;	
}

#block-bean-journalism-project-photo .field-name-field-caption h2 {
	font-size: 29px;
	font-weight: 900;
}

#block-bean-journalism-project-photo .field-name-field-caption p {
	font-size: 21px;
	font-weight: 700;
	line-height: 130%;
}
 
.entity-bean .field-name-field-caption {
	background: none;
}
 
.journalism-project .field-name-body {
	margin: 3% 15% 0;
}

#block-bean-journalism-project-about {
	background: #CED5DF;
}

#block-bean-journalism-project-journalists- {
	background: #1B4B8A;
	border-top: 6px solid #fff;
	border-bottom: 6px solid #fff;	
}

#block-bean-journalism-project-journalists- .block-inner,
#block-bean-journalism-project-about .block-inner {
	padding: 35px 10px;	
}

.journalism-project .project-members {
	padding: 25px 10px;	
}

#block-bean-journalism-project-about .block-inner {
	padding: 40px 10px;
}

.journalism-project .region-tertiary-content h2.block-title {
  font-weight: 900;
	letter-spacing: 2px;
	text-align: center;
  text-transform: uppercase;
}

.journalism-project .project-members h2.block-title,
#block-bean-journalism-project-about h2.block-title {
	color: #5b6268;
}

#block-bean-journalism-project-journalists- h2.block-title {
	color: #fff;
}

.project-members ul {
	display: table;
	margin: 25px auto;
	padding: 0;
}

.project-members li {
	float: left;
	list-style: none;
	margin: 0 15px 15px;
	max-height: 265px;
	max-width: 250px;
}

.project-members img {
	border: 5px solid #eee;
}

.project-members img:hover {
	opacity: 0.8;
}

.journalism-project #twitter-feed {
	background: rgba(255,255,255,0.5);
	border-radius: 6px;	
	float: left;
	margin: 0;
	padding: 20px;
	width: 520px;
}

.journalism-project #journalism-info {
	float: right;
	width: 48%;
}

#journalism-info #republishing,
#journalism-info #contact {
	background: rgba(167,184,207,0.6);	
	border-radius: 6px;	
	margin: 0 0 30px;
}

#journalism-info #contact {
	background: rgba(167,184,207,0.3);		
}

#journalism-info #republishing .inner,
#journalism-info #contact .inner {
	padding: 20px 20px 5px;
}

.journalism-about .content,
.toolbox .content {
	display: table;
	margin: 0 auto;
}

.journalism-about .content h3 {
	color: #143b6c;
	font-size: 18px;
	font-weight: 900;
	height: 30px;
	margin: 0 0 15px;
	padding-left: 38px;
	text-transform: uppercase;
}

.journalism-about #twitter-feed h3 {
	background: url(../images/icon-journalism-work.png) 0 0 no-repeat;
}

.journalism-about #republishing h3 {
	background: url(../images/icon-journalism-rules.png) 0 0 no-repeat;
}

.journalism-about #contact h3 {
	background: url(../images/icon-journalism-contact.png) 0 0 no-repeat;
}

.block-content div.tweets-pulled-listing ul {
	padding: 0;
}

.block-content div.tweets-pulled-listing ul li {
    background: rgba(255,255,255,0.4);
    border: none;
    float: left;		
    margin: 0 0 6px;
    padding: 15px;
}

.journalism-project #journalism-info p {
	color: #222;
	font-size: 17px;
	margin: 0 20px 20px 40px;
}

.toolbox .content {
	margin-top: 10px;
}

.journalism-about .content {
	margin: 20px 0;
}

.toolbox .bottom {
	clear: left;
}

.toolbox .content ul {
	display: table;
	margin: 0;
	padding: 0;
	text-align: center;
}

.toolbox .content .top,
.toolbox .content .bottom {
	text-align: center;
}

.toolbox .content .field-item div div {
	background: #fff;
	border-radius: 6px;	
	display: block;
	float: left;
	line-height: 120%;
	list-style: none;	
	margin: 10px;	
	min-height: 60px;			
	padding: 30px 20px;
	text-align: center;	
	width: 280px;	
}

.toolbox .content .field-item p,
.toolbox .content .field-item a {
	color: #222;
	display: block;
	font-size: 19px;
	font-weight: 900;
	margin: 0;
	text-transform: uppercase;
}

.toolbox .content p.coming,
.toolbox .content .field-item a {
	background-position: 50% 0 !important; 
	padding: 120px 0 0;
	text-align: center;
}

.toolbox #what a {
	background: url(../images/icon-toolbox-what.png) no-repeat;
}

.toolbox #why a {
	background: url(../images/icon-toolbox-why.png) no-repeat;
}

.toolbox #tips a {
	background: url(../images/icon-toolbox-tips.png) no-repeat;
}
   
.toolbox #archive a {
	background: url(../images/icon-toolbox-archive.png) no-repeat;
}
	   
.toolbox #webinars a,
.toolbox #webinars p.coming {
	background: url(../images/icon-toolbox-webinars.png) no-repeat;
}

.toolbox #quito a {
	background: url(../images/icon-toolbox-quito.png) no-repeat;
}

.toolbox #facebook a {
	background: url(../images/icon-toolbox-facebook.png) no-repeat;
}

.toolbox #quito p:last-child {
	color: #808792;
	margin: 6px 0;
}

.section-journalism-project .details {
	background: #eee;
	font-family: Lato, sans-serif;
	margin: 30px 0;
	padding: 5px 20px;
}

.section-journalism-project .details h2 {
	font-weight: 900;
}

.section-journalism-project .details h3 {
	font-size: 130%;
	font-weight: 900;
}

/* =============================================================================
 *   Transcript tables
 * ========================================================================== */
 
.transcript td:nth-child(1) {
	width: 120px;
}

/* =============================================================================
 *   Quito landing
 * ========================================================================== */
.section-quito .quito-header {
	background: #dfe5ee;
}

.quito-header .quito-bug {
	float: left;
	line-height: 85%;
}

.quito-header .quito-chatter {
    color: #315c93;
    float: right;
    font-family: Lato, sans-serif;
    font-size: 1em;
    padding: 50px 20px 20px;
}

.section-quito .region-banner .block-inner {
	margin: 0 auto;
	max-width: 1190px;
}

.section-quito .quito-header p {
	margin: 0;
}

.section-quito .connect-blue {
	padding: 0 0 30px;
}

.section-quito .connect-blue p {
	font-size: 24px;
	font-weight: 900;
	padding: 20px 17% 0;
}

.section-quito .connect-blue #mc_embed_signup form {
	padding: 10px 17% 30px;
}

.section-quito .connect-blue #mc_embed_signup input.email {
	float: left;
	font-family: Lato, sans-serif;
	margin: 0;
	width: 80%;
}

.section-quito .connect-blue #mc_embed_signup .button {
    background: #0b2e5c;
    border: none;
    border-radius: 0;
    clear: none;
    color: #fff;
    float: left;
    font-family: lato;
    font-size: 1em;
    height: 40px;
    line-height: 100%;
    margin: -1px 0 0;
    width: 19%;
}

.node-type-panel h1#page-title {
	display: none;
}

.node-type-panel #main-content {
	margin-right: 0;
}

.panel-display#quito .block-inner {
	margin: 0 0 20px;
	padding: 0;
}

#quito .pane-block {
	margin: 0 0 30px;
}

#quito h2.pane-title, 
#quito .view-quito-coverage h3 {
  border-top: 3px solid #222;
  font-weight: 900;
  margin: 0 0 20px;
  text-transform: uppercase;
}

.view-quito-coverage {
	font-family: Lato, sans-serif;
}

.view-quito-coverage .views-field-field-photo, 
.view-quito-coverage .views-field-field-small-photo {
	float: left;
	margin: 0 15px 15px 0;
}

.view-quito-coverage.view-display-id-quito_feature .views-field-field-photo {
	margin: 0;
}

.view-quito-coverage.view-display-id-quito_feature .views-field-title {
	font-size: 1.5em;
}

.view-quito-coverage .views-row {
	clear: both;
}

.view-quito-coverage .views-row-last {
	float: left;
	margin: 0 0 30px;
	width: 100%;
}

.view-quito-coverage .views-field-title {
    font-size: 1em;
    font-weight: 900;
    line-height: 1.2em;
    margin: .75em 0 0;
}

.view-quito-coverage .views-field-title a, 
.view-quito-coverage .views-field-field-author a {
	color: #222;
}

.pane-views-quito-coverage-quito-must-see .view-quito-coverage .views-field-title a {
	color: #1a477e;
}

.view-quito-coverage .views-field-field-teaser, 
.view-quito-coverage .views-field-field-subhead {
    font-size: .9em;
    line-height: 1.3em;
    margin: .4em 0;
}

.view-quito-coverage .views-field-field-author {
	font-size: .675em;
  font-weight: 900;
  text-transform: uppercase;
}

#quito-menu ul {
	padding: 0;
}
 
#quito-menu div.menu {
	background: #e7e6e4;
	margin: 0 0 20px;
	padding: 15px;
}


#quito-menu h3 {
	color: #444;
	font-size: 17px;
	font-weight: 900;
	text-transform: uppercase;
}

#quito-menu li {
	color: #bbb;
	font-family: Lato, sans-serif;
	line-height: 130%;
	list-style: none;
	margin: 0 0 10px;
}

#quito-menu li:last-child {
	margin: 0;
}

#quito-menu li a {
	color: #1a477e;
	font-weight: 700;
}

.panel-display#quito #quito-newsletter .block-inner {
	margin: 0;
	padding: 15px;
}

.panel-display#quito #quito-newsletter .block-inner p {
	margin: 0;
}

#quito-newsletter {
	background: #e96300;
	color: #fff;
	font-family: Lato, sans-serif;
}

#quito-newsletter #mc_embed_signup form {
	padding: 10px 0;
}

#quito-newsletter #mc_embed_signup input.email {
  border: 1px solid #fff;
  float: left;
	font-family: Lato, sans-serif;
  margin-right: 2%;
  padding: 5px 0;
  text-indent: 5px;
  width: 64%;
}

#quito-newsletter #mc_embed_signup input.button {
	background: #cd4c00;
	border: none;
	clear: none;
	color: #fff;
	float: left;
	font-size: 16px;
	height: auto;
	margin: 0;
	padding: 2px 0;
	width: 30%;
}

#quito-newsletter #mc_embed_signup input.button:hover {
	background: #be3a00;
}


/* =============================================================================
 *   Habitat III slim subscribe
 * ========================================================================== */
 
.h3-resources h4 {
	font-size: 130%;
	font-weight: 900;
}
 
.h3subscribe .region-banner, 
.h3subscribe h1#page-title {
	display: none;
}

.h3subscribe #page {
	background: url(../images/bg-h3subscribe.jpg) no-repeat;
	background-size: cover;
	filter: grayscale(20%);
	-webkit-filter: grayscale(20%);
	max-width: 100%;
}

.h3subscribe #columns {
	margin: 0 12%;
	padding: 7% 0;
}

.h3subscribe #main-content {
	font-family: Lato, sans-serif;
	margin: 0 auto;
	max-width: 750px;
	width: 90%;
}

.h3subscribe .panel-pane .block-inner {
	background: rgba(255,255,255,0.85);
	border-radius: 4px;
	padding: 30px;
}

.h3subscribe #mc_embed_signup {
	background: transparent;
}

.h3subscribe #mc_embed_signup form {
	margin: 0;
}

.h3subscribe #mc_embed_signup input.email {
	border-color: #999;
	font-size: 17px;
	height: auto;
	padding: 4px;
	width: 80%;
}

.h3subscribe #mc_embed_signup .button {
	background: #e96300;
	font-family: Lato, sans-serif;
	font-size: 17px;
}

.h3subscribe #mc_embed_signup .button:hover {
	background: #113869;
}


/* HIDE TWITTER IMAGE ON QUITO STORY */
.page-node-2987 .field-name-field-photo {
	display: none;
}