/*
Theme Name: Jhpiego
Theme URI: -
Version: 2.01
Author: Joel Bobeck
Author URI: http://www.bobeckmedia.com
License:
License URI:
*/



/* #Images
================================================== */
	img.scale-with-grid {
		max-width: 100%;
		height: auto; }
	/*img{ display: block; border: 1px solid rgb(221, 221, 221); padding: 3px;}*/
	
	iframe{ display: block; }
	

	
#wpadminbar img { display: inline; }

/* #Tabs (activate in tabs.js)
================================================== */
	ul.gdl-tabs { display: block; margin: 0 0 20px 0; padding: 0; list-style: none; border-bottom: solid 1px; }
	ul.gdl-tabs li { display: block; width: auto; height: 30px; padding: 0; float: left; margin-bottom: 0; }
	ul.gdl-tabs li a { display: block; text-decoration: none; width: auto; height: 29px; padding: 0px 20px; line-height: 30px;
		border: solid 1px; border-width: 1px 1px 0 0; margin: 0; cursor: pointer; background: #f5f5f5; font-size: 13px; }
	ul.gdl-tabs li a.active { background: #fff; height: 30px; position: relative; top: -4px; padding-top: 4px;
		border-left-width: 1px; margin: 0 0 0 -1px; color: #111;
		-moz-border-radius-topleft: 2px;  -webkit-border-top-left-radius: 2px;  border-top-left-radius: 2px; 
		-moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }
	ul.gdl-tabs li:first-child a.active { margin-left: 0; }
	ul.gdl-tabs li:first-child a { border-width: 1px 1px 0 1px;
		-moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; }
	ul.gdl-tabs li:last-child a { 
		-moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; }

	ul.gdl-tabs-content { margin: 0 0 20px; display: block; list-style: none; }
	ul.gdl-tabs-content > li { display:none; }
	ul.gdl-tabs-content > li.active { display: block; }

	/* Clearfixing tabs for beautiful stacking */
	ul.gdl-tabs:before,
	ul.gdl-tabs:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
	ul.gdl-tabs:after { clear: both; }
	ul.gdl-tabs { zoom: 1; }


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block; }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
		

	
/* #Custom Tag
================================================== */
	
	.sticky, .gallery-caption,
	.bypostauthor{ max-width: 100% !important; }
	.alignright{ float: right; margin-left: 10px; margin-bottom: 10px; }
	.alignleft{ float: left; margin-right: 10px; margin-bottom: 10px; }
	.aligncenter{ margin: 0 auto 0; }
	.shortcode-image-left{ margin-right: 12px; }
	.shortcode-imarg-right{ margin-left: 12px; }  
	
	.wp-caption, .wp-caption-text {
	  padding: 5px;
	  font-size: 14px;
	  line-height: 18px;
	  font-style: italic;
	  margin-bottom: 10px;
      max-width: 100%;
}

	br.clear{ clear: both; height: 0px; display: block; }
	.display-none{ display: none; } 
	.overflow-hidden{ position: relative; overflow: hidden; }
	
	.mt0{ margin-top: 0px !important;}
	.mt10{ margin-top: 10px !important; }
	.mt15{ margin-top: 15px !important; }
	.mt20{ margin-top: 20px !important; }
	.mt25{ margin-top: 25px !important; }
	.mt30{ margin-top: 30px !important; }
	.mt40{ margin-top: 40px !important; }
	.mb0{ margin-bottom: 0px !important; }
	.mb5{ margin-bottom: 5px !important; }
	.mb10{ margin-bottom: 10px !important; }
	.mb15{ margin-bottom: 15px !important; }
	.mb20{ margin-bottom: 20px !important; }
	.mb30{ margin-bottom: 30px !important; }
	.ml0{ margin-left: 0px !important; }
	.mr0{ margin-right: 0px !important; }
	
	.pt25{ padding-top: 25px !important; }

	/*disable blank space*/
	cufon[alt=" "]{ 
	   display: none !important; 
	} 
	
	/*--- color animation ---*/
	a{
		transition: color 300ms, background-color 300ms, opacity 300ms;
		-moz-transition: color 300ms, background-color 300ms, opacity 300ms;    /* FF3.7+ */
		-o-transition: color 300ms, background-color 300ms, opacity 300ms;      /* Opera 10.5 */
		-webkit-transition: color 300ms, background-color 300ms, opacity 300ms; /* Saf3.2+, Chrome */ }	

.text-center {text-align: center;}


/* #Theme Style
================================================== */
div.body-wrapper{ }
div#custom-full-background{ position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; z-index: -1; }
div#custom-full-background img{ 
	position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;
	min-width: 50%; min-height: 50%; z-index: -1; }
div.container{ }
	
.preloader { display: block; background:url(images/loading.gif) center center no-repeat; }
	
/*--- Header ---*/
div.header-wrapper{ position: relative; margin: 0px 20px; padding: 1rem 0;}
div.logo-wrapper{ float: left; } 
div.logo-wrapper img{ display: inline-block;} 
div.outer-social-wrapper{ float: right; text-align: right; }
div.social-icon-wrapper{ float: right; }
div.social-wrapper { float: right; text-align: right; font-size: 15px; font-weight: bold;}
div.social-wrapper-text { margin-bottom: 10px; }
div.social-icon:first-child { margin-left: 0px; }
div.social-icon { float: left; margin-left: 11px; opacity: 0.55; filter: alpha(opacity=55); cursor: pointer; }

/*--- Top Navigation ---*/
div.top-navigation-wrapper{ position: relative; z-index: 20; min-width: 980px; }
div.top-navigation-wrapper-gimmick{ padding-bottom: 2px; }
div.top-navigation.container{ 
	font-size: 11px; padding-top: 7px; padding-bottom: 7px; line-height: 100%;
	text-align: center; background: transparent;
	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;}
div.top-navigation-right{ float: right; margin-right: -9px;}
div.top-navigation-left{ float: left; margin-left: -9px;}
div.top-navigation-left ul{ list-style: none; margin-left: 0px;}
div.top-navigation-left li{ float: left; }
div.top-navigation-left li a{ color: inherit; padding: 0px 8px 0px 8px; line-height: 100%; display: block; }
div.top-navigation-left li:last-child a{ padding-right: 0px;}
div.top-navigation-left li ul{ display: none; }
div.top-navigation-left ul li:last-child a{ border-right: 0px !important; }
div.top-navigation-left ul li:first-child a{ padding-left: 0px !important; }

div.top_navigation-header-padding{ padding-top: 15px; }
div.top-navigation-wrapper.container{ 
	padding-top: 5px; padding-bottom: 0px; background: transparent; }

/*--- Navigation ---*/
div.navigation-wrapper{
	font-size: 18px; font-weight: bold; text-align: center; }

div.navigation-wrapper ul li ul li{ font-weight: normal; }
div.responsive-container-wrapper{ display: none; }
div.responsive-menu-wrapper{ margin: 0px 20px; }
div.responsive-menu-wrapper select{ width: 100%; height: 30px; margin-bottom: 20px; }
div#main-superfish-wrapper{ margin-left: 5px; }


/*--- Donate to Jhpiego ---*/
div.bannerad {padding-top: 40px; padding-bottom: 30px; float: right;}
div.jhpiego-donate {padding-top: 60px; /*padding-bottom: 30px;*/ float: right; text-align: right;}

/*--- Search Form ---*/
div.search-wrapper{ float: right; }
div.search-wrapper form { margin: 0px; padding: 9px 0px 9px 0px; }
div.search-wrapper #search-text{ width: 1px; overflow: hidden; float: left; }
div.search-wrapper input[type="text"]{
	font-size: 11px; padding: 2px 5px 2px 6px; margin: 0px 0px 0px 9px; width: 150px; height: 19px; 
	line-height: 19px; border: 0px;}
div.search-wrapper input[type="submit"]{
	padding: 0px; margin: 3px 10px 3px 10px; width: 17px; height: 17px; float: right;
	border: 0px; 
	
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none}

/*--- Content ---*/
div.content-wrapper{ position: relative; }

/*--- Page ---*/
div.gdl-page-item{ padding-bottom: 30px; }
div.gdl-page-content{ margin-top: 35px; }

div.pagination{ 
	margin: 25px 10px 0px 10px; border-top: 1px solid; text-align: right; padding-right: 20px;
	position: relative; z-index: 99;}
div.pagination a, div.pagination span{ 
	padding-left: 12px; padding-right: 12px; height: 25px; line-height: 25px; display: inline-block; 
	text-align: center; border-bottom: 1px solid #ececec; border-left: 1px solid; 
	border-color: inherit; color: inherit; }
div.pagination a:last-child, div.pagination span:last-child{ border-right: 1px solid; border-color: inherit; }
div.pagination a:hover{ background: none; color: inherit; }
div.pagination span{ }
	
/*--- Sidebar ---*/
div.gdl-left-sidebar{ float: left; }
div.gdl-right-sidebar{ float: left; }
div.gdl-page-item{ float: right; }
div.gdl-page-float-left{ float: left; }

div.custom-sidebar { border-color: inherit; margin-bottom: 40px; clear: both; }
div.custom-sidebar div { border-color: inherit; }
div.custom-sidebar ul{ list-style: none; margin-left: 0px; border-color: inherit; }	
div.custom-sidebar ul li{ 
	padding-top: 9px; padding-bottom: 9px; border-bottom: 1px solid; border-color: inherit; }	
div.custom-sidebar ul li{ padding-left: 15px; background-position: 0px 4px; }
div.custom-sidebar ul li li:last-child{ 
	border-bottom: none; padding-bottom: 0px; }	
div.custom-sidebar #recentcomments a{background: none; }		
div.custom-sidebar #twitter_update_list{ font-family: 'Droid Serif'; font-style: italic;}
div.custom-sidebar #twitter_update_list li{ background: none; padding-left: 0px; }
div.custom-sidebar #twitter_update_list li span{
display: inline-block;
}
div.custom-sidebar #twitter_update_list li span a { margin-top: 0px; margin-right: 6px; padding-left: 2px; display: inline-block;
}
div.custom-sidebar #twitter_update_list li a {display: table;
margin-top: 10px;
float: none;
clear: both;
}

.socialmedia img {float: left; padding-right: 5px;}

/*--- Custom Widget ---*/
div.custom-sidebar .textwidget{ margin-top: 15px; }

div.custom-sidebar .gdl-recent-post-widget{ border-color: inherit; }
div.custom-sidebar  .recent-post-widget{ 
	padding-top: 13px; padding-bottom: 13px; border-bottom: 1px solid; border-color: inherit; }
