/*
Theme Name: IIAD 2015
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 50.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: iiad-2015
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

IIAD 2015 is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# WordPress Core

# Navigation
	## Links
	## Menus

--------------------------------------------------------------*/


h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text,.wp-caption-dd {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px !important;
	font-family: "Merriweather",serif !important;
	font-style:italic;	
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}



/********************************************************
 * IIAD CUSTOM START
 ********************************************************/

html, body {
	background: #332c2c;
}
.large-outlined-button {
	border: 1px solid rgb(255, 255, 255);
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.502);
	color: #ffffff;
	padding: 1em 2em;
	margin: 0 1.5em;
}
.outlined-button {
	border: 1px solid rgb(255, 255, 255);
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.502);
	color: #ffffff;
	padding: .5em 1.5em;
	margin: 0 1.5em;
}

/********************************************************
 * Site-wide Preheader, Header, and Navigation
 ********************************************************/

#site-preheader {
	background: #253f62;
	height: 15px;
}
#site-header {
	background: #30507a;
	padding: 1.5em 0;
	color: #fff;
}
form.search-form{display:block;;}
form.search-form label{
	display:inline;
	border:none  !important;
}
input.search-field{
	width:150px;
	display:inline-block;
	padding:0 1em;
}
input.search-submit{
	width:100px;
	display:inline-block;
	background:#332c2c;
	padding:0;
    border: 0;
	height: 2.3125rem;
}


@media only screen and (max-width: 64em) {
/* below large screens, max-width 1024px */
#site-header .site-logo {
	text-align: center;
}
}
#site-header .social-media {
	text-align: center;
	margin-bottom: .5em;
}
#site-header .social-media a {
	color: #ffffff;
	font-size: .9em;
}
#site-header .social-media .site-header-twitter-link {
	margin-right: 1em;
}
#site-header social-media .site-header-subscribe-link {
	
}
#site-header .search-form {
}
#site-navigation {
	background: #253f62;
}
#site-navigation a {
	font-size: 1rem;
	font-weight: bold;      
}
#site-navigation .top-bar, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section ul li {
	background: none !important;
}

.top-bar-section ul li:hover,.top-bar-section ul > li > ul {
background: #0f2c52 !important;
}

.top-bar-section a:hover{
    text-decoration: underline;
}

.top-bar-section ul li.has-dropdown .dropdown {
        display:block;
        visibility: hidden;
        opacity: 0;
   
   transition: opacity .20s ease-in-out;
   -moz-transition: opacity .20s ease-in-out;
   -webkit-transition: opacity .20s ease-in-out;    
}
.top-bar-section ul li.has-dropdown:hover > .dropdown {
    visibility: visible;
    opacity: 1;
}


@media only screen and (min-width: 64.063em) {
/* large screens, min-width 1025px  */
.top-bar-section li:not(.has-form) a:not(.button) {
	padding: 0 1rem;
}
}
.contain-to-grid .top-bar{
    max-width: 75rem !important;
}
.contain-to-grid{
    background: none !important;
}
.top-bar-section .dropdown{
    background:#253f62;
}
/********************************************************
 * Site-wide Footer
 ********************************************************/
#site-footer {
	padding: 2em 0;
}
#site-footer h2 {
	font-size: 1.125em;
	color: #fff;
	font-weight: bold;
}
#site-footer p, #site-footer ul li {
	color: #fff;
	font-family: 'Merriweather', serif;
	font-size: 0.875em;
}
#site-footer ul li a {
	color: #fff;
}
#site-footer ul {
	margin-left: 0;
}
#site-footer ul li {
	list-style-type: none;
}
.footer-logos {
	text-align: center;
}
.footer-logos img {
	margin: 2em 0;
}
/********************************************************
 * Home Page Hero
 ********************************************************/

#page-hero {	
	text-align: center;
	  background-size: cover;
	overflow: hidden;
}

