/*
 Theme Name:   State of the Planet + Foundation
 Description:  Child theme of EI Foundation theme
 Author:       EI Web Team
 Author URI:   http://earth.columbia.edu
 Template:     ei-foundation
 Version:      1.0.0
 Text Domain:  ei-foundation-child
*/

@import url("../ei-foundation/style.css?ver=1.2");


/* sitewide */

body{
	font-family: 'Open Sans', Helvetica, Arial, Verdana, Sans-Serif;
	font-size:95%;
}

button, .button {
    background-color:#71bf44;
}

#content-header a{ color: #71bf44; }

a img{ border-style:none; }

a, a:hover:not(.top-bar){
	text-decoration:none;
}

a:hover,
a:hover h3,
a:hover h4,
a:hover h5,
.content a:hover,
#content-header a:hover,
.post .title a:hover,
.post .category a:hover,
.post.spotlight h3:hover,
#sidebar a:hover,
#sidebar .box h4:hover,
#sidebar .box h5:hover {
	color:#228B22;
}

.print-only{
	display:none;
}

.button:hover{
	color:#fff !important;
	background-color:#228B22 !important;
}

h1, h2, h3, h4, h5{
	line-height:120%;
}

hr{
	height:4px;
	border-width:0;
	color:#333;
	background-color:#333;
}


/* header */

header .logo{
	margin-bottom:8px;
}

header .ei-logo, header .cu-logo{
	height:11px;
}

header .description {
    font-size:1em;
	font-weight:400;
}

header .separator {
	margin:0 10px;
}

#atftbx p{
	display:none;
}

/* nav */

.top-bar-section ul li > a {
    padding:0 0 0 12px;
	text-transform:uppercase;
}

#top-navigation, .top-bar, .top-bar-section li:not(.has-form) a:not(.button){
	background-color:#000;
}

.top-bar-section li:not(.has-form) a:hover:not(.button) /*, #menu-primary-nav li.current-menu-item a */ {
    background-color:#71bf44;
}

#menu-primary-navigation{
	position: relative;
    z-index: 999;
}

.top-bar-section ul li > a{
	font-family: 'Open Sans', Helvetica, Arial, Verdana, Sans-Serif !important;
}

/* content area */

.page-title{
	margin:0 0 30px 0;
}

.page-title.header{
	color: #fff;
    font-weight: 600;
	background-color: #71bf44;
    padding: 7px 15px 9px 15px;
	margin:0;
	font-size:120%;
}

.page-title.header span{
    font-weight: 300;
}

.intro-text{
	font-size:115%;
    font-weight: 300;
}

.content h3{
	font-size:110%;
	margin-top:5px;
}

.arrow-down {
	width: 0;
	height: 0;
	margin:0 0 25px 20px;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 14px solid #71bf44;
}

.wp-caption{
	background-color:#EEEEEE;
}

.wp-caption .wp-caption-text{
	margin:0;
	padding:10px;
	font-size:90%;
}

.wp-caption.aligncenter{
	margin-bottom:30px;
}

h4.section{
	padding:	10px 35px;
	background-color:#71bf44;
	color:#fff;
	display:inline-block;
	font-size:110%;
}


/* posts archives */

.post .attachment-post-thumbnail{
	float:right;
	width:45%;
	margin-left:10px;
}

.post .category{
	font-size:.8em;
	text-transform: uppercase;
	margin-bottom:2px;
	font-weight:600;
	line-height:1.3em;
}

.post .title{
	font-weight:600;
}

.post .title a{
	color:#333;
}

.post .excerpt p{
	margin-top:10px !important;
	font-size:95%;
	line-height:1.45em;
}

.post p:last-child{
	margin-bottom:0;
}

.post .author-time{
	font-size:80%;
	margin-top:10px;
	text-transform: uppercase;
	margin-bottom:0;
}


p.term-description{
	color:#666;
	margin:-8px 0 30px 0;
	border-bottom: 3px solid #333;
    padding-bottom:25px;
}

.page-nav a{
	padding:10px 18px 11px 18px;
}

.page-nav a:nth-child(2){
	float:right;
}

body:not(.paged) .page-nav {
	float:right;
}



.post.spotlight, .home .post.spotlight{
	margin-bottom:35px;
}

