body {
    line-height: 1.4;
}
	
h1,h2{
	font-weight:normal;
}

h3{
	margin-top:0;
	font-size:110%;
}

a{
	color:#09f;
	text-decoration: none;
}

a.theme:hover,
a.keyword:hover{
	text-decoration: none;
}

.eirp-header{
	overflow:auto;
}

.button{
	font-size:80%;
	background-color:#000;
	padding:8px 12px;
	color:#fff;
	border:0;
}

.button:after{
	border-color: transparent transparent transparent #fff !important;
}

.eirp-header .button{
	display:none;
}

.eirp-bg-blue{
	background-color:#09f;
}

.eirp-bg-lt-gray{
	background-color:#ECECEC;
}

.padding-15{
	padding:15px !important;
}

#eirp-nav{
	color:#fff;
}

#eirp-nav img{
	width:34px;
	margin-right:9px;
}

.eirp-subnav.themes{
	text-align: center;
	line-height:1.25em;
}

.eirp-subnav.themes .tr a{
	width:33%;
	padding:20px 6px;
}

.eirp-subnav.themes img{
	width:60px;
	display:block;
	margin:0 auto 4px;
}

#eirp-nav .medium-3:not(:last-child){
	margin-bottom:14px;
}

#eirp-nav h1{
	line-height: 1.1em;
	font-size:140%;
}

#eirp-nav a:not(.button){
	color:#fff;
	font-size:120%;
	font-weight:bold;
}

div.content div.small-12{
	padding:6px 0;
	border-bottom:1px solid #ccc;
}

div.content div.small-12:last-child{
	border-bottom:0;
}

div.content div.breadcrumb-nav {
	display:none;
}

div.content .page-title{
	display:block;
	font-size:135%;
}

div.content div.project-info{
	font-size:110%;
}

div.project-info dt.date,
div.project-info dt.status{
	display:inline-block;
}

div.project-info dt.date{
	margin-right:30px;
}

div.circle{
	border: 2px solid #09f;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	display:inline-block;
	margin:0 6px 0 14px;
}

div.circle:first-child{
	margin-left:0;
}

.circle.filled {
	background-color: #09f;
}

h3 div.circle{
	border: 4px solid #09f;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	margin-bottom:-2px;
}

div.content img.float-left {
	margin:2px 30px 5px 0;
}

div.content img.float-right {
	margin:2px 0 5px 15px;
}


div.content div.project-tags h4{
	margin-bottom:0;
}

div.content .inline{
	display: inline-block;
}

div.content div.project-tags dt{
	margin:8px 0;
}

div.content div.project-tags dt h4.inline{
	margin-top:10px;
}

div.content div.project-articles div.post{
	margin-bottom: 25px;
}

div.content div.project-articles .title{
	font-size:110%;
}

div.content div.project-articles div.post img{
	max-width:50%;
}

div.content div.project-articles .excerpt,
div.content div.project-articles .author-time{
	font-size: 95%;
}

div.content div.project-articles .excerpt{
	margin-top:-7px;
	margin-bottom:13px;
}

div.content div.project-articles .excerpt{
	margin-top:-7px;
	margin-bottom:13px;
}

div.sidebar > div:first-child{
	margin-top:0;
}

div.sidebar > div:not(.hr){
	border-top:0;
}

div.sidebar div.project-related h3{
	margin-bottom:-5px;
}

div.sidebar div.project-related h4{
	margin-bottom:-2px;
}

div.sidebar div.project-related h4{
	border-top:2px solid #ccc;
	padding-top:15px;
}

div.sidebar div.project-related p a{
	color:#777777;
}

.separator{
	margin: 0 5px;
}

a.keyword,
a.theme {
	font-size:85%;
	display:inline-block;
	margin:10px 10px 0 0;
	padding:1px 11px 2px;
}

a.keyword {
	color:#666;
	border-radius: 6px;
	border: 2px solid #09f;
}

a.theme {
	color:#fff;
}

.theme {
	background-color:#666;
}

.climate{
	background-color:#8767A8;
}

.ecosystems{
	background-color:#DDA93E;
}

.energy{
	background-color:#DB5D40;
}

.food{
	background-color:#8E8B2A;
}

.hazards{
	background-color:#DA8237;
}

.health{
	background-color:#5E8ABB;
}

.peace{
	background-color:#7D9F88;
}

.poverty{
	background-color:#A66528;
}

.urbanization{
	background-color:#959385;
}

