/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the default font size on small devices */
html {
  font-size: 112.5%;
}

h1 {
	font-size: 1.4em;
}

.region-sidebar-first.block, .region-sidebar-second .block {
	clear: both;
}

.region-header .block-3 img {
	max-width: 80% !important;
}

.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 {
	margin: 0 0 10px;
}

.journalism-project h1#page-title,
.page-habitatiii-news h1#page-title,
.section-content-labels h1#page-title,
.section-citiscope-features h1#page-title,
.section-topics h1#page-title {
	font-size: 1.5em;
	 margin: 0 0 .313em;
 }
 
.front .habitat-promo {
	display: none;
}

#habitat-logo {
	padding: 5px 30px;
}

.section-habitatiii h1#page-title {
	font-size: 1.2em;
	margin: 15px 0 0;
}

.block_tab-title {
	width: 93%;
}

.view-habitat-iii-commentary-library td {
	float: left;
}

.page-node-2480 .back-to-top {
	display: none;
}

/* Sticky Header */
#header-wrapper {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

#header-wrapper #sidr-wrapper-0 {
	opacity: 1 !important;
}

.region-header .logo img {
	width: 50% !important;
}

.sticky .region-header .logo img {
	transition: none;
}

.region-header .logo, 
.sticky .region-header .logo {
	margin: 0 0 0 55px;
	padding: 0;
}

#header-wrapper #sidr-wrapper-0,
#header-wrapper.sticky #sidr-wrapper-0 {
	margin: 15px 0 0 15px;
	position: absolute;
}

.sticky .region-header .logo p,
.region-header .logo p {
	margin: 14px 0 5px;
}

#header-wrapper #sidr-wrapper-0 img {
	max-width: 70%;
}

.front #main-content {
		margin: 65px 0 0;
}

/* Habitat III */

.field-name-habitat-iii-featured-commentary {
	margin: 0 0 20px;
}

.field-name-habitat-iii-featured-commentary .views-field-field-photo {
	margin: 0 0 5px 0;
}

.field-name-habitat-iii-featured-commentary .views-field-field-author {
	width: 100%;
}

.field-name-habitat-iii-featured-commentary .views-field-title a {
	font-size: 17px;
	width: 100%;
}

.field-name-habitat-iii-commentary,
.field-name-habitat-iii-commentary .views-row {
	width: auto;
}

.field-name-habitat-iii-ad {
	width: 100%;
}

.field-name-all-commentary-link {
	margin: 20px 0 0; 
}

.field-name-all-commentary-link a {
	font-size: 17px;
}

.node-habitat-iii-landing .field-name-explainers h2 {
	font-size: 19px !important;
}

.node-habitat-iii-landing .field-name-explainers .view-header p {
	font-size: 20px;
}

.field-name-sticky-explainers .views-header a, .node-habitat-iii-landing .field-name-explainers .view-header a {
	font-size: 14px;
}

/* Journalism Project */

#block-bean-journalism-project-title {
	margin-top: 53px;
	padding: 20px 15px 0;	
}

#block-bean-journalism-project-photo .field-name-field-caption {
	line-height: 130%;
	padding: 0 15px;
	position: relative;
	width: auto;	
}

#block-bean-journalism-project-photo .field-name-field-caption h2 {
	font-size: 19px;
}

#block-bean-journalism-project-photo .field-name-field-caption p {
	font-size: 15px;
}

.journalism-project #main-content {
	margin: 0;
}

.journalism-project .field-name-body {
	font-size: 15px;
	margin: 0;
}

.journalism-project .region-tertiary-content h2.block-title {
	font-size: 18px;
	letter-spacing: 1px;
}

.toolbox .content div.top div,
.toolbox .content div.bottom div {
	width: 240px;
}

.toolbox .content .field-item div div {
	float: none;
}

.toolbox .content .field-item p {
	line-height: 130%;
}

.project-members li {
	width: 38%;
}