.home .post.spotlight:not(.multimedia){
	padding:20px 0;
	border-bottom:3px solid #ccc;
	border-top:3px solid #ccc;
}

.post.spotlight .category{
	display:none;
}

.post.spotlight div.img{
	max-height:200px !important;
	overflow:hidden;
	background-size: 100% auto;
	background-repeat: no-repeat;
    background-position: center;
}

.post.spotlight h3{
	margin-top:12px;
	color:#333;
}

.post.spotlight .icon-play{
	display:none;
}



div.post.spotlight.multimedia{
	background-color:#EEEEEE;
	margin-bottom: 40px;
	border-bottom:3px solid #666;
}

.post.spotlight.multimedia .category{
	background-color: rgba(0, 0, 0, 0.7);
	display:inline-block;
	padding:8px 25px;
	position:absolute;
	font-size:110%;
}

.post.spotlight.multimedia .category a{
	color:#fafafa;
}

.post.spotlight.multimedia h3{
	margin-left:20px;
}

.post.spotlight.multimedia .excerpt{
	display:none;
}

.post.spotlight.multimedia .icon-play{
	position:absolute;
	right:35px;
	margin-top:-110px;
	height:90px;
	width:90px;
	opacity:.8;
}



/* date/yearly archives */

.date .post {
    margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:0;
}

.date .post .title {
    font-size: 110%;
}

.date .post .info {
    font-size:85%;
	line-height:1.4em;
}




/* sidebar */

ul#sidebar{
	margin-top:1px;
}

#sidebar > li {
	margin-bottom:25px;
    border-bottom: 0;
	padding-bottom:5px;
}

#sidebar ul{
	padding-left:1em;
	list-style-type: disc;
}

#sidebar ol {
	padding-left:1.6em;
}

#sidebar h2 {
    font-size: 1.1em;
	margin-bottom:11px;
	text-align:center;
}

#sidebar .arrow-down {
	margin-bottom:0;
}

#sidebar .search{
	margin-bottom:20px;
}

.searchform input#s{
	background: #fff url("./images/icon-search.png") 97% 50% no-repeat;
	padding-right:12%;
}

#sidebar #searchsubmit{
	display:none;
}

#sidebar select {
	-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: #f6f5f6 url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 97% 50%;
	margin-bottom:0;
}

#sidebar .box {
	padding:9px !important;
	border:1px solid #ccc !important;
}

#sidebar .box h2{
	margin:0;
	color:#fff;
	font-weight:500;
	text-align:left;
}

#sidebar .box img {
	width:43%;
	float:left;
	margin:12px 10px 4px 0;
}

#sidebar .box h4, #sidebar .box h5 {
	color:#666;
	font-weight:600;
	line-height:130%;
	margin:12px 0 0 47%;
}


#sidebar .from-the-field{
	padding-bottom:12px;
	border-top:4px solid #333;
	border-bottom:4px solid #333;
	overflow: hidden;
	background-color: #EEEEEE;
}

#sidebar .from-the-field a{
	color:#333;
}

#sidebar .from-the-field .archive{
	display:block;
	margin-right:8px;
	font-size:.8em;
	float:right;
}


#sidebar.features .archive h3{
	margin-top:0;
}

#sidebar.features .archive a{
	display:block;
	overflow:auto;
	margin-bottom:15px;
	font-size:105%;
	overflow-y: hidden;
	overflow-x: hidden;
}

#sidebar.features .archive a:not(:hover){
	color:#333;
}

#sidebar.features .archive a:last-child{
	margin-bottom:0;
}

#sidebar.features .archive img{
	width:35%;
	float:left;
	margin:0 15px 5px 0;
}

#sidebar.features #recent-posts{
	background-color:#fff;
}

#sidebar.features #recent-posts h3{
	margin-top:0;
}


#features-ss{
	width:100%;
	height:227px;
}

#features-ss a{
    display:block;
	width: 100%;
	height:100%;
}

#features-ss img{
    width:inherit;
	height:100%;
}

#features-ss-nav-container {
    position:absolute;
	right:33px;
	z-index:999;
}

#features-ss-nav {
    position:relative;
	bottom:30px;
}

