/*
Theme Name: MissionInnovation V2
Theme URI: http:www.energetics.com
Author: Bory Buth
Author URI: http:www.energetics.com
Description: Custom Theme.
Version: 1.0.1

*/
/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  line-height:1.8;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height:80px;
}

figure {max-width:100%;}
figure.aligncenter {
    margin: auto;
}

body > .container:last-of-type, #homeFeature.lastof, .lastof {
  padding-bottom:80px;
}
body{font-family: 'Open Sans', sans-serif;color:#4d4d4d;background-color:#fff;}
body.home{font-family: 'Open Sans', sans-serif;color:#fff;background-color:#000;}

img {max-width:100%;}
h1, h2, h3, h4, h5 {font-family: 'Raleway', sans-serif;font-weight:700;}

#sitelogo, #sitelogo-reversed {
    background:url("images/site-logo.png") no-repeat scroll center center;
    display: block;
    height: auto;
    text-align: center;
    text-indent: -9000px;
    width: 100%;
	margin:0 auto;
	padding:0;
	background-size:contain;
}
 #sitelogo-reversed {background:url("images/site-logo-reversed.png") no-repeat scroll center center;}

.col-lg-4 h2 {font-size:30px;text-align:center;color:#fff;display:table;height:86px;}
.col-lg-4 h2 span{display:table-cell;vertical-align:middle;}
.navbar-wrapper{background:#000;margin:0 0 30px 0;}
.navbar {margin-bottom:5px;background:#000;box-shadow:0 2px 3px rgba(0, 0, 0, 0.4)}
.navbar-nav > li > a {padding-top:10px;padding-bottom:10px;line-height: 29px;}
.navbar-brand, .navbar-nav > li > a {color:#fff;font-size:14px;}
.nav > li > a:focus, 
.nav > li > a:hover
{background-color:#2D2D2D;}
.nav .open > a, 
.nav .open > a:focus, 
.nav .open > a:hover {background-color:#2D2D2D;}

.navbar-toggle .icon-bar{background-color:#fff;}
.logged-in .navbar-fixed-top {
    margin-top: 32px;
}

a.navbar-brand:hover {
    background-color:#2D2D2D;
	color:#fff;
}

.inner {border-bottom:1px solid #D6D6D6;}

.featurette {font-size: 17px;text-shadow: 1px 1px 1px #000;}

.footer {background:#002D53;border-top:3px solid #0067BB;}
.footer .pull-right{margin-top:15px;}
/*#footerWrap footer {max-width:1140px;margin:auto;}
#footerWrap .nav > li > a {color:#fff;font-size:16px;padding:6px 0;color:#fff;margin:0;display:inline-block;}
#footerWrap .nav > li > a:before {content:"» ";}
#footerWrap .nav > li > a:focus, 
#footerWrap .nav > li > a:hover{background-color:transparent;border-bottom:0;padding:6px 0;margin:0;text-decoration:underline;}
#footerWrap .col-md-12 {margin-top:60px;}
#footerWrap .col-md-12 p{text-align:center;font-size:12px;}
#footerWrap h2, #footerWrap h3, #footerWrap h4, #footerWrap p {color:#fff;}
*/
.footer .col-md-12 p.legal{text-align:center;font-size:12px;color:#fff;}

#country-participation-map #footerWrap{margin-top:0px;}

#heroWrap {background:url(images/site-bg.jpg) no-repeat scroll center -163px #00172d;background-size:cover;}

#heroWrap .featurette h3 {text-align:center;}

.hero img {margin:auto;display:block;}
.hero h1 {font-size:79px;text-transform:uppercase;text-align:center;font-weight:400;}
.hero h1 + p {font-size:30px; font-style:italic;text-align:center;}

#homeFeature {background:#000;padding:30px 0;}
.featureBox div{/*border:1px solid rgba(255, 255, 255, 0.35);padding:10px;*/}
.featureBox h3 {text-align:center;}

.form-textbox {color:#4d4d4d;border:0;border-radius:3px;padding:6px;width:233px;}
.form-submit-button {background:#777;border:0;line-height:32px;height:32px;padding:0 5px;margin:0;border-radius:3px;text-transform:uppercase;}

.countryList{margin-left:0;padding-left:0;}
/*.countryList li {
    list-style: none;
    margin: 10px 0;
    padding: 0 0 0 46px;
	background-size:26px auto;	
	background-repeat:no-repeat;
	background-position:4px center;
}
.countryList li:hover{background-color:#ebebeb;}
.countryList > li > a:focus, 
.countryList > li > a:hover {background-color:#ebebeb;}
.nav.countryList > li > a{padding:4px 0;}
.countryList .active {background-color:#337ab7;border-radius:3px;}
.countryList li.active:hover {background-color:#337ab7;}
.countryList .active a{background-color:transparent;}
*/
.countryList li {
    list-style: none;
	margin:0;
	padding:0;   
}
.countryList li a{
    list-style: none;
    margin: 10px 0;
    padding:3px 0 3px 46px;
	background-size:26px auto;	
	background-repeat:no-repeat;
	background-position:4px center;
}
.countryList li a:hover{background-color:#ebebeb;}
.countryList li a.active {background-color:#337ab7;border-radius:3px;}

.page-template-participating-countries .col-md-2{border-right:1px solid #D6D6D6;}

#tabbable {padding-left:3px;padding-right:0;}

#bitnami-banner {display:none !important;}

.page-template-default .entry-content {margin-top:60px;}
.page-template-page-with-widgets .entry-content {margin-top:20px;}

.page-template-page-custom #header + .container {margin-top:60px;}

.captionWrap {background-color:rgba(0,0,0,0.7);margin:0 1px;padding:5px 10px;}
.captionWrap p{margin:3px 0;}
.photoCaption {font-size:12px;}
.photoCaption a{color:#fff;text-decoration:underline;}
.photoCaption a:hover {text-decoration:none;}
.photoCredit {line-height:7px;}
.photoCredit small{font-size:8px;}
.photoCredit small a{color:#fff;}

.caption {font-size:12px;}

.page-template-login-register-pages .row.hero {margin-top:90px;}

.single-post article {padding-top: 20px;}

.single-post article header h1.entry-title {text-align:center;}
.single-post article h3 {text-transform:uppercase;}
.single-post article hr {margin:50px 0;}
.single-post articlep {margin: 0 0 20px;}
.single-post .bg-wrap {padding: 20px 0;}
.single-post h3 {padding: 20px 0;}
.single-post h3:after {
    border-bottom: 1px solid #ccc;
    content: "";
    display: block;
    margin: 10px auto 0;
    width: 85%;
}

.single .container.lastof > .row {
    padding-top: 30px;
}

.site-main {margin-top:60px;}

.portfolioTable td, .portfolioTable th {padding:5px;}

/* About Page */
.page-template-about-page .btn-default {font-size:21px;white-space:pre-line;}

/* Blog page (index.php) */
.blog article { border-bottom: 1px solid #ccc; margin: 30px 0;padding-bottom: 30px;}

/* tab panels (participating-countries.php) */
.exTab {margin-top:30px;}
.exTab .tab-content {
  padding :30px;
  border:1px solid #B6B6B6;
  border-top:0; 
}
.exTab .tab-content h3:first-child {text-indent:-9000px;font-size:10px;margin:0;padding:0;}
.exTab .nav-pills {border:1px solid #B6B6B6;}
.exTab .nav-pills > li > a {
  border-radius: 0;
  /*
  border-right:1px solid #B6B6B6;

  border-top:1px solid #B6B6B6;

  border-collapse:collapse;
  */
  color:#B6B6B6;
  padding:20px 30px;
}
.exTab .nav-pills > li.active > a {font-size:24px;font-weight:700;padding:13px 30px;font-family:"Raleway",sans-serif;color:#4d4d4d;}
.exTab .nav-pills > li.active > a, 
.exTab .nav-pills > li.active > a:focus, 
.exTab .nav-pills > li.active > a:hover {background-color:#fff;color:#4d4d4d;border-bottom:0;border-top:0;border-right:1px solid #B6B6B6;border-left:1px solid #B6B6B6;
box-shadow:0px 3px 0 0 #fff, 0px -3px 0 0 #000;}
.exTab .nav-pills > li:first-child a, 
.exTab .nav-pills > li:first-child a:focus,
.exTab .nav-pills > li:first-child a:hover {border-left:0;}
.exTab .nav-pills > li + li{margin-left:0;}

.exTab h4 {margin:20px 0;}
.exTab .photoCaption a {color:#4d4d4d;}

.baselinetable td, .baselinetable th {border:1px solid #ccc;padding:3px 8px;}

.admin-bar #fixedCallout {top:83px !important;}


/* -------- NEWS PAGES ------- */
.updated,
.comments-link,
.sticky-post,
.entry-format {display:none;}
.entry-footer {margin:10px 0;}

.entry-footer .posted-on,
.entry-footer .cat-links {border-right:1px solid #ccc;padding-right:10px;}
.entry-footer .cat-links, 
.entry-footer .tags-links {padding-left: 10px;}
.secondary {margin-top:80px;}

/* ---------- news rollup on home page -------- */
.sticky.category-webinars {background:url(images/webinar-icon.png) no-repeat right top #ebebeb;}
.sticky.category-webinars .date {display:none;}

.blog .sticky.category-webinars {padding:20px 30px;}


/* --- overide the .glyphicon checkmark icon because DOE IE users have @font-face downloads blocked ---- */


.glyphicon.glyphicon-ok::before {
    background: rgba(0, 0, 0, 0) url(images/checkmark.png) no-repeat scroll 0 0 / 20px auto;
    content: "";
    display: block;
    height: 25px;
    width: 25px;
}

/* -------- About Page ------- */
.page-about .row.breakdown {padding-top:0;}
.page-about #nav_menu-2 ul > li:first-child:before {display:none;}
.page-about #nav_menu-2 {margin-bottom:60px;}

.widget a.btn.btn-lg.btn-default {white-space:normal;margin:10px 15px;}
.sidebarMenu {
    float: right;
    width: 25%;
    margin: 0 0 50px 20px;
    background: #eee;
    padding-bottom: 20px;
}
.widget h2 {
	font-size: 22px;
    margin: 10px 15px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 15px 0;
    text-align: center;
}

/* 10.31.2016 */
.page-template-page-with-widgets .entry-content {
    margin-top: 20px;
}

#breadcrumbs{
    list-style:none;
    margin:10px 0;
    overflow:hidden;
	padding:0;
}
  
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:8px;
	color:#fff;
}
  
#breadcrumbs .separator{
    font-size:13px;
    font-weight:100;
    color:#fff;
}
#breadcrumbs a {color:#fff;}
#breadcrumbs a:hover {text-decoration:underline;}

#masthead{margin-top:60px;margin-top:50px;min-height:200px;color:#fff;padding-top:20px;background:url(images/masthead-bg.jpg) no-repeat center -10px;}
#masthead h1, #masthead h2{font-family: 'Raleway', sans-serif;font-weight:300;font-size:44px;text-align:left;text-transform:uppercase;}
#masthead .inner {max-width:1170px;margin:auto;border:0;padding:0 10px;}

.page-ministers #masthead{background:url(images/ministers-bg.jpg) no-repeat center -10px / cover;}
.page-the-goal #masthead {background:url(images/photo-1440366382893-137339639fbd.jpg) no-repeat 50% 55%;}
.page-information-sharing #masthead {background:url(images/bg-overlay.png) repeat 0 0, url(images/information-sharing-img.jpg) no-repeat 50% 30%;}
.page-analysis-and-joint-research #masthead {background:url(images/analysis-joint-research-img.jpg) repeat 0 0;}
.page-business-and-investor-engagement #masthead {background:url(images/business-investor-engagement-img.jpg) repeat 0 0 / cover;}

#nav_menu-2 {background:#3AAF20;padding:20px;color:#fff;position:relative;}
#nav_menu-2::after {content:"";display:block;background:url(images/ribbon2.png) no-repeat 50% 0 / cover;width:100%;height:55%;position:absolute;bottom:-55%;left:0;}
#nav_menu-2 h2, #nav_menu-2  p, #nav_menu-2 li, #nav_menu-2 a {color:#fff;}
#nav_menu-2 ul > li {list-style:none;font-family:'Open Sans', sans-serif;font-size:22px;text-transform:uppercase;}
#nav_menu-2 li li{list-style:none;position:relative;padding-left:5px;font-size:13px;margin: 10px 0;}
#nav_menu-2 ul ul {padding-left:12px;}
#nav_menu-2 li.current-menu-item::before {width: 0;content:"";
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #ffffff;
	display:inline-block;
	position:absolute;
	top:4px;
	left:-10px;
}
#nav_menu-2 ul#menu-about-us {padding-left:10px;}
.page-ministers .sidebarMenu,
.page-steering-committee .sidebarMenu, 
.page-secretariat .sidebarMenu {padding-bottom:0;}

/* ---- Secretariat Page ---- */

.page-secretariat .gv-list-container.gv-container,
.page-steering-committee .gv-list-container.gv-container {
	width:100%;
}
.page-secretariat .gv-list-view, 
.page-steering-committee .gv-list-view {
	border:0;
    margin:20px 20px 20px 0;
    display: inline-block;
    border-collapse: collapse;
	width:250px;
	vertical-align:top;
	position: relative;		
    -webkit-box-shadow: 4px -4px 0px 0px #3AAF20;
    -moz-box-shadow: 4px -4px 0px 0px #3AAF20;
    box-shadow: 4px -4px 0px 0px #3AAF20;
}

.page-secretariat .gv-list-view-content, 
.page-steering-committee .gv-list-view-content {padding:0;position:relative;overflow:hidden;}
.page-secretariat .gv-list-view-content .gv-list-view-content-image, 
.page-steering-committee .gv-list-view-content .gv-list-view-content-image {
    padding: 0;
    max-width: 100%;
    width: 250px;
    height: 250px;
    overflow: hidden;
}

/* Add animation (Chrome, Safari, Opera) */
@-webkit-keyframes example {
    from {bottom:-59px;opacity: 1;}
    to {bottom:0px;opacity:1;}
}

/* Add animation (Standard syntax) */
@keyframes example {
    from {bottom:-59px;opacity: 1;}
    to {bottom:0px;opacity:1;}
}

.page-secretariat .gv-grid-col-2-3.gv-list-view-content-description, 
.page-steering-committee .gv-grid-col-2-3.gv-list-view-content-description {
    width: 250px;
    position: absolute;
    background-color: rgba(0,0,0,0.4);
    bottom: -59px;
    left: 0;
    right: 0;
    margin: auto;
	color:#fff;
	padding:10px;
	opacity:1.0;
	
}
.page-secretariat .gv-list-view-content .gv-list-view-content-image:hover + .gv-grid-col-2-3.gv-list-view-content-description, 
.page-steering-committee .gv-list-view-content-image:hover + .gv-grid-col-2-3.gv-list-view-content-description{
	/* Add animation */
  -webkit-animation-name: example; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
  animation-name: example;
  animation-duration: 0.5s;
  bottom: 0;}

.page-secretariat .gv-list-view-content-description p, 
.page-steering-committee .gv-list-view-content-description p {margin:0;font-size:12px;font-weight:400;}

.page-secretariat .gv-list-view-footer, 
.page-steering-committee .gv-list-view-footer {padding:0;}

.page-secretariat .gv-list-view-content-description .gridName p, 
.page-steering-committee .gv-list-view-content-description .gridName p{font-size:16px;}

/* ---- Ministers Page ---- */

.page-ministers .gv-list-container.gv-container {
    display: table;
	width:100%;
    border-collapse: collapse;
	border-left: 1px solid #3AAF20;	
	border-right: 1px solid #3AAF20;
	border-bottom: 1px solid #3AAF20;	
}

.page-ministers .gv-list-view {
	border:0;
    margin-bottom: 0;
    display: inline-block;
    border-collapse: collapse;
	width:50%;
	vertical-align:top;
	border-bottom: 1px solid #3AAF20;	
			
}
.page-ministers .gv-list-view:nth-child(1),
.page-ministers .gv-list-view:nth-child(2) {border-top: 1px solid #3AAF20;}
.page-ministers .gv-list-view:nth-child(even) {border-left: 1px solid #3AAF20;margin-left:-1px;}
.page-ministers .gv-list-view:nth-child(odd) {border-right: 1px solid #3AAF20;}
.page-ministers .gv-list-view:last-child {border-bottom: 0;	}

.page-ministers .gridName {font-size:18px;}
.gridName, .gridTitle, .gridCountry {font-weight:bold;}
.page-ministers .gv-list-view-content p {margin:5px 0;}
.page-ministers .gridCountry {margin-bottom:20px;}
.gridWebsite {display:inline-block;vertical-align:top;}
.gridWebsite a {font-weight:bold;}
.gridTwitter a, .gridLinkedin a{text-indent:-9000px;width:30px;height:31px;display:block;float:left;margin-right:15px;}
.gridTwitter a{background:url(images/icon-twitter.png) no-repeat 0 0;}
.gridLinkedin a{background:url(images/icon-linkedin.png) no-repeat 0 0;}

.page-ministers .gv-list-view-content .gv-list-view-content-image{
    padding: 0;
    max-width: 250px;
    width: 250px;
	height:250px;
	overflow:hidden;
	-webkit-box-shadow: 4px -4px 0px 0px #3AAF20;
	-moz-box-shadow: 4px -4px 0px 0px #3AAF20;
	box-shadow: 4px -4px 0px 0px #3AAF20;
}
.page-ministers .gv-grid-col-2-3.gv-list-view-content-description {width:47%;margin-left:30px;}
/* .page-ministers .gv-list-view-footer {display:none;} */
.page-ministers .gv-list-view-content {padding:2.35em 1em;}

.page-ministers .gv-container img {
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 120%;
    text-align: center;
    position: absolute;
    left: -20%;
    top: 0;
    right: -20%;
    bottom: 0;
	max-height:none;
	width:initial;
}
.page-ministers a.thickbox {
    width: 250px;
    height: 250px;
    display: block;
    overflow: hidden;
    position: relative;
	border:1px solid #3AAF20;
}

.sidebarMenu {float:right;width:25%;margin-bottom:50px;}

/* --------- Resources Page ------------ */
.page-resources .resourceRow .col-md-4 {min-height:325px;max-height:450px; overflow:hidden;}
.page-resources .resourceRow .col-md-4.publications,
.page-resources .resourceRow .col-md-4.featured_reports {background-color:#EBEBEB;} 
.row.resourceRow:last-child {
    margin-bottom: 60px;
}
.videos_and_photos {background:url(images/photo-vid-bg.jpg) no-repeat center top / cover;color:#fff;}
.page-resources .resourceRow .inner {border-bottom: 0;padding: 0px 15px;margin: 0;}
/* ---- */

@media screen and (min-width: 480px) {
    .hero {margin-top:30px; margin-bottom:30px;}
	body.home .hero {margin:30px auto 30px auto;}
	#heroWrap .col-lg-4 {min-height:477px;}
	#sitelogo {margin: 40px auto;padding: 20px 0;}
}
@media screen and (min-width: 768px) {
    .row.breakdown {padding:30px 0;}
}
@media screen and (max-width: 768px) {
	.countryList li a{
    background-position:4px 5px;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    margin: 8px 0;
    padding: 26px 20px 8px 2px;
    text-align: left;
	word-break:normal;
	line-height:1;
	border-radius:0;
	}
	
}
@media screen and (max-width: 480px) {
	.navbar-wrapper {margin: 0 0 50px 0;}
	.mobile {display:none;}
	.portfolioTable {width:100%;}
}
@media screen and (max-width: 400px) {
	.countryList li a{font-size:10px;}
}

@media screen and (max-width: 992px) {
	#sitelogo {margin:5px auto;padding:0;}
	.page-template-commitment-page .hero img {margin-top:20px;}
	#header > .container,
	.navbar > .container {width:100%;}
	
	
	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}