/*
Theme Name: IRI
Theme URI: /wp-content/themes/iri
Description: Custom WordPress theme for IRI built using Foundation 4.2.3 and Starkers 4.0.
Version: 1.0
Author: Ryan Swaney
Author URI: http://smashandgrablabs.com
*/
/*
===========================
CONTENTS:
01 Default Styles
02 Typography
03 Media Queries
===========================
*/
/* ----------------------------------------------------------------------------------------------------------
01 Default Styles ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
body { background:#fff; }
/* ----------------------------------------------------------------------------------------------------------
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*
Typographic Scale
Modular Scale (http://modularscale.com/scale/?px1=16&px2=48&ra1=1.5&ra2=0)
16px @ 1:1.5
48px @ 1:1.5
px ems
------ -----
81.000 5.063
54.000 3.375
48.000 3
36.000 2.25
32.000 2
24.000 1.5
21.333 1.333
16.000 1
14.222 0.889
10.667 0.667
*/
html { font-size: 100%; /* 16px equivalent across all modern browsers */ }
body, input, textarea { font-family: "Open Sans", "Helvetica", "Arial", sans-serif; font-size: 1em; line-height: 1.4; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans","Helvetica", "Arial", sans-serif; font-weight: bold; }
a { -webkit-transition-property: color; -webkit-transition-duration: 0.2s; transition-property: color; transition-duration: 0.2s; }
address { font-style: normal; }
code { color: rgb(27,66,152); }
p { font-size: 0.889em; }
fieldset legend { font-size: 1.333em; font-weight: 300; }
/* Text Obfuscation using the "Obfuscate E-mail" plugin */
.oe_textdirection {
display: inline;
}
/* ----------------------------------------------------------------------------------------------------------
03 Media Queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/* Mobile first (16px+) */
@media screen and (min-width: 1em) {
h1 { font-size: 1.5em; }
h2 { font-size: 1.333em; line-height: 1.5; }
h3 { font-size: 1em; }
h4 { font-size: 0.889em; }
h5 { font-size: 0.667em; }
h6 { font-size: 0.667em; }
/* Header Styles */
#global-header {
background: rgb(27,66,152); /* Old browsers */
background: -moz-linear-gradient(top, rgba(27,66,152,1) 0%, rgba(18,44,101,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27,66,152,1)), color-stop(100%,rgba(18,44,101,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(27,66,152,1) 0%,rgba(18,44,101,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(27,66,152,1) 0%,rgba(18,44,101,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(27,66,152,1) 0%,rgba(18,44,101,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(27,66,152,1) 0%,rgba(18,44,101,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b4298', endColorstr='#122c65',GradientType=0 ); /* IE6-9 */
padding: 2em 0 1em 0;
width: 100%; }
.branding { max-width: 60%; }
.search-input {
background-color: rgb(14,34,80) !important;
border-top: 1px solid rgba(9,22,53,.5) !important;
border-bottom: 1px solid rgba(9,22,53,.5) !important;
border-left: 1px solid rgba(9,22,53,.5) !important;
border-right: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
color: rgb(50,165,231) !important;
font-size: 0.667em !important;
height: 3.025em !important; }
.search-form { margin-top: 2em; }
.search-form-button {
background-color: rgb(14,34,80) !important;
border-top: 1px solid rgba(9,22,53,.5) !important;
border-bottom: 1px solid rgba(9,22,53,.5) !important;
border-left: 0 !important;
border-right: 1px solid rgba(9,22,53,.5) !important;
box-shadow: none !important;
color: rgb(50,165,231);
padding: 0; }
#search::-webkit-input-placeholder { color: rgb(50,165,231); }
#search::-moz-placeholder { color: rgb(50,165,231); }
#search:-moz-placeholder { color: rgb(50,165,231); }
#search:-ms-input-placeholder { color: rgb(50,165,231); }
/* Navigation Styles -- Top Bar */
.contain-to-grid { background: none; }
.top-bar { background: none; margin-bottom: 0; }
.top-bar.expanded .title-area { background: rgb(14,34,80); }
.top-bar.expanded .toggle-topbar a { color: rgb(50,165,231); }
.top-bar.expanded .toggle-topbar a span { -webkit-box-shadow: 0 10px 0 1px rgb(50,165,231), 0 16px 0 1px rgb(50,165,231), 0 22px 0 1px rgb(50,165,231);
box-shadow: 0 10px 0 1px rgb(50,165,231), 0 16px 0 1px rgb(50,165,231), 0 22px 0 1px rgb(50,165,231); }
.top-bar ul > li:not(.name):hover, .top-bar ul > li:not(.name).active, .top-bar ul > li:not(.name):focus { background: none; }
.top-bar ul > li.divider { background: none; }
.top-bar ul > li.has-button:hover, .top-bar ul > li.has-button:focus { background: none; }
.top-bar-section ul li.hover > a { background: none; }
.top-bar-section ul li.active > a { background: none; }
.top-bar-section ul { background: none; }
.top-bar-section li a:not(.button) { background: none; padding: 0 0.667em; line-height: 2em; }
.top-bar-section ul li>a { background: none; color: rgb(212,215,224); font-size: 0.889em; font-weight: 300; font-style: normal; }
.top-bar-section ul li>a:hover, .top-bar-section ul li>a:focus { color: rgb(43,141,205); }
.top-bar-section .dropdown li.title h5 { font-size: 1em; margin: 0; padding: 4px; background: rgb(14,34,80); }
.top-bar-section .dropdown li a { font-size: 0.667em; font-weight: 400; font-style: normal; }
.top-bar-section ul li.active>a { background: none; color: rgb(43,141,205); font-weight: 400; }
/* Navigation -- Bread Crumbs */
.breadcrumbs { background: rgba(0,0,0,.65); border: none; border-radius: 0; width: 100%; margin-bottom: 0; }
.breadcrumbs>* { font-size: 0.667em; }
.breadcrumbs>* a { color: rgb(50,165,231); font-weight: 300; }
.breadcrumbs > *:hover a, .breadcrumbs > *:focus a { text-decoration: none; }
.breadcrumbs>*.current, .breadcrumbs>*.current-trunc { color: rgb(255,255,255); }
.breadcrumbs>*.current a { color: rgb(255,255,255); }
.breadcrumbs>*.current-trunc { max-width: 16em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.breadcrumbs>*:before { content: ">"; }
/* Navigation -- Pagination */
ul.pagination { border-top: 1px solid rgb(236,240,241); margin-top: 1em; padding-top: 0.667em; }
ul.pagination li { display: inline-block; float: none; font-size: 0.667em; height: auto; text-transform: uppercase; }
ul.pagination li span.page-numbers.current { color: rgb(27,66,152); font-weight: 700; }
ul.pagination li i { color: rgba(57,57,57,.5); vertical-align: middle; -webkit-transition-property: color; -webkit-transition-duration: 0.2s; transition-property: color; transition-duration: 0.2s; }
ul.pagination li a { color: rgb(57,57,57); }
ul.pagination li a:focus, ul.pagination li a:hover { background: none; color: rgb(50,165,231); }
ul.pagination li a:focus i, ul.pagination li a:hover i { color: rgb(50,165,231); }
/* Navigation -- Side Nav */
.section-sub-nav { margin-bottom: 1.5em; padding: 0; }
.section-sub-nav li { font-weight: 300; text-transform: uppercase; }
.section-sub-nav li a { color: rgb(50,165,231); }
.section-sub-nav li a:focus, .section-sub-nav li a:hover { color: rgb(27,66,152); }
.section-sub-nav li:first-child a { background: rgb(20,180,255); color: rgb(255,255,255); font-weight: 700; padding: 0.667em; text-transform: uppercase; }
.section-sub-nav li:first-child a:hover, .section-sub-nav li:first-child a:focus { color: rgb(27,66,152); }
.news-archive-dropdown { margin-bottom: 2em; }
/* Carousel Styles */
.orbit-slide-number { visibility: hidden; }
.orbit-container { background: none; }
.orbit-container .orbit-slides-container img { width: 100%; }
.orbit-container .orbit-slides-container>* .orbit-caption { position: relative; background: none; color: rgb(57,57,57); padding: 1em 0; overflow: hidden; }
.orbit-next, .orbit-prev { visibility: hidden; }
.orbit-bullets { position: absolute; left: 4%; top: 10%; margin: 0; }
.orbit-bullets li { background: rgba(255,255,255,.50); border: none; }
.orbit-bullets li.active { background: rgba(255,255,255,.80); }
.orbit-caption > h1 { color: inherit; font-size: 1.333em; font-weight: 700; font-style: normal; line-height: 1.4; }
.orbit-caption > h1 > a { color: inherit; }
.orbit-caption > h1 > a:hover, .orbit-caption > h1 > a:focus { color: rgb(50,165,231); }
.orbit-caption > h1 > a > span {
display: block;
font-size: 0.667rem;
text-transform: uppercase;
background-color: rgba(50,165,231,.75);
padding: 0.375em 0.375em 0.375em 2em;
margin-left: -2em;
margin-right: -1.99em;
margin-top: -2em;
margin-bottom: 8px; }
.orbit-caption > p { font-size: 1em; }
/* News Scroller */
.news-scroller { height: 90px; overflow: hidden; }
.news-scroller ul { list-style: none; margin: 0; padding: 0; height: 100%; }
.news-scroller ul li {
float: left;
width: 230px;
height: 100%;
margin: 0 16px 0 0;
padding: 0 16px 16px 16px;
/* background: rgba(198,221,255,1); */
border-left: 1px solid rgb(190,190,190);
color: rgb(0,0,0);
font-size: 0.75em;
cursor: pointer;
}
.news-scroller ul li:first-child { border-left: none; padding-left: 0; }
.news-scroller ul li:last-child {
color: rgb(255,255,255);
background: rgb(20,180,233);
border-left: none;
margin-right: 0;
padding: 0;
text-align: center;
font-size: 1em;
font-weight: 700;
text-transform: uppercase; }
.news-scroller ul li > a { color: rgb(50,165,231); display: block; overflow: hidden; text-overflow: ellipsis; }
.news-scroller ul li > a:hover { color: rgb(27,66,152); }
.news-scroller ul li:last-child > a { color: rgb(255,255,255); display: block; width: 100%; height: 100%; padding: 2em 2em; }
.news-scroller ul li:last-child > a:hover { color: rgb(27,66,152); }
.news-scroller-date { color: rgb(18,44,101); /* Adding asbolute positioning here breaks overflow: hidden */ }
.scrollbar {
margin: .3em 0;
height: 14px;
border-radius: 7px;
background: rgb(198,221,233);
line-height: 0;
}
.scrollbar .handle {
width: 14px;
height: 100%;
background: rgb(18,44,101);
border-radius: 7px;;
cursor: pointer;
}
.scrollbar .handle .mousearea {
position: absolute;
top: -9px;
left: 0;
width: 100%;
height: 20px;
}
/* Content Styles */
.core-block-grid { padding: 0 0.625em; }
.core-block-grid > li { padding: 0 !important; background-color: rgb(14,34,80); height: 10em; text-align: center; }
.core-block-grid > li { box-shadow: inset 0 -1px rgb(255,255,255); }
.core-block-grid > li:nth-child(2) { box-shadow: inset 0 -1px rgb(255,255,255); }
.core-block-grid > li:nth-child(3) { box-shadow: inset 0 -1px rgb(255,255,255); }
.core-block-grid > li:nth-child(4) { box-shadow: inset 0 -1px rgb(255,255,255); }
.core-block-grid > li:nth-child(5) { box-shadow: inset 0 -1px rgb(255,255,255); }
.core-item-title { background: rgba(0,0,0,.25); color: rgb(255,255,255); font-size: 1.5em; font-weight: 700; margin: 0; padding: 2em 2em 0 2em; height: 100%; width: 100%; }
.core-item-title > span { display: block; background: rgb(20,180,255); width: 80%; margin: 10px auto; height: 4px; }
.core-item-title:hover { background-color: rgba(0,0,0,.05); cursor: pointer; }
.core-item-desc { background-color: rgb(20,180,255); color: rgb(255,255,255); height: inherit; width: 100%; padding: 2em 2em 1em 2em; }
.core-item-desc a { display: block; color: rgb(25,62,142); font-weight: 700; text-transform: uppercase; width: 100%; }
.core-message-bg { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.cm-close { width: 100%; display: block; text-align: right; }
.cm-close i { color: rgba(255,255,255,.25); }
.cm-close i:focus, .cm-close i:hover { color: rgb(255,255,255); }
.cm-iri { background-image: url('assets/images/core/IRI_First.png'); }
.cm-knowledge { background-image: url('assets/images/core/CommitmentKnow.jpg'); }
.cm-publicgood { background-image: url('assets/images/core/GlobalPublic.jpg'); }
.cm-quantifying { background-image: url('assets/images/core/Quantifying.jpg'); }
.cm-science { background-image: url('assets/images/core/ScienceAtOurCore.jpg'); }
.cm-society { background-image: url('assets/images/core/ServingSociety.jpg'); }
.homepage-section { margin: 1.333em 0; }
.homepage-section-header { color: rgb(57,57,57); font-size: 1.125em; font-weight: 400; margin-top: 0; text-transform: uppercase; }
.homepage-section-header span { color: rgb(50,131,231); }
.homepage-section-header a { color: inherit; }
.homepage-section-header a:hover, .homepage-section-header a:focus { color: rgb(20,180,255); }
/* Post Styles -- Events */
.event { border-bottom: 1px solid rgb(222,222,222); margin-bottom: 2em; }
.event h1 { font-size: 1.5em; font-weight: 300; margin: 0.667em 0 !important; }
.event date { font-size: 0.889em; font-weight: 300; }
.event-description { font-size: 0.889em; font-weight: 300; margin-bottom: 0.667em; }
.event-location { font-size: 0.889em; font-weight: 300; margin-bottom: 0.889em; }
.event-link { background: rgb(27,66,152); color: rgb(255,255,255) !important; display: inline-block; font-size: 0.889em; font-weight: 300; padding: 0.667em 1em; -webkit-transition-property: background-color; -webkit-transition-duration: 0.2s; transition-property: background-color; transition-duration: 0.2s; }
.event-link:focus, .event-link:hover { background: rgb(50,165,231); color: rgb(255,255,255) !important; }
.news-section-header-single { margin-bottom: 3em; }
.news-post h1 { color: rgb(16,38,88); font-size: 2.25em; font-weight: 300; margin-top: 0; }
.news-post-archive { border-top: 1px solid rgba(0,0,0,.10); clear: both; padding: 2em 0 1em 0; }
.news-post-archive h1 { font-size: 0.6em; font-weight: 400; margin: 0; }
.news-post-archive > .news-post-date { color: rgb(125,125,125); font-size: 0.889em; font-weight: 300; }
.news-post h2 { color: rgb(125,125,125); font-weight: 300; }
.news-post h3 { color: rgb(16,38,88); font-size: 1.33em; font-weight: 300; }
.news-post h4 { color: rgb(16,38,88); font-size: 1em; font-weight: 300; }
.news-post a, .news-post-archive a { color: rgb(50,165,231); }
.news-post a:hover, .news-post a:focus, .news-post-archive a:hover, .news-post-archive a:focus { color: rgb(27,66,152); }
.news-post-meta { border-bottom: 1px solid rgb(208,208,208); border-top: 1px solid rgb(208,208,208); color: rgb(125,125,125); font-size: 0.889em; font-weight: 300; margin: 1em 0; padding: 0.667em 0; }
.news-post footer { clear: both; }
.news-post ul { margin: 0 0 0.889em 0; padding: 0; list-style-position: inside;}
.news-post ul li { list-style-type: disc; font-size: 0.889em; padding: 0 0 0 1.2em; list-style-position: inside; text-indent: -1.2em; }
.content-aside { width: 50%; }
.content-aside.left { border-right: 1px solid rgb(208,208,208); float: left; margin-right: 1em; margin-bottom: 1em; padding: 0 1em 0 0; }
.content-aside.right { border-left: 1px solid rgb(208,208,208); float: right; margin-left: 1em; margin-bottom: 1em; padding: 0 0 0 1em; }
.link-download { font-size: 0.889em; }
.link-download i { float: left; font-size: 3em; margin-right: 6px;}
/* Post Styles -- In the Media */
.post-archive-in-the-media { border-top: 1px solid rgba(0,0,0,.10); padding: 1em 0; clear: both; }
.post-archive-in-the-media h1 { font-size: 0.6em; font-weight: 400; }
.post-archive-in-the-media h2 { font-size: 0.5em; font-weight: 300 }
.post-archive-in-the-media a { color: rgb(50,165,231); }
.post-archive-in-the-media a:focus, .post-archive-in-the-media a:hover { color: rgb(27,66,152); }
/* Post Styles -- Projects */
.post-project { }
.post-project h1 { color: rgb(16,38,88); font-size: 1.5em; font-weight: 300; }
.post-archive-project { border-top: 1px solid rgba(0,0,0,.10); padding: 1em 0; clear: both; }
.post-archive-project a { color: rgb(50,165,231); display: inline-block; }
.post-archive-project a:focus, .post-archive-project a:hover { color: rgb(27,66,152); }
.post-archive-project h1 { color: rgb(125,125,125); font-size: 1.5em !important; font-weight: 300; }
.project-meta { font-size: 0.667em; }
.project-meta li strong { display: inline-block; }
.region-title-block { position: relative; margin-bottom: 1.333em; }
.region-title-block > h1 { color: rgb(16,38,88); font-size: 2.25em; font-weight: 300; margin-top: 0; }
.region-title-block > a { background: rgb(27,66,152); color: rgb(255,255,255); font-size: 0.889em; font-weight: 300; text-transform: uppercase; padding: 0.667em; position: absolute; top: 0; right: 0; }
/* Post Styles -- Publications */
.post-archive-publication { border-top: 1px solid rgba(0,0,0,.10); padding: 1em 0; }
.post-archive-publication a { color: rgb(50,165,231); }
.post-archive-publication a:focus, .post-archive-publication a:hover { color: rgb(27,66,152); }
.post-archive-publication h1 { font-size: 0.6em; font-weight: 400; }
.post-archive-publication h2 { font-size: 0.5em !important; font-weight: 400; }
.post-archive-publication h3 { font-size: 0.5em !important; font-weight: 400; }
.post-archive-publication date { font-size: 0.667em; }
.publication-authors { font-size: 0.667em; }
.publication-meta { font-size: 0.667em; list-style-type: none; }
/* Post Styles -- Staff Directory */
.post-archive-staff-profile { margin-bottom: 2em; clear: both; }
.post-archive-staff-profile h1 { font-size: 1.333em; font-weight: 400; }
.post-archive-staff-profile .post-staff-meta { font-size: 0.889em; }
.post-archive-staff-profile .post-staff-meta a { display: inline-block }
.post-archive-staff-profile a, .post-staff-profile a { color: rgb(50,165,231); }
.post-archive-staff-profile a:focus, .post-archive-staff-profile a:hover, .post-staff-profile a:focus, .post-staff-profile a:hover { color: rgb(27,66,152); }
.post-archive-staff-profile img { width: 100px }
.post-staff-profile { margin-bottom: 2em; padding-bottom: 2em; }
.post-staff-profile h1 { color: rgb(16,38,88); font-size: 2.25em; font-weight: 300; margin-bottom: 0; }
.post-staff-profile h2 { color: rgb(125,125,125); font-size: 1.333em; font-weight: 300; margin-bottom: 1em; }
.post-staff-profile h3 { color: rgb(16,38,88); font-size: 1.333em; font-weight: 300; }
.post-staff-profile .tt { color: rgb(16,38,88); font-size: 1.333em; font-weight: 300; }
.post-staff-profile h4 { color: rgb(16,38,88); font-size: 1em; font-weight: 300; }
.post-staff-profile ul, .post-staff-profile ol, .post-staff-profile dl { list-style-position: inside; font-size: 0.889em; }
.post-staff-profile img { width: 150px }
.post-staff-meta { font-size: 0.889em; }
.post-staff-anchor { border-bottom: 1px solid #ccc; color: rgb(16,38,88); font-weight: 300; padding-bottom: 0.667em; margin-bottom: 1em; }
.post-staff-index a, .post-staff-backtotop { color: rgb(50,165,231); font-size: 0.667em; text-transform: uppercase; }
.post-staff-index a:focus, .post-staff-index a:hover, .post-staff-backtotop:focus, .post-staff-backtotop:hover { color: rgb(27,66,152); }
/* Post Styles -- Trainings */
.post-training { border-top: 1px solid rgba(0,0,0,.10); padding: 1em 0; }
.post-training a { color: rgb(50,165,231); }
.post-training a:focus, .post-archive-publication a:hover { color: rgb(27,66,152); }
.post-training h1 { font-size: 1em; font-weight: 400; }
.post-training h2 { font-size: 0.667em !important; font-weight: 400; }
.post-training h3 { font-size: 0.667em !important; font-weight: 400; }
.post-training date { font-size: 0.667em; }
.training-trainers { font-size: 0.667em; }
.training-meta { font-size: 0.667em; list-style-type: none; }
/* Multimedia Styles -- Vimeo */
.video-album-block h1 { font-size: 0.889em; font-weight: 700; }
.video-album-block img { width: 100%; }
.video-album-meta { font-size: 0.667em; }
.video-album-meta strong { display: inline-block; }
.video-album-description { font-size: 0.667em; }
/* Attachment Styles -- Fact Sheets */
.attachment-factsheet-block {
font-size: 0.75em; font-weight: 400; position: relative; }
.attachment-factsheet-cover { clear: both; margin-bottom: 0.667em; }
.attachment-factsheet-block a {
background: rgb(236,240,241); /* Old browsers */
background: -moz-linear-gradient(top, rgba(236,240,241,1) 43%, rgba(215,215,215,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(43%,rgba(236,240,241,1)), color-stop(100%,rgba(215,215,215,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(236,240,241,1) 43%,rgba(215,215,215,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(236,240,241,1) 43%,rgba(215,215,215,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(236,240,241,1) 43%,rgba(215,215,215,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(236,240,241,1) 43%,rgba(215,215,215,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf0f1', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: rgb(27,66,152) !important;
display: block;
padding: 3em 1.5em 2em 1.5em;
position: relative;
-webkit-transition-property: color;
-webkit-transition-duration: 0.2s;
transition-property: color;
transition-duration: 0.2s;
-webkit-transition-property: background;
-webkit-transition-duration: 0.2s;
transition-property: background;
transition-duration: 0.2s;
}
.attachment-factsheet-block a:focus, .attachment-factsheet-block a:hover {
background: rgb(50,165,231);
color: rgb(255,255,255) !important;
}
.attachment-factsheet-block a span {
display: none;
color: rgba(0,0,0,.15);
font-size: 2em;
position: absolute;
top: 0;
right: 10%;
}
.attachment-factsheet-block a:active span, .attachment-factsheet-block a:hover span { color: rgba(255,255,255,.75); }
/* Taxonomy Styles */
.post-categories:before { content: "Topics: "; font-weight: 300; text-transform: uppercase; margin-right: 0.889rem; }
.post-categories li { display: inline-block; margin-right: .33em; }
.post-categories li a { font-size: 0.889em; }
.post-tags:before { content: "Tags: "; font-weight: 300; text-transform: uppercase; margin-right: 0.889rem; }
.post-tags li { display: inline-block; margin-right: .33em; }
.post-tags li a { font-size: 0.889em; }
.page-section-header { background: rgb(20,180,255); margin-bottom: 2em; width: 100%; }
.page-header-background { min-height: 12em; }
.page-title { color: rgb(255,255,255); font-size: 3em; font-weight: 300; margin-top: 1em; }
.page-title-with-feature-img { color: rgb(255,255,255); font-size: 3em; font-weight: 300; margin-top: 1em; }
.page-content h1 { color: rgb(16,38,88); font-size: 2.25em; font-weight: 300; margin-top: 0; }
.page-content h2 { color: rgb(125,125,125); font-size: 1.5em; font-weight: 300; }
.page-content h3 { color: rgb(16,38,88); font-size: 1.33em; font-weight: 300; }
.page-content h4 { color: rgb(16,38,88); font-size: 1em; font-weight: 300; }
.page-content h5 { color: rgb(16,38,88); font-size: 0.889em; font-weight: 300; }
.page-content ul { list-style-position: inside; font-size: 0.889em; }
.page-content ol { list-style-position: inside; font-size: 0.889em; }
.page-content dl { list-style-position: inside; font-size: 0.889em; }
.page-content a { color: rgb(50,165,231); }
.page-content a:focus, .page-content a:hover { color: rgb(27,66,152); }
.link-list { font-size: 0.889em; margin-bottom: 2.25em; padding: 0; }
.link-list li { margin-bottom: 1.5em; }
.link-list li a { color: rgb(50,165,231); }
.link-list li a:hover, .link-list li a:focus { color: rgb(27,66,152); }
.map-img-link { margin: .5em 0 1em 0; }
/* Key Messages -- Content Styles */
.key-message-header { background-color: rgb(26,66,152); width: 100%; }
.key-message-header h1 { color: rgb(255,255,255); font-size: 2.25em; font-weight: 400; margin: 0.667em 0; }
.key-message-header img { display: block; }
.key-message-block { margin-bottom: 4em; margin-left: auto; margin-right: auto; max-width: 62.5em; width: 100%; }
.key-message-block .row { margin-top: 1em; }
.key-message-block:before {
content: "";
border-width: 15px 15px 0;
border-style: solid;
border-color: rgb(26,66,152) transparent;
display: block;
margin-left: 2em;
width: 0;
}
.key-message-block-body td.topalign { vertical-align: top; }
.key-message-block-body h1 { color: rgb(16,38,88); ont-size: 2em; margin-top: 1em; font-weight: 300; }
.key-message-block-body h2 { font-size: 1.5em; font-weight: 400; }
.key-message-nav { margin-bottom: 0; margin-left: 0; }
.key-message-nav li { border-bottom: 1px solid #ccc;font-size: 1em; font-weight: 700; margin:0; text-align: center; width: 100%; }
.key-message-nav li:last-child { border: 0; }
.key-message-nav li a { color: rgb(27,66,152); padding: 2em 1em; }
.key-message-nav li a:focus, .key-message-nav li a:hover { color: rgb(50,165,231); }
.key-message-nav-row { background: rgba(255,255,255,1); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 60%, rgba(216,216,216,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(255,255,255,1)), color-stop(100%,rgba(216,216,216,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 60%,rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 60%,rgba(216,216,216,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 60%,rgba(216,216,216,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 60%,rgba(216,216,216,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
padding: 0 0 2em 0; }
.key-message-block-features li a { display: block; }
.key-message-block-features li a h1 { color: rgb(50,165,231); padding: 0.667em; font-size: 0.889em; font-weight: 400; -webkit-transition-property: color; -webkit-transition-duration: 0.2s; transition-property: color; transition-duration: 0.2s; }
.key-message-block-features li a:focus h1, .key-message-block-features li a:hover h1 { color: rgb(27,66,152); }
.key-message-block-features li img { width: 100%; }
.what-is-iri-header-block { padding: 2em 0; margin: 0 auto; text-align: center; width: 90%; }
.what-is-iri-header-block h2 { font-size: 2em; }
/* Our Expertise -- Content Styles */
.expertise-blurb ul { display: block; padding: 0; margin-bottom: 1.5em; list-style-type: none; list-style-position: inside; }
.expertise-blurb ul li { font-size: 0.667em; margin-bottom: 0.889em; }
.expertise-blurb ul li a { color: rgb(50,165,231); }
.expertise-collab-center { border-top: 4px solid rgb(208,208,208); border-bottom: 1px solid rgb(208,208,208); margin-bottom: 1em; padding: 0.667em 0 1.333em 0; }
.expertise-collab-center h1 { color: rgb(26,66,152); font-size: 1em; text-transform: uppercase; }
.expertise-factsheet a { color: rgb(50,165,231); }
.expertise-factsheet a:focus, .expertise-factsheet a:hover { color: rgb(27,66,152); }
.expertise-factsheet a i { font-size: 4em; }
.expertise-important-links ul { display: block; padding: 0; margin-bottom: 1.5em; list-style-type: none; list-style-position: inside; }
.expertise-important-links ul li { font-size: 0.667em; margin-bottom: 0.889em; }
.expertise-important-links ul li a { color: rgb(50,165,231); }
.expertise-link-list-header { color: rgb(26,66,152); font-size: 0.889em; }
.expertise-link-list { padding: 0; margin-bottom: 1.5em; }
.expertise-link-list li { font-size: 0.667em; margin-bottom: 0.889em; }
.expertise-link-list li a { color: rgb(50,165,231); }
.expertise-link-list li a:focus, .expertise-link-list li a:hover { color: rgb(27,66,152); }
.expertise-program-contact { font-size: 0.889em; }
.expertise-program-contact a { color: rgb(50,165,231); }
.expertise-program-contact a:focus, .expertise-program-contact a:hover { color: rgb(27,66,152); }
.expertise-program-contact strong { color: rgb(26,66,152); }
.expertise-program-contact-header { background-color: rgb(27,66,152); color: rgb(255,255,255); font-size: 0.889em; font-weight: 300; padding: 0.667em; text-transform: uppercase; }
.expertise-overview-feature { margin: 2em 0 4em 0; }
.expertise-overview-feature h1 { color: rgb(50,165,231); margin: 0 0 0.375em 0; }
.link-button { background: rgb(27,66,152); color: rgb(255,255,255) !important; padding: 0.667em 1em; -webkit-transition-property: background-color; -webkit-transition-duration: 0.2s; transition-property: background-color; transition-duration: 0.2s; }
.link-button:focus, .link-button:hover { background: rgb(50,165,231); color: rgb(255,255,255) !important; }
/* Comment Styles */
.comments-block { border-top: 1px solid rgb(208,208,208); border-bottom: 1px solid rgb(208,208,208); clear: both; margin: 2em 0; padding: 1em 0; }
.comments-block a { color: rgb(50,165,231); }
.comments-block a:focus, .comments-block a:hover { color: rgb(27,66,152); }
#reply-title { font-size: 1.5em; font-weight: 300; }
/* Email Sign Up Block */
.sign-up-block { border-top: 1px solid rgb(208,208,208); border-bottom: 1px solid rgb(208,208,208); margin-bottom: 1em; padding: 0.667em 0; }
.sign-up-block a { color: rgb(50,165,231); display: block; font-size: 0.889em; font-weight: 700; }
.sign-up-block a:focus, .sign-up-block a:hover { color: rgb(27,66,152); }
.sign-up-block a > i { margin-right: 8px; vertical-align: middle; }
/* Footer Styles */
#global-footer { background: url(assets/images/iri-swirl-bg.png) no-repeat; background-position: top center; background-color: rgb(236,240,241); margin-top: 2em; }
.footer-right { background: rgb(27,66,152); padding-bottom: 4em; padding-top: 2em; }
.footer-left { padding-top: 2em; }
.footer-left a { color: rgb(50,165,231); }
.footer-left a:focus, .footer-left a:hover { color: rgb(27,66,152); }
.nav-social-header { font-size: 2em; font-weight: 300; margin-bottom: 0; margin-top: 0; }
.nav-social { margin-bottom: .5em; margin-top: .5em; }
.nav-social li a i { color: rgb(41,99,228); font-size: 2em; }
.nav-social li a:focus i, .nav-social li a:hover i { color: rgb(50,165,231); }
.address-campus-location { color: rgb(255,255,255); font-size: 0.889em; margin-left: 0.667em; margin-right: 0.667em; margin-bottom: 0.667em; }
.nav-footer { margin-left: 0.667em; margin-right: 0.667em; }
.nav-footer li a { color: rgb(255,255,255); border-bottom: 1px solid rgb(50,85,163); padding-bottom: 0.667em; }
.nav-footer li a:focus, .nav-footer li a:hover { color: rgb(50,165,231); }
.directions-link { margin-left: 0.667em; }
.directions-link a { color: rgb(50,165,231); }
.directions-link a:focus, .directions-link a:hover { color: rgb(255,255,255); }
/* Catch All Styles */
.hidden { display: none; }
.aligncenter { margin: 1em auto; width: 90% !important; /* width overrides fixed values set by WordPress to maintain responsive flexibility. */ }
.alignright { float: right; margin-left: 1em; margin-bottom: 1em; }
.alignleft { float: left; margin-right: 1em; margin-bottom: 1em; }
.wp-caption-text { font-size: 0.75em; text-align: center; margin-top: 1.5em; }
.dialogText {margin: 1em;}
iframe { margin: 1em auto !important; max-width: 90% !important; /* max-width prevents fixed values from breaking responsive flexibility */ }
.flex-video iframe { margin: 0 !important; height: 98.5%; max-width: 100% !important; }
.footnote { font-size: 0.75em; font-style: italic; padding: 0 1.5em 0 1.5em; }
/* Text Obfuscation using the "Obfuscate E-mail" plugin */
.oe_textdirection {
display: inline;
}
.f-dropdown {
max-width: 350px;
}
.enso_iri_license {
display: none;
font-size: 1.2em;
border: solid 2px green;
padding: 8px;
}
.iri_license {
font-size: 1.2em;
border: solid 2px green;
padding: 8px;
}
.iri_license a {
color: rgb(27, 66, 152);
text-decoration: underline;
}
.iri_license a.hover {
color: rgb(27, 66, 152);
text-decoration: underline;
}
#belowForecastText {
margin-top: 1em;
font-style: italic;
color: darkred;
text-decoration: underline;
}
}
/* 768px and up */
@media only screen and (min-width: 768px) {
h1 { font-size: 2.25em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.33em; }
h4 { font-size: 1em; }
h5 { font-size: 0.889em; }
h6 { font-size: 0.667em; }
.branding { max-width: 100%; }
/* Navigation Styles -- Top Bar */
.top-bar-section .has-dropdown > a:after { display: none; }
.top-bar-section .has-dropdown > a { padding-right: 0.667em !important; }
.sub-menu.dropdown { background: rgba(14,34,80,.90); border: 1px solid rgba(9,22,53,.5); padding: 1em 2em 1em 1em; }
.search-form { margin: 0; }
.top-bar-section .dropdown li a { font-size: 0.889em; font-weight: 300; font-style: normal; }
.breadcrumbs>* { font-size: 0.889em; }
.breadcrumbs>*.current-trunc { max-width: 22em; }
/* Side Nav Styles */
.section-sub-nav li:first-child a { width: 70%; }
/* Carousel Styles */
.orbit-container .orbit-slides-container>* .orbit-caption {
background: linear-gradient(to top, rgba(0,0,0,.75), transparent 40%);
background: -webkit-linear-gradient(to top, rgba(0,0,0,.75), transparent 40%);
background: -moz-linear-gradient(to top, rgba(0,0,0,.75), transparent 40%);
color: rgb(255,255,255);
position: absolute;
width: 100%;
top: 0;
padding: 1em; }
.orbit-bullets { position: absolute; left: 4%; top: 90%; }
.orbit-caption > h1 {
font-size: 2.25em;
font-weight: 400;
font-style: normal;
line-height: 1.2;
position: absolute;
bottom: 10%;
right: 8%;
width: 25rem; }
.orbit-caption > h1 > a {
background: rgba(0,0,0,.5);
color: rgb(255,255,255);
display: block;
padding: 0.667em;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.2s;
transition-property: background-color;
transition-duration: 0.2s; }
.orbit-caption > h1 > a:focus, .orbit-caption > h1 > a:hover { background: rgba(0,0,0,.75); color: rgb(255,255,255); }
/* Homepage Content Styles */
.core-block-grid { padding: 0 0.625em; }
.core-item { background: rgb(14,34,80); height: 10em; }
.core-item-title { font-size: 1.625em; padding: 1.5em 2.75em 0 2.75em; }
.core-block-grid > li:first-child { box-shadow: inset -1px -1px rgb(255,255,255); }
.core-block-grid > li:nth-child(2) { box-shadow: inset -1px -1px rgb(255,255,255); }
.core-block-grid > li:nth-child(3) { box-shadow: inset 0 -1px rgb(255,255,255); }
.core-block-grid > li:nth-child(4) { box-shadow: inset -1px 0 rgb(255,255,255); }
.core-block-grid > li:nth-child(5) { box-shadow: inset -1px 0 rgb(255,255,255); }
.core-block-grid > li:nth-child(6) { box-shadow: none; }
.core-block-grid > li:nth-child(2) > .core-item-desc { box-shadow: inset -1px -1px rgb(255,255,255); }
.core-block-grid > li:nth-child(3) > .core-item-desc { box-shadow: inset 0 -1px rgb(255,255,255); }
.core-block-grid > li:nth-child(4) > .core-item-desc { box-shadow: inset -1px 0 rgb(255,255,255); }
.core-block-grid > li:nth-child(5) > .core-item-desc { box-shadow: inset -1px 0 rgb(255,255,255); }
.core-block-grid > li:nth-child(6) > .core-item-desc { box-shadow: none; }
.border-left { border-left: 1px solid rgb(26,66,152); }
.border-right { border-right: 1px solid rgb(26,66,152); padding: 0 1.333em 2em 0; }
/* Page Content Styles */
.page-header-background { min-height: 17em; }
.page-title { font-size: 5.063em; margin: .25em 0 .25em 0; }
.page-title-with-feature-img { font-size: 5.063em; margin: 1em 0 .5em 0; }
/* Key Message Styles */
.key-message-nav { margin: 0 auto; width: 75%; }
.key-message-nav li:first-child { border: 0; }
.key-message-nav li, .key-message-nav li:last-child { border-left: 1px solid #ccc; border-bottom: 0; width: 9em; }
.key-message-nav li a { padding: 2em 1em; }
.what-is-iri-header-block { padding: 2em 0; width: 70%; }
/* News Post Styles */
.content-aside { width: 40%; }
/* Attachment Styles -- Fact Sheets */
.attachment-factsheet-block a { min-height: 36em; }
/* Text Obfuscation using the "Obfuscate E-mail" plugin */
.oe_textdirection {
display: inline;
}
/* Post Styles -- In the Media */
.post-archive-in-the-media { border-top: 1px solid rgba(0,0,0,.10); padding: 1em 0; clear: both; }
.post-archive-in-the-media h1 { font-size: 1.0em; font-weight: 400; }
.post-archive-in-the-media h2 { font-size: 0.9em; font-weight: 300 }
.post-archive-in-the-media a { color: rgb(50,165,231); }
.post-archive-in-the-media a:focus, .post-archive-in-the-media a:hover { color: rgb(27,66,152); }
.news-post-archive { border-top: 1px solid rgba(0,0,0,.10); clear: both; padding: 2em 0 1em 0; }
.news-post-archive h1 { font-size: 1em; font-weight: 400; margin: 0; }
.news-post-archive > .news-post-date { color: rgb(125,125,125); font-size: 0.889em; font-weight: 300; }
.post-archive-publication { border-top: 1px solid rgba(0,0,0,.10); clear: both; padding: 2em 0 1em 0; }
.post-archive-publication h1 { font-size: 1em; font-weight: 400; margin: 0; }
.post-archive-publication > .news-post-date { color: rgb(125,125,125); font-size: 0.889em; font-weight: 300; }
.special_issue_citation img {
float: left;
margin-right: 8px;
}
.special_issue_citation .description {
clear: right;
}
.special_issue_citation p{
margin-top: 4px;
margin-bottom: 4px;
}
.special_issue_citation .author {
color: rgb(125,125,125);
}
.special_issue_citation {
width: 100%;
/* border-bottom: solid 1px gray; */
min-height: 160px;
margin-bottom: 30px;
}
.iri_license {
border: solid 1px green;
padding: 8px;
}
.iri_license a {
color: rgb(27, 66, 152);
text-decoration: underline;
}
.iri_license a.hover {
color: rgb(27, 66, 152);
text-decoration: underline;
}
.size-10 { font-size: 10px; }
.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }
.climate-forecast {
font-size: 0.8em;
}
.climate-forecast fieldset {
margin: 0;
padding: 1em;
}
.climate-forecast fieldset legend {
font-size: 1em;
}
.climate-forecast select {
font-size: 0.8em;
}
}
/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {
}