#sidebar #features-ss-nav a {
    background-color: rgba(0, 0, 0, 0.7);
    display: inline-block;
    font-size: 20px;
    line-height: 1em;
    padding: 0 4px 2px;
	text-decoration:none;
	color:#ccc;
}

#sidebar #features-ss-nav a:hover {
	color:#2ba6cb;
}

#features-ss-title-container {
    position:relative;
	z-index:999;
}

#sidebar #features-ss-title{
	padding:5px 10px;
	font-weight:400;
	font-size:1.2em;
	line-height:1.3em;
	text-align:left;
}


#sidebar .play-button {
	margin:12px 10px 4px 0;
    position:relative;
	overflow:auto;
	width:43%;
	float:left;
}

#sidebar .play-button img {
	width:100%;
	margin:0;
}

#sidebar .icon-play {
    position:absolute;
	bottom:8%;
	right:8%;
	width:22% !important;
	height:28%;
}

div.video-container{
	margin-bottom:25px;
}

.video-title {
    display:inline-block;
	margin-top:6px;
	line-height:1.3em;
}

#sidebar .center-logo {
    width:100%;
}

#sidebar .education-news h2, #sidebar .science-news h2{
	padding:6px 14px;
	background-color:#71bf44;
}

#sidebar .education-news h2 a, #sidebar .science-news h2 a{
	color:#fff;
}

#sidebar .video h2{
	padding:6px 14px;
	background-color:#58585a;
}

#sidebar .video h2 a{
	color:#fff;
}

#sidebar .video .arrow-down{
	border-color:#58585a transparent;
}

#sidebar .events a{
	display:block;
	line-height:1.25em;
	margin-bottom:13px;
	font-size:90%;
}

#sidebar .events span{
	font-size:80%;
}

#sidebar .categories, #sidebar .centers-programs, #sidebar .authors, #sidebar .archives{
	margin-bottom:6px;
}

.disclaimer{
	display:none;
	margin:20px 0 !important;
	line-height:1.5em;
	font-size:90%;
}

#sidebar li.twitter{
	margin-bottom:0;
}


/* comments */

#comments{
	margin-top:20px;
}

.form-allowed-tags{
	display:none;
}

#commentform input.button{
	margin-top:10px;
}

#reply-title{
	color:#71bf44;
}

#reply-title img{
	margin-right:5px;
}


h2.comments-title{
	font-size:110%;
}

.comment-list{
	list-style-type:none;
	padding-left:0;
}

.comment-list li:first-child{
	margin-top:30px;
}

.comment{
	margin-bottom:25px;
	padding-bottom:12px;
	border-bottom: 2px solid #ccc;
	overflow:auto;
}

.comment img.avatar, .comment img.photo{
	float:left;
	margin:0 18px 5px 0;
}

.comment cite{
	float:left;
	font-weight:bold;
	font-style:normal;
}

.comment .says{
	display:none;
}

.commentmetadata, .comment p{
	font-size:90%;
}

.commentmetadata::before{ content:"\00a0\00a0|\00a0";}


/* home */

.home .page-title{
	display:none;
}

#home-slideshow .cycle-slide img {
    max-height:478px; /* 4 x 3 aspect ratio */
}

.home .post{
	border-bottom:0;
	padding-bottom:5px;
}


div.highlights{
	margin:30px 0;
	padding-bottom:10px;
	border-bottom:3px solid #000;
}

.highlights div{
	overflow:auto;
	margin-bottom:20px;
	background-color:#f0f0f0;
	padding:6px;
}

.highlights div img{
	float:left;
	margin-right:10px;
	width:45%;
}

.highlights h3{
	margin-bottom:5px;
}

.highlights h3 a{
	color:#333;
}



/* single post */

.single .category{
	text-transform:uppercase;
	font-weight:600;
	padding-top:18px;
	border-top:2px solid #333;
}

.single .page-title{
	margin:4px 0 8px 0;
	font-size:190%;
	font-weight:400;
	padding-bottom:20px;
	border-bottom:2px solid #333;
}

.single .page-title.has-subtitle{
	padding-bottom:0;
	border-bottom:0;
}

.single .subtitle{
	margin:4px 0 8px 0;
	font-weight:200;
	font-size:120%;
	font-style:italic;
	padding-bottom:20px;
	border-bottom:2px solid #333;
}

.single .feature-header{
	overflow:auto;
	margin-bottom:20px;
}