.water{
	background-color:#64BAB3;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* HOME */

.research-projects.home main {
	padding-bottom:0;
}

.research-projects.home main > div.tr:last-child{
	margin-bottom:0;
}

.eirp-subnav {
	display:table;
	margin-top:20px;
	font-size:90%;
}

.tr{
	display:table-row;
}

.eirp-subnav > .tr > a {
	display:table-cell;
	color:#666;
	padding:17px 6px;
	border-bottom:1px solid #ccc;
}

.eirp-subnav a strong{
	color:#0a0a0a;
}

.eirp-subnav > .tr > a:first-child{
	padding-left:0;
}

.eirp-subnav > .tr > a:last-child{
	padding-right:0;
}

.eirp-subnav-wrap {
	padding-bottom:20px;
	overflow-x: scroll;
}

.project-map .eirp-subnav a{
	padding-top:7px;
	padding-bottom:7px;
}




.search-nav{
	display:table;
	width:100%;
}

.search-nav > .tr > a{
	display:table-cell;
	color:#858585;
}

.search-nav > .tr > a:not(:last-child){
	padding-right:5px;
}

.search-nav a.on{
	font-weight:bold;
	color:#333;
	text-decoration: none;
}


.eirp-subheader{
	border-top:3px solid #09f;
	border-bottom:3px solid #09f;
	padding:15px 0;
	margin-top:25px;
	overflow-x: scroll;
}

div.content .eirp-subheader h1:first-child{
	margin-top:0;
}

div.themes-featured {
	padding:20px 0 22px;
}

div.project-themes{
	margin-bottom:18px;
}

div.project-themes a{
	display: block;
	margin:10px 0;
	color:#0a0a0a;
	padding-left:5px; 
	border-left-style:solid;
	border-left-width: thick; 
}

.ac4:hover { background-color:#005DAA; color:white;}
.ccsr:hover { background-color:#002147; color:white;}
.eices:hover { background-color:#8D8B00; color:white;}
.ciesin:hover { background-color:#006C90; color:white;}
.csud:hover { background-color:#007DC3; color:white;}
.csd:hover { background-color:#652d89; color:white;}
.cwc:hover { background-color:#00A5D9; color:white;}
.iri:hover { background-color:#1A4298; color:white;}
.ldeo:hover { background-color:#005DAA; color:white;}
.lcse:hover { background-color:#F32836; color:white;}
.ncdp:hover { background-color:#C41230; color:white;}

div.project-themes a:ac4:hover{
	color:#005DAA;
}

div.project-themes a img{
	width:30px;
	margin-right:8px;
}

div.project-featured > h3:first-child{
	border-top: 1px dotted #333;
	padding-top:17px;
}

div.project-featured .post{
	font-size:90%;
}

div.project-featured .post:not(:last-child){
	margin-bottom:30px;
}

div.project-featured .post img{
	margin:0 18px 4px 0;
	max-width:47%;
}

div.project-featured .post .title{
	margin-bottom:0;
	line-height:1.3em;
}

div.project-featured .post .date{
	font-style:italic;
}

div.project-news{
	padding:20px 0;
	margin-bottom:0;
}

div.project-news ul{
	padding-left:1em;
}

div.project-news ul li{
	line-height:1.3em;
}

div.project-news ul li:not(:last-child){
	margin-bottom:15px;
}

/* DATATABLES */

#myTable_wrapper{
	overflow-x: scroll;
}

#myTable, #myTable_info, #myTable_paginate{
	font-size:90%;
}

#myTable thead td{
	color:#fff;
	text-transform:uppercase;
	padding: 5px 11px;
}

#myTable thead td.sorting{
	background-color:#65BAFF;
}

#myTable thead td.sorting_asc,
#myTable thead td.sorting_desc{
	background-color:#09f;
}

#myTable_filter{
	font-size:90%;
	margin-bottom:15px;
	color:#09f;
	text-align: left;
}

#myTable_filter input{
	border:2px solid #65BAFF;

}

#myTable_paginate span .paginate_button{
	padding:0 3px;
	background:#fff;
	border:0;
}

#myTable_paginate span .paginate_button.current{
	background:#D0D0D0;
}

#myTable_wrapper .toolbar{
	display:none;
    float: left;
}

body.projects #myTable_wrapper .toolbar h2{
	margin:-2px 0 0;
	font-size: 130%;
}

td.details-control {
    background: url('../resources/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../resources/details_close.png') no-repeat center center;
}

.news-section #contentArea { width:90%; }
.news-item { padding:0; margin: 15px 0; display:block; overflow:auto; clear:both; border-bottom:1px solid #ccc; }
.news-item img { float:left; margin-bottom:15px; width:120px; }
.news-item-text { margin: 0 0 15px 145px; }
.news-item-text h3 { margin-top:4px; }
.news-item-text em { font-size: 80%; }

@media only screen and (min-width: 40.063em){
	
	#eirp-nav{
		padding:0 16px;
	}
	
	#eirp-nav h1{
		font-size:2em;
	}

	#eirp-nav a{
		font-size:130%;
	}
	
	#eirp-nav .medium-3{
		margin-bottom:8px;
	}
	
	#eirp-nav .button{
		font-size:90%;
	}
	
	.eirp-header .button{
		display:inline-block;
	}
	
	div.content div.breadcrumb-nav {
		display:block;
		color:#333;
		font-weight:normal;
		font-size:95%;
		padding:0 0 18px;
	}
	
	.breadcrumb-nav a::after {
		content: ' | ';
	}
	
	.breadcrumb-nav a:last-child{
		color:#333;
	}
	
	.eirp-subnav {
		width:100%;
	}
	
	div.content .page-title{
		margin-top:.67em;
	}
	
	div.status{
		margin-left:30px;
	}
	
	div.content div.project-tags h4{
		margin-bottom:5px;
	}
	
	div.content div.project-tags h4.inline{
		margin-bottom:2px;
	}
	
	.research-projects.home main {
		padding-bottom:40px;
	}
	
	div.project-themes{
		margin-bottom:0;
	}

	div.project-featured{
		padding-left:1.5rem;
		border-left:1px dotted #0a0a0a; 
	}

	div.unit-featured{
		padding-left:1.5rem;
	}	
	
	div.project-featured > h3:first-child{
		border-top: none;
		padding-top:0;
	}
	
	div.project-keywords{
		padding-top:12px;
		padding-bottom:15px;
	}
	
	div.project-news ul{
		margin-bottom:8px;
	}
	
	body.projects h1.page-title{
		display:none;
	}
	
	body.projects #myTable_wrapper .toolbar{
		display:block;
	}

	body.projects #myTable_wrapper .toolbar h2{
		margin:-3px 0 0;
		font-size: 130%;
	}
	
	#myTable_wrapper{
		margin-top:1.4em;	
	}
	
	.eirp-subnav.themes{
		font-size:110%;
	}
	
}