#page-hero p.home-hero-message {
	text-align: center;
	color: #fff;
	font-family: 'Merriweather', serif;
	text-shadow: 1px 1px #222222;
}

@media only screen and (max-width: 40em) {
/* mobile, max-width 640px */
#page-hero p.home-hero-message {
	font-size: 1.6em;
}
#page-hero a {
	display: block;
	margin-bottom: 1em;
}
}

@media only screen and (min-width: 40.063em) {
/* min-width 641px, medium screens */
#page-hero p.home-hero-message {
	font-size: 2.250em;
}
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
/* tablet, min-width 641px and max-width 1024px */
#page-hero p.home-hero-message {
	padding: 0 1em 1.5em;
}
}

@media only screen and (min-width: 64.063em) {
/* large screens, min-width 1025px */
#page-hero p.home-hero-message {
	padding: 0 4em 1.5em;
}
}
/********************************************************
 * Notice row
 ********************************************************/
 
#page-notice {
	background: #ffeca6;
	padding: 1em;
	text-align: center;
	font-family: 'Merriweather', serif;
	font-size: 1.125em;
}
/********************************************************
 * Home Page Featured Projects
 ********************************************************/
#page-featuredprojects {
	background: url(assets/images/pattern-climpek.png);
	padding: 4em 0;
}
#page-featuredprojects h2 {
	text-align: center;
	font-size: 1.875em;
	padding-bottom: 1.5em;
}
#page-featuredprojects .featured {
	position: relative;
}
#page-featuredprojects .homepagefeatured {
	position: relative;
}
#page-featuredprojects .homepagefeatured img {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	bottom: 0;
}
#page-featuredprojects .homepagefeatured .overlay {
	position: absolute !important;
	z-index: 10;
	top: 0;
	background: rgba(0,0,0,.60);
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-align: center;
	padding: 2em 1em;
}
#page-featuredprojects .homepagefeatured .overlay h3, #page-featuredprojects .homepagefeatured .overlay p {
	font-family: 'Merriweather', serif;
	color: #ffffff;
	text-shadow: 2px 2px 3px #000000;
}
#page-featuredprojects .homepagefeatured .overlay h3 {
	font-size: 1.125em;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 1em;
}
#page-featuredprojects .homepagefeatured .overlay p.link {
	position: absolute;
	bottom: 10px;
	display: block !important;
	left: 52%;
	margin-left: -25%;
}
#page-featuredprojects .homepagefeatured .overlay p a {
	font-family: 'Open Sans', sans-serif;
}
#page-featuredprojects .homepagefeatured .overlay-content {
	display: table-cell;
	vertical-align: middle;
}
.featured-carousel .homepagefeatured {
	margin: 0 .5em;
}
.featured-carousel .moveleft, .featured-carousel .moveright {
	position: absolute;
	z-index: 100;
	background: #c8c8c8;
	height: 100%;
	padding: 10% .3em;
}
.featured-carousel .slick-arrow {
	cursor: pointer;
}
.featured-carousel .slick-disabled {
	visibility: hidden;
}
.featured-carousel .moveleft {
	left: -25px;
}
.featured-carousel .moveright {
	right: -25px;
	top: 0;
}
#moveleft, #moveright {
	display: block;
}
/********************************************************
 * Home Page IIAD News
 ********************************************************/
 
#page-news {
	background: url(assets/images/cows.png) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.page-news-overlay {
	background: rgba(48,80,122,.95);
	padding: 4em 0;
}
#page-news h2 {
	text-align: center;
	font-size: 1.875em;
	padding-bottom: 1.5em;
	color: #fff;
}

@media only screen and (min-width: 64.063em) {
/* large screens, min-width 1025px */
.selected-stories {
	border-left: 1px solid rgba(255, 255, 255, .2);
	padding-left: 2em !important;
}
}