.single .feature-header img{
	margin-right: 10px;
    max-height: 50px;
    width: auto;
	float:left;
}

.single .feature-header .section{
	display:inline-block;
	margin-top:2px;
	color:#666;
	font-size:90%;
}

.single .feature-header .title{
	font-size:115%;
}

.single .author-time-share{
	overflow:auto;
	margin-bottom:30px;
	text-transform:uppercase;
}

.single .author-time-share .share{
	margin-top:7px;
	text-transform:none;
}

.single .addthis_sharing_toolbox{
	float:right;
}

.single .author-time-share .addthis_sharing_toolbox{
	float:left;
	margin-top:3px;
}

.single .share .comments img{
	height:21px;
	margin:1px 0 0 2px;
}

blockquote{
	width:45%;
	float:left;
	margin:0 4% 10px 0;
	font-size:120%;
	line-height:125%;
	font-style:italic;
	font-weight:400;
	font-family:"Times New Roman", serif;
	color:#999;
}

blockquote p{
	margin:10px 0;
}

.single .tags{
	margin-top:25px;
}

.single .tags h4{
	display:inline;
	margin-right:5px;
}

.single .tags a{
	display:inline-block;
	background-color:#eee;
	padding:2px 6px;
	margin:0 8px 10px 0;
	font-size:85%;
}

.single hr.article-end{
	height:2px;
	border-width:0;
	color:#eee;
	background-color:#333;
	margin:30px 0 27px 0;
	clear:both;
}


.content .related-posts {
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
	margin:20px 0;
	padding:10px 0 25px 0;
	overflow:auto;
}

.content .related-posts a{
	display:block;
	line-height:130%;
	overflow:auto;
	margin-bottom:15px;
}

.content .related-posts a:not(:hover){
	color:#666;
}

.content .related-posts a img{
	float:left;
	margin-right:18px;
	width:30%;
}

.content .related-posts .item-2{
	margin-bottom:0;
}


/* features archive */

.post-type-archive-features .post img{
	float:left;
	margin:0 15px 10px 0;
}

.post-type-archive-features .post h3{
	font-size:125%;
	margin-top:0;
}

.post-type-archive-features .post h4{
	margin:4px 0 0 0;
	font-size:100%;
	line-height:1.2em;
	font-style:italic;
	color:#666;
}

.post-type-archive-features .post p:nth-of-type(1){
	margin-top:15px;
}

.post-type-archive-features .latest-posts{
	line-height:130%;
	margin-bottom:0;
}



/* feature single */

.feature #project-info{
	font-size:90%;
}

.feature #content-header img.feature-img{
	margin:20px 0 0 0;
}

.feature #content-header.oversize img{
	margin-top:0;
}

.feature #content-header .section{
	margin:0;
	font-size:85%;
	width:100%;
	padding:6px 0.9375em;
}

.feature:not(.paged) .content .page-title, .feature .post .category{
	display:none;
}

.feature.paged #content-header{
	display:none;
}

.feature #content-header .page-title{
	margin:20px 0 8px 0;
}

.feature #content-header .subtitle{
	margin:8px 0 20px 0;
	font-style:italic;
}

.feature #content-header .container{
	overflow:auto;
	padding-bottom:15px;
	border-bottom:4px solid #333;
}

.feature #sidebar, .post-type-archive-features #sidebar{
	background-color:#eee;
	padding:15px 10px;
	font-size:95%;
}

.post-type-archive-features #sidebar .archive{
	display:none;
}




/* category/tag pages */

.category .page-title,
.tag .page-title,
.author .page-title,
.millennium-villages .page-title,
.feature.paged .page-title{
	text-transform:uppercase;
	font-weight:400;
	border-bottom:6px solid #000;
	padding-bottom:10px;
	margin-top:0;
}


.category .post .category{
	display:none;
}


/* science news */

body.science-news div.content h2.page-title{
	font-size:210%;
	margin-bottom:8px;
}

body.science-news div.content p.updated{
	font-style:italic;
	margin:8px 0 24px;
}

body.science-news div.content .intro-text{
	font-size:100%;
	font-style:italic;
	margin:30px 0;
	padding:10px 15px;
	background-color:#EBEBEB;
}

body.science-news div.content div.post:not(.spotlight) img{
	max-width:210px;
}