div.custom-sidebar  .recent-post-widget-thumbnail{
	background-color: #f3f3f3; padding: 4px; margin-right: 12px; border: 1px solid #fff;  float: left; }
div.custom-sidebar  .recent-post-widget-context{ overflow: hidden; margin-top: 2px; }
div.custom-sidebar  .recent-post-widget-date{
	margin-top: 4px; height: 16px; line-height: 19px; font-family: 'Droid Serif'; font-style: italic;
	background-position: 0px 0px; padding-left: 22px; }
div.custom-sidebar  .recent-post-widget-comment-num{
	margin-top: 4px; height: 16px; line-height: 19px; font-family: 'Droid Serif'; font-style: italic;
	background-position: 0px 0px; padding-left: 22px; }

div.custom-sidebar .twitter-whole{ border-color: inherit; }
div.custom-sidebar .twitter-whole ul li  a{ background: none; padding: 0px; }

div.custom-sidebar .flickr-widget{ margin-top: 10px; display: inline-block; }
div.custom-sidebar .flickr_badge_image{	margin: 10px 10px 0px 0px; float: left; width: 56px; height: 56px; }
div.custom-sidebar .flickr-widget img{ width: 56px; height: 56px; }

div.custom-sidebar .contact-widget-whole ol{ list-style: none; margin-left: 0px; margin-top: 15px; }
div.custom-sidebar .contact-widget-whole ol li{ margin-right: 10px; }
div.custom-sidebar .contact-widget-whole input,
div.custom-sidebar .contact-widget-whole textarea{ margin-bottom: 16px; }
div.custom-sidebar .screenReader{ display: none; }

div.custom-sidebar .gdl-recent-port-widget{ margin-top: 10px; }
div.custom-sidebar .recent-port-widget{ float: left; margin-right: 10px; margin-top: 10px; }

/* Sidebar right/left */	
div.right-sidebar-wrapper{ 
	padding-bottom: 1px;
	border-left: 1px solid;
	padding-top: 32px;
	padding-left: 20px; }
div.right-sidebar-wrapper .custom-sidebar-title{ 
	padding: 0px 0px 10px 0px; font-size: 21px; border-bottom: 1px solid; border-color: inherit; }

div.left-sidebar-wrapper{ border-right: 1px solid #ececec; padding-right: 20px; padding-top: 32px; padding-bottom: 1px; }
div.left-sidebar-wrapper .custom-sidebar-title{
	padding: 0px 0px 10px 0px; font-size: 21px; border-bottom: 1px solid; border-color: inherit; }

/* Sitemap */
div.sitemap .custom-sidebar-title{ padding: 0px 0px 10px 0px; font-size: 17px; border-bottom: 1px solid; border-color: inherit; }



/* Calendar */
#calendar_wrap{ border-color: inherit; }
#wp-calendar{ width: 100%; border-color: inherit; border-width: 0px; }
#wp-calendar caption{ font-size: 13px; font-weight: bold; margin: 5px auto 15px; padding-bottom: 6px; border-bottom: 1px solid; border-color: inherit; }
#wp-calendar td{ padding: 4px; text-align: center; border-right: 0px; }
#wp-calendar th{ padding: 0px; text-align: center; border-right: 0px; border-bottom: 0px; background: transparent;  }

/* search widget */
div.custom-sidebar #searchsubmit{ position: absolute; height: 27px; top: 0px; right: 2px; cursor: pointer;
	width: 28px; border: 0px; border-image: initial; 
	
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none;}
div.custom-sidebar #search-text{ margin-right: 10px; }
div.custom-sidebar #searchform{ position: relative; margin-bottom: 0; }
div.custom-sidebar #search-text input[type="text"]{ margin-bottom: 0; width: 100%; }
div.custom-sidebar #searchform br.clear{ display: none; }

/* contact form */
div.custom-sidebar label, legend { font-weight: bold; margin-bottom: 7px; }
div.custom-sidebar .error{ font-family: 'Droid Serif'; font-style: italic; margin-bottom: 15px; }
div.custom-sidebar #contactForm input, div.custom-sidebar #contactForm textarea { width: 100%;  }

/*--- Footer ---*/
div.footer-wrapper .container{ background: transparent; 
	
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none; }
div.footer-widget-wrapper{ padding: 3rem 0 2rem;}
div.footer-widget-wrapper h3 { color: #ffffff; text-align: center; margin-bottom: 3%;}
div.footer-widget-wrapper .custom-sidebar{ }
div.footer-widget-wrapper .custom-sidebar-title{ font-size: 16px; margin-bottom: 10px;}

/* Footer custom widget*/
div.footer-wrapper div.contact-form-wrapper input[type="text"], 
div.footer-wrapper div.contact-form-wrapper input[type="password"], 
div.footer-wrapper div.contact-form-wrapper textarea, 
div.footer-wrapper div.custom-sidebar #search-text input[type="text"], 
div.footer-wrapper div.custom-sidebar .contact-widget-whole input, 
div.footer-wrapper div.custom-sidebar .contact-widget-whole textarea {
	 -moz-box-shadow: none; 
	 -webkit-box-shadow: none; 
	 box-shadow: none; }
div.footer-wrapper button{ -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: 0 !important; background: #222 !important; }
div.footer-wrapper #wp-calendar caption{ font-size:15px; border: none; margin-bottom: 15px; }
div.footer-wrapper div.custom-sidebar .recent-post-widget-thumbnail {  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

/*--- Copyright ---*/
div.copyright-container{ padding-top: 12px; padding-bottom: 12px; font-size: 11px; font-weight: bold; }
div.copyright-left{ text-align: left; float: left; margin-left: 10px; }
div.copyright-right{ text-align: right; float: right; margin-right: 10px; } 

/*--- Comments ---*/
div.comment-wrapper{  margin-top: 40px; }
div.comment-wrapper .comment-title{  font-size: 18px; }
div.comment-wrapper .comment-form-comment{  margin-right: 40px; }
div.comment-wrapper #reply-title{ font-size: 18px; margin-bottom: 15px; }
div.comment-wrapper input[type="text"], 
div.comment-wrapper input[type="password"] {
	width: 320px; height: 30px; line-height: 30px; padding: 0px 0px 0px 10px; 
	margin: 5px 5px 25px; line-height: 20px; }
div.comment-wrapper textarea{
	height: 165px; width: 590px; margin: 5px 5px 25px; padding: 10px; max-width: 100%;
	line-height: 20px; }

div.comment-wrapper .comment-form-captcha img { float: left; margin-right: 20px; margin-top: 1px; }
div.comment-wrapper .comment-form-author input,
div.comment-wrapper .comment-form-email input,
div.comment-wrapper .comment-form-url input { float: left; }
div.comment-wrapper .comment-form-captcha input { float: left; width: 205px; }
div.comment-wrapper .comment-form-author label,
div.comment-wrapper .comment-form-email label,
div.comment-wrapper .comment-form-url label,
div.comment-wrapper .comment-form-captcha label { float: left; line-height: 32px; margin: 5px 0px 0px 10px; }
div.comment-wrapper .comment-form-author span,
div.comment-wrapper .comment-form-email span,
div.comment-wrapper .comment-form-url span,
div.comment-wrapper .comment-form-captcha span { float: left; line-height: 32px; margin-left: 2px; }

	
ol.comment-list{ margin: 0px; list-style: none; }
ol.comment-list .comment-body{ border-bottom: 1px solid; margin-top: 22px; padding-bottom: 22px; }
ol.comment-list ul{ margin: 0px 0px 0px 30px; list-style: none; }
div.comment-avartar{ float: left; width: 60px; }
div.comment-context{ margin-left: 80px; }
span.comment-author{  margin-right: 5px; font-size: 16px; }
span.comment-date{  margin-right: 5px; font-style: italic; font-family: 'Droid Serif'; font-size: 11px;}
span.comment-time{ margin-right: 5px; font-style: italic; }
div.comment-content{ margin-top: 7px; }

div.comment-wrapper #respond{ margin-top: 30px; }

/* Slider */
div.slider-wrapper{ position: relative; overflow: hidden; }
div.slider-bottom-gimmick{ height: 5px; width: 100%; }
div.slider-top-shadow{ 
	height: 6px; width: 100%; position: absolute; top: -1px; z-index: 100;
	background: url('images/gradient-vertical-6px.png'); }
div.slider-bottom-shadow{ 
	height: 6px; width: 100%; position: absolute; bottom: 4px; z-index: 100;
	background: url('images/gradient-vertical-6px.png') 0px 6px;}
.gdl-slider-title{
	margin-left: -2px; padding-bottom: 7px; font-size: 28px; line-height: 30px;
}

/* Accordion */
h3.accordion-header-title{ font-size: 18px; margin-bottom: 25px; }
ul.gdl-accordion{ list-style: none !important; margin-left: 0px !important; }
ul.gdl-accordion li{ list-style: none; background: none !important; border-bottom: 1px solid; padding-top: 15px; }
ul.gdl-accordion li:first-child{ list-style: none; border-bottom: 1px solid; padding-top: 0px; }
h2.accordion-head{ 
	margin-bottom: 0px; padding: 0px 0px 15px 0px; 
	line-height: 21px; font-size: 16px; cursor: pointer; display: block; }
div.accordion-content{ padding: 0px 0px 20px 37px; overflow: hidden; }
span.accordion-head-image{ width: 24px; height: 24px; float: left; margin-right: 13px; cursor: pointer; display: block; }
div.accordion-head p{ margin-bottom: 0px; }
ul.gdl-accordion .accordion-content ul li { list-style: disc; border-bottom: 0px; margin-bottom: 5px; }

ul.gdl-accordion .accordion-content ol li { list-style: decimal; }
ul.gdl-accordion .accordion-content .shortcode-list ul li { list-style: none; }

/* Gallery */
h3.gallery-header-title{ font-size: 18px; margin-bottom: 25px; margin-left: 10px; }
div.gallery-thumbnail-image{ padding: 4px; }
.gdl-gallery-caption { font-size: 14px; margin-top: 8px; }

/* Toggle Box */
h3.toggle-box-header-title{ font-size: 18px; margin-bottom: 25px; }
ul.gdl-toggle-box{ margin-left: 0px; }
ul.gdl-toggle-box li{ list-style: none; border-bottom: 1px solid #ececec; margin-bottom: 15px; }
h2.toggle-box-head{ padding: 0px 0px 0px 0px; line-height: 21px; font-size: 16px; cursor: pointer; }
div.toggle-box-content{ padding: 0px 0px 20px 37px; overflow: hidden; }
span.toggle-box-head-image{ width: 24px; height: 24px; float: left; margin-right: 13px; cursor: pointer; }
div.toggle-box-head p{ margin-bottom: 0; }
ul.gdl-toggle-box .toggle-box-content ul li { list-style: inherit; border-bottom: 0px; margin-bottom: 5px; }

/* Column Service */
div.column-service-image{ 
	float:left; width: 32px; height: 32px; text-align: center; 
	line-height: 32px; margin: 0px 10px 0px 10px; }
div.column-service-image img{ vertical-align: middle; }
div.column-service-content{ margin: 0px 0px 0px 62px;  }
h2.column-service-title{ font-size: 17px; margin-bottom: 12px; }

/* Stunning Text */
div.stunning-text-wrapper{ padding-top: 35px; padding-bottom: 35px; clear: both;}
h1.stunning-text-title{ line-height: 30px; font-size: 24px; font-weight: bold; padding: 0px 25px 0px 25px;}
div.stunning-text-caption{ font-size: 13px; padding: 0px 25px 0px 25px; margin-top: 8px;}
div.stunning-text-button-wrapper{ text-align: center; } 
a.stunning-text-button{ 
	padding: 0px 27px 0px 27px; height: 38px; line-height: 38px; font-size: 16px;
	background: url('images/gradient-top-32px.png') repeat-x; float: right; margin-top: 15px; margin-right:20px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	}
	
/* Testimonial */
h3.testimonial-header-title{ font-size: 18px; margin-bottom: 25px; margin-left: 10px; }
div.testimonial-no-header{ padding-top: 47px }
div.testimonial-icon{ 
	width: 18px; height: 18px; float: left; margin-top: 2px; margin-right: 15px; margin-left: 1px; }
div.testimonial-author{ 
	margin-top: 20px; margin-bottom: 20px;  padding-bottom: 20px; margin-right: 3px; font-weight: bold; font-size: 13px; 
	text-align: right; border-bottom: 1px solid; }
	
div.testimonial-carousel-shortcode-wrapper{ position: relative; overflow: hidden; }	
div.testimonial-carousel-shortcode-wrapper h3.testimonial-header-title{ margin-left: 0px; }	

div.jcarousellite{ overflow: hidden;} 
div.jcarousellite ul{ width: 1000%; margin: 0px; list-style: none;} 
div.jcarousellite ul li{ float: left; } 
div.jcarousellite-nav{ position: absolute; top: 0px; right: 10px; margin-right: 3px; }
div.jcarousellite-nav .prev{ width: 20px; height: 20px; cursor:pointer; float: left; margin-left: 5px; }
div.jcarousellite-nav .next{ 
	width: 20px; height: 20px; cursor:pointer; float: left; margin-left: 5px; background-position: 20px 0px !important; }

div.custom-sidebar .jcarousellite ul li { border-bottom: 0px; padding-left: 0px; background: none !important; }	
	
/* Divider */
div.divider{ position: relative; margin-top: 8px; }
div.scroll-top{ position: absolute; top: -19px; right: 2px; cursor: pointer; font-size: 10px; }

/* Portfolio */
div.portfolio-thumbnail-image,
div.portfolio-thumbnail-video,
div.portfolio-thumbnail-slider{ padding: 4px; }
h3.portfolio-header-title{ font-size: 18px; margin: 33px 0px 0px 10px; }
div.portfolio-view-all-project{ position: absolute; right: 10px; top: 33px; font-style: italic; }
div.portfolio-thumbnail-image{ text-align: center; position: relative; }
div.portfolio-thumbnail-image img{ display: block; margin: 0px auto; }
div.portfolio-thumbnail-video{ text-align: center; }
div.portfolio-thumbnail-video object{ display: block; margin: 0px auto;}
div.portfolio-thumbnail-slider{ text-align: center; margin: 0px auto; overflow: hidden; }
div.portfolio-thumbnail-slider .flexslider{ display: block; }
div.portfolio-thumbnail-slider ol.flex-control-nav{ display: none; }
div.portfolio-thumbnail-slider ul.flex-direction-nav .flex-prev{ 
	background: url('images/thumbnail-nav.png'); width: 31px; 
	height: 24px; bottom: 0px; left: 0px; top: auto;}
div.portfolio-thumbnail-slider ul.flex-direction-nav .flex-next{
	background: url('images/thumbnail-nav.png'); width: 31px; height: 24px;
	background-position: 31px 0px; bottom: 0px; left: 31px; top:auto; }
h2.portfolio-thumbnail-title{ font-size: 15px; margin-top: 15px; margin-bottom: 10px; }
div.portfolio-thumbnail-title a{ color: inherit; }
div.portfolio-thumbnail-content{ margin-top: 8px; }
div.portfolio-bottom{ height: 15px; display: block; clear: both; }

span.portfolio-thumbnail-image-hover{
	opacity: 0; filter: alpha(opacity=0); position: absolute; width: 100%; height: 100%; 
	background-color: #fff; overflow: hidden; display: block; }
span.portfolio-thumbnail-image-hover span{ 
	top: 50%; left: -50%; margin-left: -16px; margin-top: -16px; width: 32px; height: 32px; 
	position: absolute; display: block; }
span.portfolio-thumbnail-image-hover span.hover-link{ background: url('images/link.png') no-repeat; }
span.portfolio-thumbnail-image-hover span.hover-video{ background: url('images/video.png') no-repeat; }
span.portfolio-thumbnail-image-hover span.hover-zoom{ background: url('images/zoom.png') no-repeat; }

a.portfolio-read-more{ margin-right: 12px; margin-top: 15px; float: left; }
a.portfolio-visit-website{ margin-top: 15px; float: left; }

.portfolio-item-holder.masoned{ overflow: hidden; }

/* fullwidth portfolio */
div.sixteen.columns.portfolio-item {  padding-bottom: 22px; border-bottom: 1px solid #ececec;}
div.sixteen.columns.portfolio-item:last-child { padding-bottom: 0px; border: 0px; }
div.sixteen.columns.portfolio-item .portfolio-thumbnail-image,
div.sixteen.columns.portfolio-item .portfolio-thumbnail-video,
div.sixteen.columns.portfolio-item .portfolio-thumbnail-slider{ float: left; width: 620px; }
div.sixteen.columns.portfolio-item .portfolio-thumbnail-context{ padding-left: 20px; float: none; overflow: hidden; }
div.sixteen.columns.portfolio-item .portfolio-thumbnail-title{ font-size: 18px; margin-top: 12px; }
div.sixteen.columns.portfolio-item .portfolio-thumbnail-content{ margin-top: 12px; }
div.sixteen.columns.portfolio-item a.portfolio-read-more{ margin-top: 22px; }
div.sixteen.columns.portfolio-item a.portfolio-visit-website{ margin-top: 22px; }

div.sidebar-included .sixteen.columns.portfolio-item .portfolio-thumbnail-image,
div.sidebar-included .sixteen.columns.portfolio-item .portfolio-thumbnail-video,
div.sidebar-included .sixteen.columns.portfolio-item .portfolio-thumbnail-slider{ float: left; width: 320px; }
div.sidebar-included div.sixteen.columns.portfolio-item .portfolio-thumbnail-context{ padding-left: 20px; margin-right: 10px;}
div.both-sidebar-included .sixteen.columns.portfolio-item .portfolio-thumbnail-image,
div.both-sidebar-included .sixteen.columns.portfolio-item .portfolio-thumbnail-video,
div.both-sidebar-included .sixteen.columns.portfolio-item .portfolio-thumbnail-slider{ float: left; width: 180px; }
div.both-sidebar-included div.sixteen.columns.portfolio-item .portfolio-thumbnail-context{ padding-left: 20px; margin-right: 10px;}

ul#portfolio-item-filter{ margin: 14px 0px 8px 0px; list-style:none; }
ul#portfolio-item-filter li { float: left; margin: 12px 2px 0px 10px; }

/* Single */

div.single-thumbnail-date{ 
	height: 16px; line-height: 20px; font-style: italic; margin-right: 20px; padding-left: 23px; float: left; }
div.single-thumbnail-author{ 
	height: 16px; line-height: 20px; float: left; /*margin-right: 20px;*/ padding-left: 23px; }
div.single-thumbnail-comment{
	height: 16px; line-height: 20px; float: right; padding-left: 21px; } 
div.single-thumbnail-tag{
	height: 16px; line-height: 16px; float: left; margin-right: 20px; padding-left: 23px; } 
div.single-thumbnail-context{ padding-top: 20px; }
div.single-content{ margin-top: 20px; } 


div.single-port-prev-nav{ float: left; }
div.single-port-prev-nav a{ float: left; }
div.single-port-prev-nav .left-arrow{ width: 8px; height: 5px; float: left; margin-top: 6px; margin-right: 8px; }
div.single-port-next-nav{ float: left; margin-left: 30px; }
div.single-port-next-nav a{ float: left;}
div.single-port-next-nav .right-arrow{ width: 8px; height: 5px; float: left; margin-top: 6px; margin-left: 8px; }

div.single-port-thumbnail-image,
div.single-port-thumbnail-video,
div.single-port-thumbnail-slider{ padding: 4px; }
div.single-port-nav{ float: right; margin-top: 18px; margin-bottom: 18px; }
h1.single-port-title{ border-bottom: 1px solid; font-size: 21px; padding-bottom: 8px; margin-top: 30px; margin-bottom: 0px; }
h1.single-port-title a{ color: inherit; }
div.single-port-content{ margin-top: 22px; } 
div.single-port-info{ margin-top: 30px; font-style: italic; font-family: Droid Serif; } 
div.single-port-info span.head{ font-weight: bold; margin-right: 5px; }
div.single-port-date{ margin-top: 8px; }
div.single-port-tag{ margin-top: 8px; }
div.single-port-visit-website{ padding-left: 28px; margin-top: 10px; }
div.about-author-wrapper{ margin-top: 40px; padding: 18px; }
div.about-author-avartar{ float: left; margin-right: 20px; width: 90px; }
div.about-author-info{ overflow: hidden; }
div.about-author-title{ font-size: 18px; margin-top: 3px; margin-bottom: 5px; }

div.social-share-title{ margin-top: 40px; font-size: 18px; }
div.social-shares ul{ list-style: none; margin-left: 0px; margin-top: 15px; }
div.social-shares ul li{ float: left; margin-right: 15px; margin-bottom: 15px; }

/* Blog */
h3.blog-header-title{ font-size: 18px; margin: 40px 0px 25px 10px; }
h2.blog-thumbnail-title  a{ color: inherit; }
div.blog-thumbnail-image,
div.blog-thumbnail-slider,
div.blog-thumbnail-video{ padding: 4px; margin-bottom: 18px; }
div.blog-thumbnail-info{ font-family: Droid Serif; font-style: italic; }
a.blog-continue-reading{ margin-top: 14px; display: block; } 	
a.blog-read-more{ margin-right: 15px; margin-top: 15px; float: left; }

div.blog-item-holder .blog-item0:last-child{ border-bottom: 0px; }
div.blog-item-holder .blog-item0{ border-bottom: 1px solid; padding-top: 10px; }
div.blog-item-holder .blog-item0 .blog-thumbnail-image,
div.blog-item-holder .blog-item0 .blog-thumbnail-video,
div.blog-item-holder .blog-item0 .blog-thumbnail-slider{ float: left; margin-right: 10px; margin-bottom: 10px; width: 55px; height: 55px; }
div.blog-item-holder .blog-item0 .blog-thumbnail-slider .flex-caption,
div.blog-item-holder .blog-item0 .blog-thumbnail-slider  ol.flex-control-nav,
div.blog-item-holder .blog-item0 .blog-thumbnail-slider  ul.flex-direction-nav{ display: none;}
div.blog-item-holder .blog-item0 .blog-thumbnail-context{ overflow: hidden; float: none; } 
div.blog-item-holder .blog-item0 .blog-thumbnail-title{ margin-top: 5px; margin-bottom: 0px; font-size: 12px;} 
div.blog-item-holder .blog-item0 .blog-thumbnail-date{ margin-top: 8px; margin-bottom: 10px; font-family: 'Droid Serif'; font-style: italic; } 

div.blog-item-holder .blog-item1{ padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #ececec; }
div.blog-item-holder .blog-item1:last-child{ border: 0px; padding-bottom: 0px; }
div.blog-item-holder .blog-item1 .blog-thumbnail-title{ font-size: 20px; padding-top: 2px; padding-bottom: 4px; margin-bottom: 0; }
div.blog-item-holder .blog-item1 .blog-thumbnail-context{ float: none; overflow: hidden; } 
div.blog-item-holder .blog-item1 .blog-thumbnail-image,
div.blog-item-holder .blog-item1 .blog-thumbnail-video,
div.blog-item-holder .blog-item1 .blog-thumbnail-slider{ float: left; width: 460px; margin-right: 20px; }
div.blog-item-holder .blog-item1 .blog-thumbnail-info{ font-size: 11px; margin-bottom: 16px; }
div.blog-item-holder .blog-item1 .blog-thumbnail-date{ 
	height: 16px; line-height: 20px; font-style: italic; padding-left: 22px; float: left;
	background-position: 0px 0px; }
div.blog-item-holder .blog-item1 .blog-thumbnail-comment{
	height: 16px; line-height: 20px; margin-left: 20px; float: left; padding-left: 22px;
	background-position: 0px 0px; } 
	
div.sidebar-included .blog-item-holder .blog-item1 .blog-thumbnail-image,
div.sidebar-included .blog-item-holder .blog-item1 .blog-thumbnail-video,
div.sidebar-included .blog-item-holder .blog-item1 .blog-thumbnail-slider{ float: left; width: 210px; }
div.both-sidebar-included .blog-item-holder .blog-item1 .blog-thumbnail-image,
div.both-sidebar-included .blog-item-holder .blog-item1 .blog-thumbnail-video,
div.both-sidebar-included .blog-item-holder .blog-item1 .blog-thumbnail-slider{ float: none; width: auto;  }
div.both-sidebar-included .blog-item1 .blog-thumbnail-context{ padding: 0px 0px 0px 0px; width: auto; }	

div.blog-item-holder .blog-item2{ padding-top: 40px; padding-bottom: 10px; }
div.blog-item-holder .blog-item2 .blog-thumbnail-title{ padding-bottom: 16px; font-size: 21px; margin-bottom: 0px; }
div.blog-item-holder .blog-item2 .blog-thumbnail-info{ 
	padding-top: 7px; padding-bottom: 7px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec;
	margin-bottom: 21px; font-size: 11px; }
div.blog-item-holder .blog-item2 .blog-thumbnail-date{ 
	height: 16px; line-height: 20px; margin-right: 20px; font-style: italic; padding-left: 23px; float: left; }
div.blog-item-holder .blog-item2 .blog-thumbnail-author{ 
	height: 16px; line-height: 20px; /*margin-right: 20px;*/ float: left; padding-left: 23px; }
div.blog-item-holder .blog-item2 .blog-thumbnail-comment{
	height: 16px; line-height: 20px; float: right; padding-left: 21px; } 
div.blog-item-holder .blog-item2 .blog-thumbnail-tag{
	height: 16px; line-height: 16px; margin-right: 20px; float: left; padding-left: 23px; } 
div.blog-item-holder .blog-item2 .blog-thumbnail-context{ }

div.blog-item-holder .blog-item3{ padding-top: 25px; padding-bottom: 25px; }
div.blog-item-holder .blog-item3 .blog-thumbnail-slider .flex-caption,
div.blog-item-holder .blog-item3 .blog-thumbnail-slider  ol.flex-control-nav{ display: none;}
div.blog-item-holder .blog-item3 .blog-thumbnail-slider  ul.flex-direction-nav .flex-prev{ 
	background: url('images/thumbnail-nav.png'); width: 31px; 
	height: 24px; bottom: 0px; left: 0px; top: auto;}
div.blog-item-holder .blog-item3 .blog-thumbnail-slider  ul.flex-direction-nav .flex-next{
	background: url('images/thumbnail-nav.png'); width: 31px; height: 24px;
	background-position: 31px 0px; bottom: 0px; left: 31px; top:auto; }
div.blog-item-holder .blog-item3 .blog-thumbnail-title{ font-size: 15px; margin-top: 15px; margin-bottom: 10px; }
div.blog-item-holder .blog-item3 .blog-thumbnail-content{ margin-bottom: 15px; }
div.blog-item-holder .blog-item3 .blog-thumbnail-info{ border-top-style: solid; border-top-width: 1px; padding-top: 5px; }
div.blog-item-holder .blog-item3 .blog-thumbnail-date,
div.blog-item-holder .blog-item3 .blog-thumbnail-author,
div.blog-item-holder .blog-item3 .blog-thumbnail-comment,
div.blog-item-holder .blog-item3 .blog-thumbnail-tag{ height: 16px; line-height: 20px; margin-right: 20px;
	margin-bottom: 5px; font-style: italic; padding-left: 23px; float: left; }

/* Message Box */
div.message-box-wrapper{ border:1px solid; padding: 20px; margin-bottom: 20px; }
div.message-box-title{ font-weight: bold; font-size: 14px; margin-top: 2px; }
div.message-box-content{ margin-top: 12px; }

div.message-box-wrapper.red{ background-color: #ffdcdd; border-color: #e9b9bb; color: #713a3c;}
div.message-box-wrapper.red .message-box-title{ color: #8d4345;}
div.message-box-wrapper.yellow{ background-color: #ffffe0; border-color: #e1db8b; color: #4d4d39;}
div.message-box-wrapper.yellow .message-box-title{ color: #737357;}
div.message-box-wrapper.blue{ background-color: #c2e1ee; border-color: #8ec3d9; color: #3d5058;}
div.message-box-wrapper.blue .message-box-title{ color: #475d66;}
div.message-box-wrapper.green{ background-color: #e1ffd9; border-color: #badeb1; color: #435b3d;}
div.message-box-wrapper.green .message-box-title{ color: #526d4b;}

/* Shortcode */
.shortcode1-4{ width: 23%; margin-right: 2%; float: left; }
.shortcode1-3{ width: 31.33%; margin-right: 2%; float: left; }
.shortcode1-2{ width: 48%; margin-right: 2%; float: left; }
.shortcode2-3{ width: 64.66%; margin-right: 2%; float: left; }
.shortcode3-4{ width: 73%; margin-right: 2%; float: left; }
.shortcode1{ width: 98%; margin-right: 2%; float: left; }

a.gdl-button.shortcode-large-button{ 
	margin-bottom: 20px; margin-right: 10px;
	padding: 0px 21px 0px 21px; height: 38px; line-height: 38px; font-size: 14px; }
a.gdl-button.shortcode-medium-button{ 
	margin-bottom: 20px; margin-right: 10px;
	padding: 0px 15px 0px 15px; height: 30px; line-height: 30px; font-size: 12px; }
a.gdl-button.shortcode-small-button{ 
	margin-bottom: 20px; margin-right: 10px; text-shadow: none; font-size: 11px; }

div.shortcode-list ul{ list-style: none !important; margin-left: 0px !important; }	
div.shortcode-list li{ padding:2px 0px 2px 25px !important; border: 0px !important; } 
div.shortcode-list-arrow li{ background: url('images/list/arrow.png') no-repeat !important; }
div.shortcode-list-arrow2 li{ background: url('images/list/arrow2.png') no-repeat !important; }
div.shortcode-list-arrow3 li{ background: url('images/list/arrow3.png') no-repeat !important;  }
div.shortcode-list-bullet li{ background: url('images/list/bullet.png') no-repeat !important; }
div.shortcode-list-bullet2 li{ background: url('images/list/bullet2.png') no-repeat !important; }
div.shortcode-list-bullet3 li{ background: url('images/list/bullet3.png') no-repeat !important; }
div.shortcode-list-check li{ background: url('images/list/check.png') no-repeat !important; }
div.shortcode-list-check2 li{ background: url('images/list/check2.png') no-repeat !important; }
div.shortcode-list-check3 li{ background: url('images/list/check3.png') no-repeat !important; }
div.shortcode-list-delete li{ background: url('images/list/delete.png') no-repeat !important; }
div.shortcode-list-delete2 li{ background: url('images/list/delete2.png') no-repeat !important; }
div.shortcode-list-delete3 li{ background: url('images/list/delete3.png') no-repeat !important; }

div.shortcode-social{ float: left; margin-right: 12px; } 

div.shortcode-block-quote-left{ 
	width: 33%; float: left; margin: 15px 20px 15px 20px; padding: 20px;
	border-left: 2px solid #ddd; font-size: 16px; font-family: Georgia,"Times New Roman",Times,serif;
font-style: oblique;
}
div.shortcode-block-quote-right{ 
	width: 33%; float: right; margin: 15px 20px 15px 20px; padding: 20px; 
	border-left: 2px solid #ddd; font-size: 16px; font-family: Georgia,"Times New Roman",Times,serif;
font-style: oblique;
 }
div.shortcode-block-quote-center{ 
	margin: 0px 20px 20px 20px; text-align: center; padding: 20px; 
	border-left: 2px solid #ddd; font-size: 16px; font-family: Georgia,"Times New Roman",Times,serif;
font-style: oblique;
}

div.shortcode-dropcap{ 
	margin-top: 0px; margin-bottom: 0px; margin-right: 5px; float: left; font-size: 25px; font-size: 25px; 
	width: 32px; height: 32px; line-height: 32px; text-align: center; float: left; }
div.shortcode-dropcap.circle{
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}

/* contact form */
div.contact-form-wrapper ol{ margin: 0px; list-style: none; }
div.contact-form-wrapper ol li{ margin-bottom: 20px; }
div.contact-form-wrapper ol li.sending-result{ max-width: 622px; display: none; }
div.contact-form-wrapper ol li.sending-result .message-box-wrapper{ padding: 10px 15px 10px 15px; }
div.contact-form-wrapper ol li div.error{ display: none; }
div.contact-form-wrapper  input[type="text"], 
div.contact-form-wrapper input[type="password"] {
	width: 320px; height: 30px; line-height: 30px; padding: 0px 0px 0px 7px; margin: 10px 5px 10px;
	line-height: 20px; max-width: 90%; }
div.contact-form-wrapper .textarea{ margin-right: 32px; }
div.contact-form-wrapper textarea{
	height: 165px; width: 590px; margin: 10px 5px 10px; padding: 10px; max-width: 100%;
	line-height: 20px; }
div.contact-form-wrapper .contact-submit{ float: left; }
div.contact-form-wrapper .contact-loading{
	width: 16px; height: 16px; float: left; margin: 7px 0px 0px 15px; display:none;
	background: url('images/loading.gif'); }
	
/* Price Item */
div.gdl-price-item{ margin-bottom: 20px;}
div.gdl-price-item .price-item{ border: 1px solid; border-color: inherit; margin-left: -1px; padding-bottom: 30px;}
div.gdl-price-item .price-tag{
	font-size: 35px; line-height: 40px; text-align: center; padding-top: 20px; padding-bottom: 20px; font-weight: bold; }
div.gdl-price-item .price-title{ 
	font-size: 14px; text-align: center; font-weight: bold; padding-top: 8px; padding-bottom: 8px; }
div.gdl-price-item .price-button{ text-align: center; margin-top: 25px; } 
div.gdl-price-item .price-content{ text-align: center; margin-top: 25px; }
div.gdl-price-item .price-content .shortcode-list{ display: inline-block; }

div.gdl-price-item .price-item.active{ padding-bottom: 70px; margin-top: -20px; }

/* code */
.gdl-code{
	overflow: hidden; padding: 15px; border: 1px #eee solid; clear: both; background: #f9f9f9;
	margin-bottom: 20px; color: #555; font-size: 13px;
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
}

/* Contact Form 7 */
span.wpcf7-form-control-wrap input[type="text"],
span.wpcf7-form-control-wrap input[type="[password"],
span.wpcf7-form-control-wrap input[type="email"],
span.wpcf7-form-control-wrap textarea{
	max-width: 90%; width: 320px; height: 30px; line-height: 30px; 
	padding: 0px 0px 0px 7px; margin: 10px 5px 10px; line-height: 20px; }
span.wpcf7-form-control-wrap input.wpcf7-file{ width: auto; height: auto; background-color: transparent; border: none;
	-webkit-box-shadow: none; box-shadow: none; margin-left: 0; max-width: 90%; }
span.wpcf7-form-control-wrap textarea{ height: 165px; width: 590px; margin: 10px 5px 10px; padding: 10px; 
max-width: 100%; line-height: 20px; max-width: 90%; }

div.wpcf7 p{ font-weight: bold; }
div.wpcf7 p span.wpcf7-form-control-wrap textarea, div.wpcf7 p span.wpcf7-form-control-wrap input{ font-weight: normal; }
div.wpcf7 .ajax-loader{ display: none; }

/* Responsive anything video fix */
.anythingSlider .fluid-width-video-wrapper{ padding: 0px !important; }
.rsswidget img { float: left; margin-right: 5px; margin-top: 4px; }

/* Woo Commerce */
.woocommerce_tabs ol.commentlist{ list-style: none; }

/* Personnel */
div.personnel-item{ border-width: 1px; border-style: solid; margin: 9px; }
div.personnel-item .personnel-position{ text-align: center; font-size: 15px; margin-bottom: 22px; }
div.personnel-item .personnel-thumbnail{ margin: 0px 0px 15px; 
	border-top-width: 2px; border-bottom-width: 2px; border-style: solid; }
div.personnel-item .personnel-thumbnail img{ display: block; }
div.personnel-item .personnel-title{ text-align: center;  margin: 25px 15px 3px; font-size: 24px; line-height: 1; }
div.personnel-item .personnel-content{ margin: 0px 15px; padding-bottom: 15px; }

/* personnal widget */
div.widget_personnal-widget .custom-sidebar-title{ position: relative; }
div.gdl-personnal-widget{ display: inline-block; margin-top: 8px; }
div.personnal-widget-item{ display: none; }
div.personnal-widget-item:first-child{ display: block; }
div.personnal-widget-item .personnal-widget-thumbnail{ margin-bottom: 15px; }
div.personnal-widget-item .personnal-widget-thumbnail img{ display: block; }
div.personnal-widget-item .personnal-widget-info{  font-weight: bold; margin-bottom: 10px; }

div.personnal-widget-navigation{ position: absolute; right: 0px; top: 50%; margin-top: -10px; z-index: 100; }
div.personnal-widget-navigation .personnal-widget-prev,
div.personnal-widget-navigation .personnal-widget-next{ width: 4px; height: 7px; padding: 3px 3px; margin-left: 1px; float: left;
	background-repeat: no-repeat; background-position: center center; cursor: pointer; }
	
/* no boxed layout */
div.no-boxed-layout div.slider-bottom-gimmick,
div.no-boxed-layout div.slider-top-shadow,
div.no-boxed-layout div.slider-bottom-shadow{ display: none }
div.no-boxed-layout div.search-wrapper { margin-right: 20px; }
div.no-boxed-layout div.search-wrapper form { padding: 15px 5px; }
div.no-boxed-layout div.slider-wrapper.fullwidth { margin-top: 25px; }

div.no-boxed-layout div.top-navigation.container{ padding-top: 10px; padding-bottom: 10px; }
div.no-boxed-layout div.top-navigation-wrapper-gimmick { padding-bottom: 4px; }
div.no-boxed-layout div.top-navigation-left { margin-left: 10px; }
div.no-boxed-layout div.top-navigation-right { margin-right: 10px; }

div.no-boxed-layout div.stunning-text-wrapper { margin: 0px 10px; }
div.no-boxed-layout div.stunning-text-wrapper .stunning-text-content-wrapper.sixteen.columns{ margin: 0px; }
div.no-boxed-layout div.stunning-text-wrapper .stunning-text-content-wrapper.twelve.columns{ margin: 0px; }




.read-more-bttn {
	display: block;
    background-color: #799a3d;
    color: #f1f1f1;
    text-decoration: none;
    margin: .3em 0 3em;
    padding: .2em 1em;
    text-align: center;
    border-radius: 40px;
    font-size: 100%;
    width: 40%;
    font-size: 80%;
}

.read-more-bttn:hover {
	display: block;
    background-color: #88ad45;
    color: #fff;
    text-decoration: none;
    margin: .3em 0 3em;
    padding: .2em 1em;
    text-align: center;
    border-radius: 40px;
    font-size: 100%;
    width: 40%;
    font-size: 80%;
}




@media only screen and (max-width:960px) { 

	.read-more-bttn,
	.read-more-bttn:hover {
		width: 40%;
		font-size: 60%;
	}
	
}

@media only screen and (max-width:767px) { 

	.read-more-bttn,
	.read-more-bttn:hover {
		margin: .3em 0 1em;
    	padding: .4em 1em;
		width: 92%;
		font-size: 100%;
	}

	
}



@media only screen and (max-width:480px) { 

	.read-more-bttn,
	.read-more-bttn:hover {
		width: 89%;
		font-size: 100%;
		margin: .3em 0 0em;
		padding: .3em 1em;
		text-align: center;
		border-radius: 40px;
	}

	
}

.leader {margin: 40px 10px 0px 5px;}

.leader img {margin-right: 20px; padding: 5px; border: 1px solid rgb(236, 236, 236); float:left; max-width: 190px; min-width: 190px;}


.leader .professionaltitle {text-align:left; font-size: 17px; color: #999999;}



@media only screen and (max-width:480px){
    .leader img {max-width: 100% !important;margin-bottom: 10px;}
}

.scroll-top{ color: #7c7c7c !important; } 


@media only screen and (min-width:600px) and (max-width:960px){

	.header-outer-wrapper{margin-top: 5%;}

}





/* Donate button */
.donate-btn{max-width:640px;background-color:#e11d39;font-family:Helvetica,sans-serif;cursor:pointer;border-radius:4px}.donate-btn>div{padding:1em 1.5em;overflow:auto}.donate-btn em,.donate-btn span,.donate-btn strong{display:block}.donate-btn em,.donate-btn strong{margin-right:70px;font-style:normal}.donate-btn strong{font-size:250%;text-transform:uppercase;color:#fff}.donate-btn em{font-size:100%;color:#000}.donate-btn span{height:60px;width:60px;background:-moz-linear-gradient(top,rgba(0,0,0,.2) 0,rgba(0,0,0,.1) 46%,rgba(0,0,0,.05) 53%,rgba(0,0,0,.1) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,.2) 0,rgba(0,0,0,.1) 46%,rgba(0,0,0,.05) 53%,rgba(0,0,0,.1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,.2) 0,rgba(0,0,0,.1) 46%,rgba(0,0,0,.05) 53%,rgba(0,0,0,.1) 100%);background-color:#e11d39;float:right;overflow:hidden;border-radius:100%;-moz-box-shadow:-1px 1px 2px rgba(0,0,0,.3);-webkit-box-shadow:-1px 1px 2px rgba(0,0,0,.3);box-shadow:inset -1px 1px 2px rgba(0,0,0,.3),-1px 1px 1px rgba(255,255,255,.3)}.donate-btn span:before{content:">";font-size:320%;line-height:52px;font-weight:700;color:#fff;position:relative;right:-28%}@media only screen and (max-width:400px){.donate-btn strong{font-size:220%}}
.stunning-text-wrapper{ background-color: #ffffff !important; } 
h1.stunning-text-title{ color: #333333; } 
.stunning-text-caption{ color: #666666; } 
.stunning-text-button{ color: #ffffff !important; background-color: #ef7f2c !important; border: 1px solid #ef7f2c !important; } 

table caption {font-size: 80%; background-color: #f1f1f1; padding: 1.5em;}
.gdl-link-title{ color: #ef7f2c !important; } 
.gdl-slider-title{ color: #ef7f2c !important; } 
.gdl-slider-caption, .nivo-caption{ color: #ffffff !important; } 
div.slider-bottom-gimmick{ background-color: #ebebeb; } 
.ls-modernize .ls-nav-prev, .ls-modernize .ls-nav-next{ background-color: #ef7f2c; } 
h2.column-service-title{ color: #ef7f2c !important; } 
/*.port-title-color, .port-title-color a{ color: #ef7f2c !important; } 
.port-title-color a:hover{ color: #ef7f2c !important; } 
.post-title-color{ color: #0062A0 !important; } 
.post-title-color a:hover{ color: #646464 !important; } */
.post-widget-title-color{ color: #ef7f2c !important; } 
.post-info-color, div.custom-sidebar #twitter_update_list{ color: #797979 !important; } 
div.pagination a{ background-color: #f9f9f9; } 
.about-author-wrapper{ background-color: #f9f9f9 !important; } 
div.gallery-thumbnail-image, div.portfolio-thumbnail-image, div.portfolio-thumbnail-video, div.portfolio-thumbnail-slider, div.blog-thumbnail-image, div.blog-thumbnail-video, div.blog-thumbnail-slider, .gdl-image-frame{ background-color: #f0f0f0 !important; border: 1px solid #ffffff !important; } 
.testimonial-content{ color: #848484 !important; } 
.testimonial-author-name{ color: #494949 !important; } 
.testimonial-author-position{ color: #8d8d8d !important; } 
table th{ color: #666666; background-color: #f7f7f7; } 
table, table tr, table tr td, table tr th{ border-color: #e5e5e5; } 
.top-navigation-wrapper, .top-navigation-left li a{ color: #e7e7e7 !important; background-color: #494949 !important; } 
.top-navigation-left li a{ border-right: 1px solid #a2a2a2 !important; } 
.top-navigation-wrapper-gimmick{ background-color: #e77927 !important; } 
div.navigation-wrapper{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/gradient-top-gray-40px.png) repeat-x; } 
.navigation-wrapper{ border-top: 1px solid #ececec !important; border-bottom: 1px solid #ececec !important; -moz-box-shadow: 0px 1px 5px -1px #f5f5f5; -webkit-box-shadow: 0px 1px 5px -1px #f5f5f5; box-shadow: 0px 1px 5px -1px #f5f5f5; } 
.navigation-wrapper .sf-menu ul, .navigation-wrapper .sf-menu ul li{ border-color: #ececec !important; } 
.navigation-wrapper{ background-color: #fdfdfd !important; } 
.sf-menu li li{ background-color: #fdfdfd !important; } 
.navigation-wrapper .sf-menu li a{ color: #64900D !important; border-right: 1px solid #dbdbdb !important; border-left: 1px solid #ffffff !important; font-size: 90%;} 
.navigation-wrapper .sf-menu ul a, .navigation-wrapper .sf-menu ul .current-menu-ancestor ul a, .navigation-wrapper .sf-menu ul .current-menu-item ul a, .navigation-wrapper .sf-menu .current-menu-ancestor ul a, .navigation-wrapper .sf-menu .current-menu-item ul a{ color: #7a7a7a !important; } 
.navigation-wrapper .sf-menu ul a:hover, .navigation-wrapper .sf-menu ul .current-menu-item ul a:hover, .navigation-wrapper .sf-menu .current-menu-item ul a:hover{ color: #3d3d3d !important; } 
.navigation-wrapper .sf-menu a:hover{ color: #3d3d3d !important; } 
.navigation-wrapper .sf-menu .current-menu-ancestor a, .navigation-wrapper .sf-menu .current-menu-item a{ color: #64900D !important; } 
.navigation-wrapper .sf-menu ul .current-menu-ancestor a, .navigation-wrapper .sf-menu ul .current-menu-ancestor ul .current-menu-item a, .navigation-wrapper .sf-menu ul .current-menu-item a{ color: #3d3d3d !important; } 
.search-wrapper{ border-left: 1px solid #dbdbdb; } 
.search-wrapper form{ border-left: 1px solid #ffffff; } 
.search-wrapper #search-text input[type="text"]{ color: #333333 !important; background-color: #efefef !important; -webkit-box-shadow: inset 0px 0px 6px #dddddd !important; -moz-box-shadow: inset 0px 0px 6px #dddddd !important; box-shadow: inset 0px 0px 6px #dddddd !important; } 
div.gdl-price-item .gdl-divider{ border-color: #ececec !important; } 
div.gdl-price-item .price-title{ color: #3a3a3a !important; background-color: #e9e9e9 !important; } 
div.gdl-price-item .price-item.active .price-title{ color: #ffffff !important; background-color: #5f5f5f !important; } 
div.gdl-price-item .price-tag{ color: #3a3a3a !important; } 
div.gdl-price-item .price-item.active .price-tag{ color: #ef7f2c !important; } 
div.gdl-price-item .price-item.active{ border-top: 1px solid #ef7f2c !important; } 
ul.gdl-tabs{ border-color: #dddddd !important; } 
ul.gdl-tabs li a{ border-color: #dddddd !important; background-color: #f5f5f5 !important; color: #666666 !important; } 
ul.gdl-tabs li a.active{ color: #111111 !important; background-color: #ffffff !important; } 
div.personnel-item{ background-color: #f7f7f7; } 
div.personnel-item .personnel-position{ color: #9d9d9d; } 
div.personnel-item .personnel-title{ color: #353535; } 
div.personnel-item .personnel-thumbnail{ border-color: #ef7f2c; } 
div.personnel-item .personnel-content{ color: #838383; } 
div.personnal-widget-item .personnal-widget-info{ color: #4a4a4a; } 
.sidebar-title-color{ color: #494949 !important; } 
.footer-wrapper a { color: #26cad3; text-decoration: none;} 
/*.footer-wrapper a:hover{ color: #ef7f2c !important; }*/
.footer-widget-wrapper .custom-sidebar-title{ color: #ececec !important; } 
.footer-container-wrapper{ background-color: #ffffff !important; } 
div.footer-container-wrapper{ border-top: 2px solid #cfcfcf; } 
div.footer-wrapper div.contact-form-wrapper input[type="text"], div.footer-wrapper div.contact-form-wrapper input[type="password"], div.footer-wrapper div.contact-form-wrapper textarea, div.footer-wrapper div.custom-sidebar #search-text input[type="text"], div.footer-wrapper div.custom-sidebar .contact-widget-whole input, div.footer-wrapper div.custom-sidebar .contact-widget-whole textarea{ color: #888888 !important; background-color: #ffffff !important; border: 1px solid #434343 !important; } 
div.footer-wrapper a.button, div.footer-wrapper button, div.footer-wrapper button:hover{ background-color: #222222 !important; color: #7a7a7a !important; } 
div.footer-wrapper div.custom-sidebar .recent-post-widget-thumbnail{ background-color: #ffffff; border-color: #ffffff !important; } 
.footer-wrapper .gdl-divider, .footer-wrapper .custom-sidebar.gdl-divider div, .footer-wrapper .custom-sidebar.gdl-divider ul li{ border-color: #3b3b3b !important; } 
.footer-wrapper, .footer-wrapper table th{ color: #ffffff; background-color: #00667d !important;} 
.footer-wrapper .post-info-color, div.custom-sidebar #twitter_update_list{ color: #b1b1b1 !important; } 
div.copyright-container-wrapper{ color: #808080 !important; background-color: #ffffff !important; -moz-box-shadow: inset 0px 3px 6px -3px #111111; -webkit-box-shadow: inset 0px 3px 6px -3px #111111; box-shadow: inset 0px 3px 6px -3px #111111; } 
div.contact-form-wrapper input[type="text"], div.contact-form-wrapper input[type="password"], div.contact-form-wrapper textarea, div.custom-sidebar #search-text input[type="text"], div.custom-sidebar .contact-widget-whole input, div.comment-wrapper input[type="text"], div.comment-wrapper textarea, div.custom-sidebar .contact-widget-whole textarea, span.wpcf7-form-control-wrap input[type="text"], span.wpcf7-form-control-wrap input[type="password"], span.wpcf7-form-control-wrap input[type="email"], span.wpcf7-form-control-wrap textarea{ color: #888888; background-color: #ffffff; border: 1px solid #cfcfcf; -webkit-box-shadow: #ececec 0px 1px 4px inset, #f8f8f8 -5px -5px 0px 0px, #f8f8f8 5px 5px 0px 0px, #f8f8f8 5px 0px 0px 0px, #f8f8f8 0px 5px 0px 0px, #f8f8f8 5px -5px 0px 0px, #f8f8f8 -5px 5px 0px 0px ; box-shadow: #ececec 0px 1px 4px inset, #f8f8f8 -5px -5px 0px 0px, #f8f8f8 5px 5px 0px 0px, #f8f8f8 5px 0px 0px 0px, #f8f8f8 0px 5px 0px 0px, #f8f8f8 5px -5px 0px 0px, #f8f8f8 -5px 5px 0px 0px ; } 
a.button, button, input[type="submit"], input[type="reset"], input[type="button"], a.gdl-button{ background-color: #f1f1f1; color: #7a7a7a; border: 1px solid #dedede; } 
a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, a.gdl-button:hover{ color: #7a7a7a; } 
a.button, button, input[type="submit"], input[type="reset"], input[type="button"], a.gdl-button{ -moz-box-shadow: 1px 1px 3px #ececec; -webkit-box-shadow: 1px 1px 3px #ececec; box-shadow: 1px 1px 3px #ececec; } 
div.gallery-thumbnail-image, div.custom-sidebar .recent-post-widget-thumbnail, .gdl-image-frame, div.portfolio-thumbnail-image, div.portfolio-thumbnail-video, div.portfolio-thumbnail-slider, div.single-port-thumbnail-image, div.single-port-thumbnail-video, div.single-port-thumbnail-slider, div.blog-thumbnail-image, div.blog-thumbnail-slider, div.blog-thumbnail-video{ -moz-box-shadow: 0px 0px 4px 1px #ececec; -webkit-box-shadow: 0px 0px 4px 1px #ececec; box-shadow: 0px 0px 4px 1px #ececec; } 
div.right-sidebar-wrapper{ -moz-box-shadow: inset 3px 0px 3px -3px #ececec; -webkit-box-shadow: inset 3px 0px 3px -3px #ececec; box-shadow: inset 3px 0px 3px -3px #ececec; } 
div.left-sidebar-wrapper{ -moz-box-shadow: inset -3px 0px 3px -3px #ececec; -webkit-box-shadow: inset -3px 0px 3px -3px #ececec; box-shadow: inset -3px 0px 3px -3px #ececec; } 
div.gdl-price-item .price-item.active{ -moz-box-shadow: 0px 0px 3px #ececec; -webkit-box-shadow: 0px 0px 3px #ececec; box-shadow: 0px 0px 3px #ececec; } 
div.single-port-next-nav .right-arrow{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/arrow-right.png) no-repeat; } 
div.single-port-prev-nav .left-arrow{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/arrow-left.png) no-repeat; } 
div.single-thumbnail-author, div.archive-wrapper .blog-item .blog-thumbnail-author, div.blog-item-holder .blog-item2 .blog-thumbnail-author, div.blog-item-holder .blog-item3 .blog-thumbnail-author { background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/author.png) no-repeat 0px 1px; } 
div.single-thumbnail-date, div.custom-sidebar .recent-post-widget-date, div.archive-wrapper .blog-item .blog-thumbnail-date, div.blog-item-holder .blog-item1 .blog-thumbnail-date, div.blog-item-holder .blog-item2 .blog-thumbnail-date, div.blog-item-holder .blog-item3 .blog-thumbnail-date{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/calendar.png) no-repeat 0px 1px; } 
div.single-thumbnail-comment, div.archive-wrapper .blog-item .blog-thumbnail-comment, div.blog-item-holder .blog-item1 .blog-thumbnail-comment, div.blog-item-holder .blog-item2 .blog-thumbnail-comment, div.blog-item-holder .blog-item3 .blog-thumbnail-comment,div.custom-sidebar .recent-post-widget-comment-num{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/comment.png) no-repeat 0px 1px; } 
div.single-thumbnail-tag, div.archive-wrapper .blog-item .blog-thumbnail-tag, div.blog-item-holder .blog-item2 .blog-thumbnail-tag, div.blog-item-holder .blog-item3 .blog-thumbnail-tag{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/tag.png) no-repeat; } 
div.custom-sidebar #searchsubmit, div.search-wrapper input[type="submit"]{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/find-17px.png) no-repeat center; } 
div.single-port-visit-website{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/link-small.png) no-repeat; } 
span.accordion-head-image.active, span.toggle-box-head-image.active{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/minus-24px.png) no-repeat; } 
span.accordion-head-image, span.toggle-box-head-image{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/plus-24px.png) no-repeat; } 
div.jcarousellite-nav .prev, div.jcarousellite-nav .next{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/navigation-20px.png); } 
div.testimonial-icon{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/quotes-18px.png); } 
div.custom-sidebar ul li{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/arrow4.png) no-repeat 0px 14px; } 
div.stunning-text-wrapper{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/left-cross-5px.png); } 
div.personnal-widget-prev{ background-image: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/personnal-widget-left.png); } 
div.personnal-widget-next{ background-image: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/personnal-widget-right.png); } 
div.footer-wrapper div.custom-sidebar ul li{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/light/arrow4.png) no-repeat 0px 14px; } 
div.footer-wrapper div.custom-sidebar #searchsubmit{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/light/find-17px.png) no-repeat center; } 
div.footer-wrapper div.custom-sidebar .recent-post-widget-comment-num{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/light/comment.png) no-repeat 0px 1px; } 
div.footer-wrapper div.custom-sidebar .recent-post-widget-date{ background: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/light/calendar.png) no-repeat 0px 1px; } 
div.footer-wrapper div.personnal-widget-prev{ background-image: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/personnal-widget-left.png); } 
div.footer-wrapper div.personnal-widget-next{ background-image: url(https://www.jhpiego.org/wp-content/themes/jhpiego/images/icon/dark/personnal-widget-right.png); } 

div.footer-wrapper ul.footer-social {text-align: center; margin-left: 0; margin-bottom: 1rem;}
div.footer-wrapper p {text-align: center;}

div.footer-wrapper ul.footer-social li {display: inline; }
div.footer-wrapper ul.footer-social li img {width: 30px; padding: 0 .25rem; /*opacity: .7;*/ transition: opacity ease .3s; }
div.footer-wrapper ul.footer-social li img:hover {opacity: 1; transition: opacity ease .3s; }

@media only screen and (min-width:480px) {
.footer-mobile {visibility: hidden; display: none;}
}

@media only screen and (max-width:480px) {
	.footer-desktop {visibility: hidden; display: none;}
    div.footer-wrapper ul.footer-social li img {width: 38px; padding: 0 .25rem; }
    .hide-on-mobile {visibility: hidden; display: none;}
}

@media only screen and (max-width:479px) {
	div.footer-wrapper h3 {font-size: 1.2rem; margin-bottom: 10%;}
	div.footer-wrapper .footer-break {white-space: initial !important;}
}


/*div.all-container-wrapper{ background: #ffffff; -moz-box-shadow: 0px 0px 8px #bbbbbb; -webkit-box-shadow: 0px 0px 8px #bbbbbb; box-shadow: 0px 0px 8px #bbbbbb; } 
*/
div.all-container-wrapper{ background: #ffffff; } 



.countryfeaturedimage {float: left; position: relative; margin: 10px 0; width: 100%; border: 1px solid #ececec;}

.countryblurb {margin: 40px 10px 0px 5px;}

.interventionblurb {width: 280px; padding: 5px; border: 1px solid #ececec;}

.interventionblurb h3 {text-align:center;}

.countryblurb img {margin: 5px 0px; padding: 5px; border: 1px solid rgb(236, 236, 236); width: 100%;}

.countryblurb h3 {text-align:center;}

.leader {margin: 40px 10px 0px 5px;}

.leader img {margin-right: 20px; margin-bottom: 20px; padding: 5px; border: 1px solid rgb(236, 236, 236); float:left; max-width: 190px; min-width: 190px;}


.leader .professionaltitle {text-align:left; font-size: 17px; color: #999999;}



@media only screen and (max-width:480px){
    .leader img {margin-bottom: 20px; width: 100%; }
}



.boardmember {margin: 0px 10px 0px 10px;}

/*.boardmember img {margin-right: 20px; margin-bottom: 10px; padding: 5px; border: 1px solid rgb(236, 236, 236); float:left; max-width: 100%; min-width: 100%;}*/

.boardmember img {
    margin-right: 20px;
    margin-bottom: 10px;
    padding: 5px;
    border: 1px solid rgb(236, 236, 236);
    float: left;}

/*.boardmember h3 {text-align:left; padding-top: 15px;margin: 0;}*/

.boardmember h3 {
    text-align: left;
    padding-top: 15px;
    margin: 0;
    font-size: 17px;
}

/*.boardmember .professionaltitle {text-align:left; font-size: 17px; color: #999999;}*/

.boardmember .professionaltitle {
    text-align: left;
    font-size: 12px;
    color: #999999;
    line-height: 15px;
	margin-left: 139px;
}



.advisoryboard-headshot img {min-width: 100%;}

/*#signup h5 {
	font-family: 'Boing';
	color: #00667d; 
	text-transform: none;
}

#signup p {font-family: 'Graphik Web';}*/


.newsdate {color: #666666;}

#signup ul {list-style: none !important;margin: 0 0 30px 0;}

#signup ul li {
    display: inline;
    padding-left: 7px;
    float: left;
	background:none;
	border: none;
}

#signup ul li a {}

#signup ul li { }

.kenya ul li {
	list-style: none;
}

.kenya ul li img {
	width: 40%;
    float: left;
    padding: 20px;
}

div.featured-article  h3, h4 {padding-top: 20px;}

div.featured-article img {border: 1px solid #dddddd; padding: 3px;}





.ict4d-blurb p {text-align: center;max-width: 90%;margin-left: auto;margin-right: auto;}
.ict4d-blurb img {max-width: 30%; margin-left:auto;margin-right: auto;display: block;padding-bottom: 30px;}





/*LIBM 2017, responsive banner, top right space*/
.top-libm-2017-banner {
	border: 6px solid #00A9BB;
	border-radius: 15px;
	padding: .25rem 1rem;
	overflow: auto;
}
.top-libm-2017-banner img {width: 100%; height: auto;}
.top-libm-2017-banner a img {border: none;}

.top-libm2017-ttl {
	width: 55%;
	float: left;
}

.top-libm2017-btn {
	width: 40%;
	float: right;
	margin-top: 5%;
}

@media (max-width:444px){
	.top-libm2017-ttl,
	.top-libm2017-btn {
		float: none;
		margin: auto;
	}
	.top-libm2017-ttl {width: 95%;}
	.top-libm2017-btn {width: 80%; margin-top: .75em;}
	.top-libm-2017-banner {
		padding: 1rem;
	}
}

/*Responsive Feature boxes
Use either feature-left or feature-right. Can be default white with Jhpiego blue and green, or add feature-blue for a blue box with yellow highlights.*/
/* HTML CODE EXAMPLE
<div class="feature-left feature-blue">
<img src="http://lorempixel.com/800/600/cats/" alt="Cat">
<div class="feature-copy">
<h3>Title</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In semper velit et velit bibendum vestibulum.</p>
<a href="#" target="_blank">Button</a>
</div>
</div>
*/

.feature-left *,
.feature-right * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.feature-left img,
.feature-right img {display: block;}

.feature-left,
.feature-right {
	width: auto;
	margin: 0 auto 1em;
	background: #f1f1f1;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	overflow: hidden;
	padding: 0;
	font-family: "HelveticaNeue-CondensedBold", "futura-pt-condensed", "Helvetica", "Arial", Sans-serif !important;
	font-size: 100%;
}

.feature-left h3,
.feature-right h3 {
	font-size: 40px; 
	color: #799a3d; 
	font-family:"HelveticaNeue-CondensedBold", "futura-pt-condensed", "Helvetica", "Arial", Sans-serif !important;
	margin-bottom: .25em;
}
.feature-left p,
.feature-right p {font-size: 22px; line-height: 1.25em; color: #004750;}

.feature-left img,
.feature-right img {width: 30%;}

.feature-left .feature-copy,
.feature-right .feature-copy { 
	width: 70%;
	text-align: left;
	padding: 2em;
}

.feature-left img {float: left;}
.feature-right img {float: right;}

.feature-left .feature-copy {float: right;}
.feature-right .feature-copy {float: left;}


.feature-copy a {
	display: block;
	background-color: #799a3d;
	color: #f1f1f1;
	text-decoration: none;
	margin: .5em 0 0;
	padding: .2em 2em;
	text-align: center;
	border-radius: 40px;
	font-size: 120%;
	width: 40%;
}

.feature-copy a:hover {background-color: #004750;}

@media only screen and (max-width: 960px) {

.feature-left img,
.feature-right img,
.feature-left .feature-copy,
.feature-right .feature-copy {width: 50%;}

.feature-left h3,
.feature-right h3 {font-size: 300%;}
.feature-left p,
.feature-right p {font-size: 120%;}

.feature-copy a {width: 60%;}
}

@media only screen and (max-width: 768px) {
.feature-left h3,
.feature-right h3 {font-size: 260%;}
.feature-left p,
.feature-right p {font-size: 130%;}
.feature-left img,
.feature-right img {
	width: 100%;
	height: auto;
	float: none;
}

.feature-left .feature-copy,
.feature-right .feature-copy{ 
	width: auto;
	text-align: center;
	float: none;
}
.feature-copy a {font-size: 120%; width: auto;}
}

/*Blue*/
.feature-blue {background: #0a5f83;}
.feature-blue h3 {color: #eadf3d;}
.feature-blue p {color: #90e6ff;}
.feature-blue .feature-copy a {background-color: #eadf3d; color: #0a5f83;}
.feature-blue .feature-copy a:hover {background-color: #90e6ff;}



/* Content Sidebar Styles */
/* MARKUP ******************
<div class="r-side-l">
	<img src="" alt="">
	<div class="r-side-content">Here is my content.</div>
</div>
<div class="r-side-r">
	<img src="" alt="">
	<div class="r-side-content">Here is my content.</div>
</div>
*/
.r-side-l, .r-side-r {
	width: 40%;
	background-color: #f1f1f1;
	border: 1px solid #dadada;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);
}
.r-side-l p, .r-side-r p {display: none !important;}
.r-side-content p {display: block !important;} 
.r-side-l {
	float: left;
	margin: 0 2em 2em 0;
}
.r-side-r {
	float: right;
	margin: 0 0 2em 2em;
}
.r-side-l img, .r-side-r img {
	width: 100%;
	height: auto;
	display: block;
}
.r-side-content {
	padding: 1em;
	font-size: 80%;
}
@media only screen and (max-width: 640px){
.r-side-l, .r-side-r {
	width: auto;
	float: none;
	margin: 2em 0 2em;
}
}

.donate-btn {
        max-width: 640px;
        background-color: #e11d39;
        font-family: Helvetica, sans-serif;
        cursor: pointer;
        border-radius: 4px;
    }
    
    .donate-btn>div {
        padding: 1em 1.5em;
        overflow: auto;
    }
    
    .donate-btn strong,
    .donate-btn em,
    .donate-btn span {
        display: block;
    }
    
    .donate-btn strong,
    .donate-btn em {
        margin-right: 70px;
        font-style: normal;
    }
    
    .donate-btn strong {
        font-size: 250%;
        text-transform: uppercase;
        color: #fff;
    }
    
    .donate-btn em {
        font-size: 100%;
        color: #000;
    }
    
    .donate-btn span {
        height: 60px;
        width: 60px;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 46%, rgba(0, 0, 0, 0.05) 53%, rgba(0, 0, 0, 0.1) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 46%, rgba(0, 0, 0, 0.05) 53%, rgba(0, 0, 0, 0.1) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.1) 46%, rgba(0, 0, 0, 0.05) 53%, rgba(0, 0, 0, 0.1) 100%);
        background-color: #e11d39;
        float: right;
        overflow: hidden;
        border-radius: 100%;
        -moz-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
        box-shadow: inset -1px 1px 2px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(255, 255, 255, 0.3);
    }
    
    .donate-btn span:before {
        content: ">";
        font-size: 320%;
        line-height: 52px;
        font-weight: bold;
        color: #fff;
        position: relative;
        right: -28%;
    }
	
	
  .main-404-error {
  margin:0 0 20px 0;
  background: url("https://www.jhpiego.org/wp-content/uploads/2016/05/tanzania-health-worker-with-mother-newborn.jpg") no-repeat center fixed;
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
  height: 300px;
  position: relative;
}

 .main-404-error h1{
	width: 100%;
	text-align: center;
	padding-top: 5%;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
}


 .main-404-error a {
	width: -moz-fit-content;
	text-align: center;
	background-color: rgb(255, 255, 255);
	padding: 0px 21px;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	box-shadow: none;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
	display: block;
}

 .main-404-error div.searchbox{
	 text-align: -moz-center;
	 
 }


.black-transparency {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 959px) and (min-width: 768px) {
ul.sf-menu li a {
    padding: 0 10px;
    font-size: 76% !important;
}
}

div.bannerad {
    padding-top: 40px;
    padding-bottom: 30px;
    float: right;
    width: 60%;
}

div.jhpiego-donate {
    padding: 10px 0 0;
    /*padding-bottom: 30px;*/
    float: right;
    width: 60%;
	text-align: right;
}
	
.libm {
        background: #eae9d7 url('https://www.jhpiego.org/wp-content/uploads/2016/04/libm-btn-bg.png') 50% 50% no-repeat;
        background-size: cover;
        font-family: 'Nunito', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        border: 4px solid #2db7c2;
        width: auto;
        zoom: 1;
    }
    
    .libm div {
        margin: .75em;
        padding: .5em;
        background-color: #fff;
        overflow: auto;
        width: auto;
        zoom: 1;
    }
    
     .libm strong {
    display: block;
    width: 55%;
    float: left;
    margin-right: 5%;
    margin-top: 2%;
    font-size: 180%;
	line-height: 105%;
    font-weight: 300;
    text-transform: uppercase;
    color: #dd1b53;
}
    
    .libm-btn {
        display: block;
        cursor: pointer;
        float: right;
        position: relative;
        padding: .5em 1em;
		margin: 5px;
        text-align: center;
        text-transform: uppercase;
        border-radius: 6px;
        font-size: 100%;
        text-decoration: none;
        color: #fff;
        text-shadow: -1px -1px 4px rgba(0, 0, 0, 0.4);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0.1) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0.1) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0.1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#1a000000', GradientType=0);
        border: 1px solid rgba(255, 255, 255, 0.4);
        box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
        background-color: #d99739;
    }
    
    .libm-btn:hover,
    .libm-btn:focus,
    .libm-btn:active {
        color: #fff;
    }
	
	
	div.libm.fullbanner img {
    max-width: 25%;
    height: auto;
    float: left;
    border: 1px solid #a2a1a1;
    margin-right: 1%;
	}

	div.libm.fullbanner p {
    float: left;
    width: 50%;
    margin-top: 1%;
	margin-bottom: 0;
	font-size: 16px;
    line-height: 20px;
	}


	.fullbanner .libm-btn {
        display: block;
        cursor: pointer;
        float: right;
        position: relative;
        padding: .5em 1em;
		margin: 5px;
        text-align: center;
        text-transform: uppercase;
        border-radius: 6px;
        font-size: 100%;
        text-decoration: none;
        color: #fff;
        text-shadow: -1px -1px 4px rgba(0, 0, 0, 0.4);
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0.1) 100%);
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0.1) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0.1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1a000000', endColorstr='#1a000000', GradientType=0);
        border: 1px solid rgba(255, 255, 255, 0.4);
        box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
        background-color: #0bb8b4;
    }
    
    .fullbanner .libm-btn:hover,
    .fullbanner .libm-btn:focus,
    .fullbanner .libm-btn:active {
        color: #fff;
    }



	
	
	@media only screen and (max-width: 959px) {
        
        .libm-btn {
        /*width: 30%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 3%;*/
		font-size: small;
	}
	
	div.libm.fullbanner .libm-btn {
			width: 20%;
        }
		
	div.libm.fullbanner img {
    max-width: 100%;
    /* height: auto; */
    /* float: left; */
    border: 1px solid #a2a1a1;
    margin-right: 1%;
    margin-left: 3.5%;
    margin-top: 1%;
    margin-bottom: 2%;
}

	.libm.fullbanner strong {
	margin-left: auto;
    margin-right: auto;
    float: none;
    width: 80%;
    text-align: center;
    font-size: 28px;
    margin-bottom: 15px;
}

	div.libm.fullbanner p {
    float: none;
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 2%;
}

	div.libm.fullbanner .libm-btn {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
	
    }
	
	
	
	
	@media only screen and (max-width: 767px) {
        .libm strong,
        .libm-btn {
            float: none;
            width: auto;
            text-align: center;
        }
        .libm strong {
            margin-bottom: .5em;
        }
        .libm-btn {
            font-size: 80%;
			width: 30%;
			margin-left: auto;
   			margin-right: auto;
        }
		
		div.libm.fullbanner .libm-btn {
			width: 310px;
			position: relative;
			margin-left: auto;
    		margin-right: auto;
        }
		
		div.libm.fullbanner img {
   			max-width: 93%;
    		margin-bottom: 2%;
		}
		
		div.libm.fullbanner p {
    		width: 100%;
		    text-align: center;
		    padding-bottom: 5%;
		}
		
		
		
		.donate-btn strong {
            font-size: 220%;
        }
		
		div.bannerad {
    		padding-top: 20px;
    		padding-bottom: 30px;
    		float: right;
    		width: 100%;
		}
		div.jhpiego-donate {
    		padding-top: 20px;
    		padding-bottom: 30px;
    		float: right;
    		width: 100%;
			text-align: center;
		}
}	
	
	@media only screen and (max-width: 480px) {
       	libm strong,
        .libm-btn {
            float: none;
            width: auto;
            text-align: center;
        }
		
		.libm strong {
    		margin-left: auto;
    		margin-right: auto;
		}
		
        .libm-btn {
            font-size: 80%;
			width: 50%;
}
		
		
}


.mailmunch-overlay {
    display: none;
    background-color: rgba(0,0,0,0.3);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10100000004;
}