@media only screen and (max-width: 64em) {
/* tablet, min-width 641px and max-width 1024px */
.featured-story img {
	width: 100%;
	margin-bottom: 1em;
}
.selected-stories {
	padding-top: 1em !important;
}
}
#page-news div.news-published-date {
	color: #fff;
	font-size: .750em;
	text-transform: uppercase;
	margin-bottom: .7em;
}
#page-news h3 {
	font-family: 'Merriweather', serif;
	font-size: 1.125em;
	padding-bottom: 1em;
	color: #fff;
}
#page-news .selected-stories h3:last-child {
	padding-bottom: 0px;
}
#page-news h3 a {
	color: #fff;
}
#page-news h3 a:hover {
	text-decoration: underline;
}
#page-news p {
	font-size: .875em;
	color: #fff;
}
/********************************************************
 * Home Page Global Impact
 ********************************************************/
#page-globalimpact {
	background: #e6e7e8 url(assets/images/globe.png) no-repeat center center;
	padding: 4em 0;
	background-size: auto 100%;
}
#page-globalimpact h2 {
	font-size: 1.875em;
	margin-bottom: 1em;
	color: #b0434b;
}
#page-globalimpact p {
	font-family: 'Merriweather', serif;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#page-globalimpact a.outlined-button {
	margin: 0;
	border:none;
}
#home-global-logo {
	padding: 4em 0;
	background-size: auto 100%;
}
/********************************************************
 * PAGE TEMPLATE
 ********************************************************/
section#page-body{
		background: url(assets/images/pattern-climpek.png);
    padding: 2em 0;
}
.page-content{
    background: #fff;
    border-top: 5px solid #253f62;
	padding-bottom:2em;
}
.page-content a{
    text-decoration: underline;    
}
.page-content h1{
    font-size: 2.000em;
}

.page-content h2{
    font-size: 1.750em;
    color:#30507a;
    font-weight: bold;
}

.page-content h3{
    font-size: 1.2em;    
    font-weight: bold;
    font-style: italic;
}

.page-content p,.page-content li{
    font-family: 'Merriweather', serif;
    font-size: 0.875em;
    line-height: 1.8em;
}

.edit-link{
    display: block;
    position: fixed;
    top: 300px;
    right: 0;
    
}
.edit-link a.post-edit-link{
    background: #0099CC;
    color: #ffffff;
    padding: 1em 2em;
    border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
border: 0px solid #000000;
    text-transform: uppercase;
    text-decoration: none;
}

.sidebar{
background: #fff;
    border-top: 5px solid #253f62;    
    padding: 1em 0.9375rem !important;
}

.sidebar .sidebar-heading{
    text-align: center;
    margin-bottom: 1em;
    font-size: 1.125em;
 
}
.sidebar .sidebar-heading a{
       color: #999999;
}

.sidebar .sidebar-heading a:hover{
    color: #0078A0;
}

.sidebar ul{
    margin:0;
}
.sidebar > ul  >li{
       border-bottom: 1px solid #e3e3e3;
}
.sidebar > ul  >li:last-child{
           border-bottom: none;
}

.sidebar ul li{
    list-style-type: none;
    padding: .5em 0;
    font-size: 0.875em;
 
}
.sidebar ul li{
    display: block;
}

.sidebar ul.children li{
    padding-left: 1em;
}

.sidebar li.current_page_item{
    font-weight: bold;    
}


/********************************************************
 * SEARCH RESULTS
 ********************************************************/
 .author.vcard{
    display: inline;
    margin: 0;
    border: none;
    padding: none;
}

body.search article{
	margin-bottom:3em;
}

body.page-template-template-news article{
	margin-bottom:2em;
}
article.featured-news-article{
	border-bottom:1px solid #e3e3e3;
}

.nav-links .page-numbers{
	padding:.5em;
	background:#253f62;
}

.page-numbers{
	color:#ffffff;
}
.page-numbers.current{
	color:#fff;
	font-weight:bold;
}

.entry-meta{
	margin:1em 0;
}

/********************************************************
 * NEWS ARCHIVE
 ********************************************************/
 
a.linkbacktonewsarchive{
	padding-top:1em;
	display:block;
}