body.science-news div.content div.post div.news-item{
	overflow:auto;
	padding:3px;
}

body.science-news div.content div.post.spotlight div.news-item img{
	display:block;
	float:none;
	width:100%;
}

body.science-news div.content div.post.hide-img  div.news-item img,
body.science-news div.content div.post.hide-excerpt  div.news-item .excerpt{
	display:none;
}

body.science-news div.content div.post div.related{
	margin-top:20px;
}

body.science-news div.content div.post div.related .title{
	font-size:115%;
	line-height:1.3em;
}

body.science-news div.content div.post div.related .title,
body.science-news div.content div.post div.categories{
	margin-top:5px;
}

body.science-news div.content div.post h4.title a{
	color:#71bf44;
}

body.science-news div.content div.post div.related a:hover{
	color:#228B22;
}

body.science-news div.content div.post div.related img{
	max-width:110px;
	margin-top:0;
}

body.science-news div.content div.post.last{
	border-bottom:0;
	margin-bottom:0;
}


#sidebar .science-news img{
	margin-top:2px;
}

#sidebar .science-news .excerpt{
	font-size:95%;
}


/* millennium villages */

.millennium-villages .category{
	color: #71bf44;
}

.millennium-villages .post .author-time{
	margin:5px 0;
}

.millennium-villages .post .separator{
	display:none;
}


.millennium-villages .excerpt .attachment-thumbnail{
	margin-right:20px;
}


/* authors archive */

ul#authors-archive{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	font-size:90%;
}

ul#authors-archive li{
	margin-bottom:20px;
	overflow:auto;
}

ul#authors-archive li img{
	float:left;
	margin:0 12px 5px 0;
	height:75px;
	width:auto;
}

.authors-archive .content a:not(:hover){
	color:#333;
}

ul#authors-archive .name{
	font-size:125%;
}

/* author page */

#author-info{
	overflow:auto;
	margin:30px 0 25px 0;
}

#author-info div.photo{
	float:left;
	margin:0 25px 10px 0;

}

#author-info div.photo img{
	margin-bottom:8px;
}

#author-info p{
	margin:0;
}

#recent-posts-header{
	clear:left;
	margin:20px 0;
}

/* EI projects map */

.projects-map .arrow-down{
	display:none;
}

.projects-map div.infowindow {
    max-height:100px;
	max-width:100px;
    overflow-y:auto;
}

.projects-map #mapContainer{
	width:100%;
	height:400px;
}

.projects-map #map_canvas{
	width:100%;
	height:100%;
}


/* GDPR cookie statement pop-up */

#cookie-bar {background:#000; height:auto; line-height:26px; color:#eeeeee; text-align:center; padding:3px 0 20px;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px;}
#cookie-bar .cb-enable {background:#e59519;}
#cookie-bar .cb-enable:hover {background:#c98112;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

/* Geocharts local = 3952 */

.postid-34700 #visualization { margin-bottom:15px; }

.postid-34700 .info { width:100%; display:none; }

.postid-34700 a.linkOff { text-decoration:none; color:#666; cursor:text }

.postid-34700 .info h2 { line-height:1.2em; }

.postid-34700 #mapNav { float:right;width:45%;padding:10px; border:1px solid #ccc; margin:15px 0 0 20px; }

.postid-34700 #mapNav li { margin:2px 0 0 1em; }


#map-zoom button { background-color:steelblue; }

#bangladesh-flood-map #map-nav button { padding:2px 5px; font-size:.7rem; }
#bangladesh-flood-map #map-nav button.off { color:#333 !important; }

.bangladesh-flood-map-title{ margin-bottom:15px; }

.bangladesh-flood-map-title span{ color:steelblue; }

#map-attribution{ background-color:transparent !important; }

.bangladesh-flood-map-caption { margin-top:4px; padding:6px 10px; background-color: #f5f5f5; font-size:.9rem; }


.map-title span{ color:#f81d1d; }
.map-caption { margin-top:-6px; padding:6px 10px; background-color: #333; font-size:.9rem; color:#fff; }
#map-nav button{ padding:0 8px 1px; }
#map-nav button.settlements{ color:#333 !important; }
#map-nav button.off{ color:#333 !important; }

#rainwater-map svg{ border:0 !important; }
#rainwater-map svg > g:nth-child(2){ transform:translate(520px,415px); }

#urban-heat-map #map-layers button:not(.on){
	background-color: #e7e7e7;
	color:#333 !important;
}

#urban-heat-map #map-layers button.b0.on{
	color:#5f230b !important;
}


/* COLUMBIA GLACIER */

.postid-67428 .columbia-glacier-video-caption{
	padding: 10px;
	background-color:#eee;
	font-size:90%;
	margin-top:-6px;
}

.postid-67428 #gslideshow_captions{
	font-size:90%;
}

.postid-67428 #gslideshow_captions strong{
	font-weight:bold;
	color:#00ABCF;
}

.postid-67428 .exxon-valdez{
	background-color:#eee;padding:10px;overflow:auto;margin:16px 0;
}

.postid-67428 .exxon-valdez strong{
	font-size:110%;
}


@media screen and (max-width: 415px) {
   .postid-85158 div#map div#info{
        font-size:.8em;
    }
}


/* footer */

footer .addthis_toolbox {
    float:none;
    margin:8px 0 0 0;
}

footer .addthis_horizontal_follow_toolbox p{
	display:none;
}

.gss-captions h4{
	margin:0 0 14px 0;
}

dl.gallery-item dd.gallery-caption {
	text-align:left;
}

.postid-24338 #gslideshow{
	margin-top:30px;
}


/* medium and up */
@media screen and (min-width: 40.063em), print {

	body{
		font-size:100%;
	}

	header .ei-logo, header .cu-logo{
		height:auto;
	}

	header .description {
		font-size:1.15em;
	}

	.top-bar{
		height: 2.45rem;
		padding:0 0.9375em;
	}

	.top-bar ul li{
		float:left;
	}

	.top-bar-section li:not(.has-form) a:not(.button) {
		line-height: 2.45rem;
	}

	.title-area{
		display:none;
	}

	.ei-cu-logos{
		clear:left;
	}

	.main {
		padding:35px 0 10px 0;
	}

	p.term-description{
		font-size:120%;
	}

	.post .attachment-post-thumbnail{
		float:left;
		width:auto;
		margin:3px 18px 5px 0;
	}

	.post .category{
		font-size:95%;
	}

	.post .title{
		font-size:145%;
	}

	blockquote{
		font-size:150%;
		line-height:140%;
	}

	.post.spotlight div.img{
		max-height:350px !important;
	}

	#features-ss-nav-container {
		right:24px;
	}

	.content .related-posts a{
		display:inline-block;
		width:48%;
		float:left;
		margin-bottom:0;
	}

	.content .related-posts a img{
		float:left;
		width:45%;
		margin:0 12px 5px 0;
	}

	.content .related-posts .item-2{
		float:right;
	}

	footer .addthis_toolbox{
		margin:3px 0 5px 10px;
	}

	footer .textwidget:first-child, footer .widget:first-child{
		float:left;
	}

	footer .textwidget:nth-child(2), footer .widget:nth-child(2){
		float:right;
	}

	.home .content div.highlights{
		overflow:auto;
		border-bottom:2px solid #ccc;
		padding-bottom:25px;
	}

	.home .content .highlights div{
		float:left;
		width:30%;
		margin:0 5% 0 0;
		padding:0;
		background-color:transparent;
	}

	.home .content .highlights div img{
		float:none;
		margin-right:0;
		width:auto;
		/* height:143px; */
	}

	.home .content .highlights div:nth-child(3){
		float:right;
		margin-right:0;
	}

	.home .content .highlights div:nth-child(1n+4), .home .content .highlights h4{
		display:none;
	}

	.home .content .highlights h3{
		margin-top:8px;
		font-weight:500;
		font-size:105%;
		line-height:1.3em;
	}

	.home .post{
		margin-bottom:20px;
		padding-bottom:15px;
	}

	.single .author-time-share .share{
		float:right;
		margin-top:0;
	}

	.post-type-archive-features .post img{
		float:left;
		margin-right:20px;
	}


	.feature #content-header .oversize{
		position:relative;
		width:100%;
		margin:0 auto -25px auto;
	}

	.feature #content-header .oversize:before{
		content: "";
		display: block;
		padding-top:35%;
	}

	.feature #content-header .oversize img{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
	}

	.feature #content-header img.full-width{
		margin-top:0;
	}

	.feature #content-header .row{
		margin-top:30px;
	}

	.feature #content-header img.alignleft{
		width:50%;
		margin:0 25px 12px 0;
	}

	.feature #content-header h4.section{
		margin:0;
		width:auto;
		font-size:110%;
		padding:6px 30px;
	}

	.feature #content-header .section.overimage{
		position:absolute;
		margin-left: 0.85em;
		left:0;
		z-index:9;
	}

	.feature #content-header .oversize .section.overimage{
		margin-left:0;
		bottom:0;
	}

	.feature #content-header .page-title{
		font-size:190%;
		line-height:1.3em;
		margin-bottom:4px;
	}

	.feature #content-header .subtitle{
		margin-top:0;
		color:#666;
		font-size:120%;
		font-style:italic;
	}

	.category .page-title, .author .page-title, .millennium-villages .page-title{
		font-size:190%;
	}

	#author-info img{
		margin-right:25px;
		width:auto;
	}

	.disclaimer{
		margin-top:35px;
	}

	.projects-map #mapContainer{
		height:690px;
	}



}


/* medium only */
@media only screen and (min-width: 40.063em) and (max-width: 780px) {

	.top-bar-section li:not(.has-form) a:not(.button) {
		font-size:70%;
		padding:0 0.22rem;
	}

	header .ei-logo, header .cu-logo{
		height:14px;
	}

	header .description {
		font-size:95%;
		margin-bottom:2px;
	}

	.post.spotlight div.img {
		height:250px;
	}

	#sidebar .box h4, #sidebar .box h5 {
		margin:12px 0 8px 51%;
		font-size:90%;
	}

	#features-ss {
		height:150px;
	}

	.single .author-time-share .share {
		float:none;
		margin-top:5px;
	}

	.content .related-posts a {
		font-size:100%;
	}

	.post-type-archive-features #sidebar, .feature #sidebar{
		font-size:85%;
	}

	#sidebar.features .archive a {
		font-size:90%;
		line-height:115%;
	}

	.wp-caption.alignleft, wp-caption.alignright{
		max-width:55%;
	}

}


/* intermediate */
@media only screen and (min-width: 500px) and (max-width: 640px) {

	.highlights h3, #sidebar .box h4, #sidebar .box h5, #sidebar.features .archive a {
		font-size:120%;
		line-height:140%;
	}

	.post.spotlight div.img, #features-ss {
		height:290px;
	}

}

@media only screen and (min-width: 780px) and (max-width: 940px) {

	.top-bar-section li:not(.has-form) a:not(.button) {
		font-size:80%;
		padding:0 0.43rem;
	}

	#sidebar .box h4, #sidebar .box h5 {
		margin-left:50%;
		font-size:90%;
	}

	#features-ss {
		height:180px;
	}

	#sidebar.features .archive a {
		font-size: 95%;
		line-height:120%;
	}
}


@media print{

   header .description,
   header .widgets,
   #top-navigation,
   #sidebar,
   .page-nav,
   footer,
   .single .author-time-share .share,
   .single .tags,
   .content .related-posts,
   #comments #respond,
   .post.spotlight div.img,
   .single .addthis_sharing_toolbox,
   .arrow-down {
        display:none;
    }

	.print-only{
		display:inline;
	}

	.main{
		padding-top:10px;
	}

	#page-title, .post.spotlight h3{
		margin-top:0;
	}

	header{
		margin-bottom:0;
	}

	.page-title.header{
		padding:0;
		margin-bottom:30px;
	}

	.home .post.spotlight:not(.multimedia){
		border:0;
		margin:0 0 20px 0;
  		padding:0 0 15px 0;
	}

	body:not(.archive) .post.spotlight .category{
		display:block;
		margin-left:220px;
	}

	.post.spotlight img.print-only{
		float: left;
  		width:200px;
		margin:-18px 20px 0 0;
	}

	hr{
		-webkit-print-color-adjust: exact;
	}

	.comment-list li:last-child{
		border-bottom:0;
	}

	.feature #content-header h4.section{
		padding:15px 0 0 0;
	}

	@-moz-document url-prefix() {
		hr{
			display:none;
		}
	}
}