
#header {
    clear: both;
    position: relative;
    z-index: 999;

    background: #ffffff;
    border-bottom: 1px solid #e1e1e1;
    padding: 0px 0px 0px 0px;
}
#header hgroup {
    margin: 0px;
    display: block;
}

#navigation {
	display: none;
}

#navigation .mobile-show{
	display: none;
    position: absolute;
    top: 40px;
    right: 0px;
    margin: 0px;
    background: #fff;
    z-index: 9999;
    max-height: 500px;
    width: 100%;
    border-top: 3px solid #283891;
    border-bottom: 3px solid #283891;
}
#navigation ul {
    width: 100%;
}

.nav li {
    float: left;
}

.nav-menu-dropdown{
	display: none;
}

.nav-toggle {
    position: absolute;
    top: 20px;
    right: 20px;
}
.nav-toggle a {
    /*display: block;*/
    overflow: hidden;
    height: 0;
    width: 30px;
    padding-top: 30px;
}
h3.nav-toggle {
	display: inherit;
}

.nav li.current_page_item > a, .nav li.current_page_parent > a, .nav li.current-menu-ancestor > a, .nav li.current-cat > a, .nav li.current-menu-item > a {
    background: #999999;
    color: #fff!important;
    text-shadow: none;
}
.nav a {
    margin-right: 0px;
}

.searchform input.search-submit {
    position: absolute;
    top: -2px;
    right: -1px;
    border: 0;
    margin: 0px;
    padding: 0;
}
.search-wrapper {
    margin-right: 10px;
    margin-top: 10px;
}

#top select {
    margin: 0px;
    width: 100%;
}

#main.fullwidth, .layout-full #main, .col-full {
    max-width: 1050px !important;
    /*margin: 10px;*/
}

/*Adjust margin on non homepages*/
section#main {
    margin-left: 10px !important;
}

#searchform, .searchform {
    width: 100%;
}

div#social {
    background: #ed9519;
    margin-top: 16PX;
    padding: 17px 15px 5px 21px;
}
div#social a {
    font-size: 25px;
    color: #1c3f93;

}

.hfg-logo {
    margin-left: 15px;
    margin-top: 15px;
}

.featImg .featImgText {
    font-size: 1.4em;
}

#footer {
    background: #1c3f93 !important;
}

#top, #header, #content, #intro, #footer-widgets, #footer {
    padding-left: 0px;
    padding-right: 0px;
}

section#intro {
    padding: 20px;
}

header.block {
    padding: 20px;
}

 #footer {
    padding-left: 20px;
    padding-right: 20px;
}

#features .home-feature-img {
    margin-right: 15px;
	padding-top: 30px;
	padding-bottom: 20px;
    text-align: center;
}

.home-section#features li h2 a {
    color: #1c3f94;
}


#content {
    padding: 1em 0 2em;
    background: #fff;
}

#google_translate_element{
	margin-top: 10px;
	margin-right: 10px;
}


/* Mobile header text */
.mobile-only{
    display: none;
    color: #1C3F94;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
#mobile-menu-hint{
    position: absolute;
    top: 20px;
    right: 60px;
}

.tablet-only{
    display: none;
    color: #1C3F94;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
#tablet-menu-instructions-wrapper{
    position: relative;
    height: 1px;
    overflow: show;
}
#tablet-menu-instructions{
    top: -35px;
    left: 46px;
    position: relative;
    max-width: 38%;
}

@media(max-width: 410px){
	/* Yellow Nav bar gets taller to fit contents  */
	div#social {
	    padding: 60px 15px 5px 21px;
	}
}

@media(min-width: 730px) {
    #tablet-menu-instructions{
        max-width: 50%;
    }
}

@media(min-width: 1070px) 
{
	#content {
	    padding: 3em 0 2em;
	}

	#features .home-feature-img {
	    margin-right: 15px;
		padding-top: 0px;
		padding-bottom: 0px;
	    text-align: left;
	}

	.newsText {
		padding: 14px;
	}

	div#search-translate-container{
		margin-top: -26px;	
	}

	header.block {
	    padding: inherit;
	}

	section#intro {
	    padding: inherit;
	}

	#top, #header, #content, #intro, #footer-widgets, #footer {
	    padding-left: 20px !important;
	    padding-right: 20px !important;
	}


	#header {
		
		clear: both;
		position: relative;
		z-index: 999;
		background: #ffffff;
		border-bottom: 1px solid #e1e1e1;
	
	}
	#header hgroup {
		position: relative;
	    margin: 0px;
	    display: block;
	    height: 105px;
	}

	.hfg-logo {
		height:103px;
		float: left;
		margin-left: 0px;
	    text-align: right;
	}
	.hfg-logo img {
	    width: 92%;
	    margin-top: 9px;
	}
	.hfg-logo-lg {}

	.usaid-logo img {
	    margin-bottom: -14px;
	    margin-top: -6px;
	    margin-left: -20px;
	}

	#newsItems{
		float: left;
		width: 69.98%;
		/*border-left: 4px solid #1c3f93;*/
	}

	.featImg .featImgText {
	    position: absolute;
	    bottom: 0px;
	    left: 0px;
	    color: #fff;
	    width: 100%;
	    text-align: center;
	    text-shadow: 5px 10px 10px #041D57;
	    font-size: 2em;
	    background-color: rgba(16, 16, 16, 0.5);
	    padding: 10px 0px 10px 0px;
	}

	a.customisable-highlight {
		color: red !important;
	}

	#submit {
		background: #1c3f94;
	}
	#submit:hover {
		background: #6569c7;
	}

	body {
		font-size: 13px;
		line-height: 1.5;
		color: #333;
		background: #1c3f94;
		font-family: Arial, sans-serif !important;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
	}
	a {
		color: #1c3f94 !important;
		text-decoration: none;
	}
	a:hover {
		color: #ef6523 !important;
		text-decoration: none !important;
	}

	.page-parent h3 a:hover{
		color: #ef6523 !important;
	}
	.page-parent p a{
		color: #5a68b0 !important;
	}
	.page-parent p a:hover{
		color: #ef6523 !important;
	}

	.post header h1, .type-page header h1, .search-results .features header h1, .search-results .page header h1, .search-results .type-product header h1, .search-results .type-portfolio header h1, .type-features header h1 {
		font-weight: 600;
		line-height: 1.2;
		position: relative;
		font-family: "Signika", sans-serif;
		font-size: 20px;
		color: #ef6523;
	}

	#page-id-118 #main {
		margin-top: -10px;
	}

	.search-wrapper{
		margin-left: 10px;
	}

	div#google_translate_element {
	    margin-top: 12px;
	}

	#top, #header, #content, #intro, #footer-widgets, #footer {
		padding-left:0px !important;
		padding-right: 0px !important;
	}
	#wrapper-top {
		background: #f78e1e url(images/nav-bg.jpg) no-repeat !important;
		margin-top: 4px;
	}
	#top {
		position: relative;
		z-index: 9999;
		font-family: Arial, sans-serif !important;
		height: 39px;
		width: 1050px;
		background: #f78e1e url(images/nav-bg.jpg) no-repeat !important;
		margin: 0 auto;
		position: relative;
	}

	/*** Navigation ***/
	.nav li.current_page_item > a, .nav li.current_page_parent > a, .nav li.current-menu-ancestor > a, .nav li.current-cat > a, .nav li.current-menu-item > a {
		background: none !important;
		color: #f78e1e !important;
		text-shadow: none;
	}
	#navigation {
		font-family: Arial, sans-serif !important;
	    position: absolute;
	    top: 40px;
	    right: 0px;
	    margin: 0px;
	    background: #fff;
	    /*display: block !important;*/

	}

	#navigation ul {
	    margin-left: 0px;
    	margin-top: 13px;
	}

	#navigation a {
		color: #f88e1e !important;
		text-decoration: none;
	}
	#navigation #main-nav li ul li a{
		color: #fff !important;
		font-size: 0.8em !important;
		font-weight: bold;
	}
	#navigation .nav li:hover > a {
		background: none !important;
		color: #f78e1e !important;
	}

	h3.nav-toggle {
		display: none;
	}

	.nav-menu-dropdown{
		position: absolute;
		left: 16px;
		padding-left: 0px;
	}

	#top nav.col-full{
		width: 91% !important;
	}

	/* 2.3.2 Featured Slider */
	.featured-wrap {
		background: #2e4c94 !important;
		border-bottom: 1px solid #e1e1e1;
		overflow: hidden;
		position: relative;
		z-index: 998;
		box-shadow: inset 0 0 10px 0 #111111;
		-webkit-box-shadow: inset 0 0 10px 0 #111111;
		-moz-box-shadow: inset 0 0 10px 0 #111111;
		-o-box-shadow: inset 0 0 10px 0 #111111;
	}
	#featured {
	  background: #2e4c94 !important;
	  border-bottom: 1px solid #e1e1e1;
	  position: relative;
	  width: 100%;
	  margin: 0 auto;
	  padding: 0;
	  min-height: 150px;
	  box-shadow: inset 0 0 10px 0 #111111;
	  -webkit-box-shadow: inset 0 0 10px 0 #111111;
	  -moz-box-shadow: inset 0 0 10px 0 #111111;
	  -o-box-shadow: inset 0 0 10px 0 #111111;
	}

	.nav-spacer{
		width:38px;
		height: 39px;
	/* 	float: right; */
		display: block;
	/* 	margin-top: -10px; */
		background: url(images/nav-spacer-l.png) no-repeat !important;
		position: absolute;
		left: 146px;
		z-index: 103;
	}
	.sub-menu .nav-spacer{
		background: #1c3f94 !important;
	}

	.nav li {
		float: left;
		width: auto;
		background: none !important;
	}

	.nav a {
		color: #fff;
		display: block;
		float: left;
		z-index: 100;
		padding: 4px 10px;
		margin-right: 0px;
		line-height: 1.4;
		text-decoration: none;
		font-size: 0.75em !important;
	}

	#top .nav a{
		color: #fff !important;
		padding: 10px 10px 0px 12px;
		line-height: 1.4;
		text-decoration: none;
		font-size: 1.1em !important;
		font-weight:bold;
		text-shadow: none;
		width: 127px;
		height: 29px;
		background: #1c3f94 !important;
		margin-right: 0px;
		white-space: nowrap;
	}

	.menu-item-15221 a {
		padding: 10px 10px 0px 3px !important;
	}
	#top .nav li.current_page_item a, #top .nav li.current_page_parent a, #top .nav li.current-menu-ancestor a, #top .nav li.current-cat a, #top .nav li.current-menu-item a {
		background: #1c3f94;
	}
	#top .nav li{
		position: relative;
		text-align: center;
	 	min-width: 190px;;
	/* 	padding-left: 27px !important;
		background: #f78e1e; */
	}


	#top .nav li:hover > a {
		background: #1c3f94 !important;
	}
	/* Navigation drop down*/
	#top .nav li ul, #navigation #main-nav li ul{
		background: none !important;
		padding: 0px;
		width: 235px;
		border: none;
		z-index: 999;
	 	box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0) !important;
		-webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0) !important;
		-moz-box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0) !important;
		-o-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0) !important;
		-webkit-border-bottom-left-radius: 0px !important;
		-webkit-border-bottom-right-radius: 0px !important;
		-moz-border-radius-bottomleft: 0px !important;
		-moz-border-radius-bottomright: 0px !important;
		border-bottom-left-radius: 0px !important;
		border-bottom-right-radius: 0px !important;
		position: absolute;
		margin-top: 39px;
		margin-left:-16px;
	}
	#navigation #main-nav li ul{
		margin-top: 16px;
		margin-left: 16px;
	}
	#top .nav li ul span {
		display:none;
	}
	#top .nav li ul:last-child a, #navigation #main-nav li ul:last-child a {
		-webkit-border-bottom-left-radius: 0 !important;
		-webkit-border-bottom-right-radius: 0 !important;
		-moz-border-radius-bottomleft: 0 !important;
		-moz-border-radius-bottomright: 0 !important;
		border-bottom-left-radius: 0 !important;
		border-bottom-right-radius: 0 !important;
	}
	#top .nav li ul li, #navigation #main-nav li ul li {
		width: 100% !important;
	}
	#top .nav li ul li a, #navigation #main-nav li ul li a {
		padding: 2px 0px 8px 7px !important;
		margin-top: 1px;
		width: 100%;
		height: 12px;
		color: #d8d8d8;
		background: url(images/sub-nav-bg.png) !important;
		font-size: 0.9em;
		text-align: left;
	}
	#top .nav li ul li a:hover, #navigation #main-nav li ul li a:hover {
		background: #6569c7 !important;
		text-decoration: none;
	}
	header h1, .search-results .features header h1, .search-results .page header h1, .search-results .type-product header h1, .search-results .type-portfolio header h1, .type-features header h1 {
		font-weight: 600;
		line-height: 1.2;
		position: relative;
		font-family: Arial, sans-serif !important;
		font-size: 1.7em;
	}
	#header .search_main .searchform {
		background: #dedddd;
	}

	#header .search_main {
		float: right;
		width: 260px !important;
		margin-top: -2px;
	}
	#searchform input.search-submit, .searchform input.search-submit {
		position: absolute;
		top: -1px !important;
		right: -2px !important;
		border: 0;
		margin: 0;
		padding: 0;
	}
	#searchform input.s, .searchform input.s, #searchform #s, .searchform #s {
		padding: 8px;
		font-size: 0.95em;
		width: 210px !important;
		margin: 0;
		border: 0;
		background: none;
		color: #585858;
	}

	.home-section header {
		float: left;
		margin-right: 4.16%;
		width: 21.88%;
		display: none !important;
	}
	.home-section#features li h2 a {
		color: #ef6523;
	}

	.blog-news{
		float: right;
		width: 240px;
		position: relative;
		z-index: 50;
	}
	.blog-news h4 {
		color: #ef6523;
	}
	.blog-news ul a {
		color: #5a68b0;
	}
	.blog-news ul .post-date {
		color: #0d1442;
		font-weight: bold;
	}
	.blog-news ul li p{
		margin: 0px 0;
	}

	.news-bottom-wrapper{
		position:relative;
		top:-37px;
	}
	.news-bottom-wrapper a{
		color:#ef6523;
		font-weight:bold;
		margin-left:5px;
	}
	.news-subscribe{
		margin-top:15px;
	}

	.custom-message{
		font-size: 13px;
		color: #0d1442;
		font-family: Arial, sans-serif !important;
		font-weight: 300;
		display:inline-block;
		line-height:18px;
		text-align: center;
		padding: 0px 20px 0px 20px;
		line-height: 23px;
	}

	.home-section ul li {
		float: left;
		margin-right: 5.63%;
		width: 26.58% !important;
	}
	#blog-alt {
		position: relative;
		right: 0px;
	}
	.blog-news ul li {
		float: none !important;
		width: 97.58% !important
	}

	#intro {
		padding: 0.3em 0;
	/* 	background: #ffffff url(images/bg-texture.png) repeat left top; */
		border-bottom: 1px solid #e1e1e1;
	}

	.top-inner {
		background: #999;
		float: left;
		width: 50px;
		height: 39px;
		position: relative;
		left: -3px;
		background: url(images/nav-left-spacer.png) no-repeat !important;
		z-index:105;
	}

	.home-section {
		position: relative;
		z-index: 9;
		margin: 0 0 3em;
		padding: 0;
		border-bottom: 0px dotted #c8c8c8;
	}

	.widget ul {
		clear: both;
		margin-top: 0em !important;
		list-style: none;
	}


	#sidebar {
	    display: block !important; 
	}

	#sidebar  .widget .current-menu-item{
		background-image:url('images/side-menu-bg.png');
		background-position:0px -24px !important;
		height: 25px;
		width:210px;
	}
	#sidebar  .widget ul li{
		background-image:url('images/side-menu-bg.png');
		background-position:0px 0px !important;
		height: 25px;
	}
	#sidebar .widget ul li a {
		display: block;
		padding: 5px 0 8px 28px;
		line-height: 1.2;
		text-decoration: none;
		background: none !important;
		border-bottom: none !important;
		color: #fff !important;
		height: 13px;
	}
	#sidebar .widget ul li a:hover {
		background-image:url('images/side-menu-bg.png') !important;
		background-position:0px -24px !important;
		height: 13px;
		background-repeat: no-repeat !important;
	}

	#footer {
		padding: 0em 0 0.5em;
		margin-top: -25px;
		color: rgba(255, 255, 255, 0.7);
		font-weight: normal !important;
		border-top: none !important;
		background: #1c3f93 !important;
	}

	#footer-widgets {
		padding: 30px 0;
		background: #1c3f93 !important;
		width:100% !important;
	}
	#footer-widgets.col-4 .block {
		width:100% !important;
	}
	#footer-widgets .widget ul li a {
		display: inline;
		padding: 0;
		background: none;
		border-bottom: none;
		color: #fff !important;
	}
	#footer-widgets #nav_menu-2{
		float: left !important;
		font-size: 1em;
		font-family: Arial, sans-serif !important;
	}
	#footer-widgets .widget{
		width: 16%;
	}


	#footer-widgets .widget ul li a:hover {
		color: #f78e1e !important;
	}

	#nav_menu-2 ul.menu>li:first-child,
	#nav_menu-3 ul.menu>li:first-child,
	#nav_menu-4 ul.menu>li:first-child,  
	#nav_menu-5 ul.menu>li:first-child,
	#nav_menu-6 ul.menu>li:first-child {
		font-weight: bold !important;
		font-size: 14px;
	}

	#nav_menu-33 ul.menu>li:first-child {
		margin-top: 20px;
	    font-weight: 400;
	    font-size: 13px;
	}

	#nav_menu-3 {
		float: left !important;
		font-size: 1em;
		font-family: Arial, sans-serif !important;
	}
	#nav_menu-4{
		float: left !important;
		font-size: 1em;
		font-family: Arial, sans-serif !important;
	}
	#nav_menu-5{
		float: left !important;
		font-size: 1em;
		font-family: Arial, sans-serif !important;
	}
	#nav_menu-6{
		float: left !important;
		font-size: 1em;
		font-family: Arial, sans-serif !important;
	}

	#nav_menu-33 {
		float: left !important;
		font-size: 1em;
		font-family: Arial, sans-serif !important;
	}

	#text-5 {
		float: left !important;
		width: 25px !important;
		font-size: 1em;
		font-family: Arial, sans-serif !important;
	}

	#copyright {
		float: left;
		width: 20%;
	}

	#credit {
		float: left;
		width: 80%;
		font-size: 0.8em;
		color:#fff !important;
		font-family: Arial, sans-serif !important;
	}

	/*announcements-container*/
	.announcements-container {
		margin-bottom: 25px;
	}
	.announcements-container p{
	margin: 0px;
	}

	.single .post-body {
	float: right;
	width: 100% !important;
	}
	.single-post .post {
		padding-bottom: 1em;
		margin-bottom: 2em;
		border-bottom: 0px;
	}

	/*Health Systems Database*/
	.health-system-database{
		width: 100%;
		min-height: 125px;
		margin-bottom: 6px;
	}

	.icon-health{
		width: 50px;
		float: left;
	}

	.content-health{
		width: 645px;
		min-height: 130px;
		float:right;
	}

	.leaflet-top, .leaflet-bottom {
		position: absolute;
		z-index: 10 !important;
		pointer-events: none;
	}

	.data-visualization-wrapper{
		height: 300px;
	}
	.data-visualization-thumbnail{
		width: 290px;
		float: left;
		margin-right: 30px;
	}
	.data-visualization-thumbnail img{
		border: 3px solid #1c3f94;
		height: 258px;
		width: 290px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px; /* future proofing */
		-khtml-border-radius: 5px; /* for old Konqueror browsers */
	}

	#vis-frame {
		width: 100%;
		overflow: hidden;
		position: relative;
	}
	#vis-frame iframe {
		width: 100%;
		height: 900px;
		position: relative;
		top: -35px;
	}

	.vix-title-hide {
		position: relative;
		height: 16px;
		background: #FFF;
		z-index: 2;
	}

	.single-country-report .col-left {
			width: 100% !important;
			margin-bottom: 50px;
	}

	.entry blockquote {
		background: none !important;
		padding: 10px 20px 10px 50px;
		color: #323232;
	}

	p a {
	color: #5a68b0 !important;
	}
	p a:hover, .highlight {
		color: #f78f1e !important;
		display: inline;
		background: transparent;
		border: transparent
	}

	.entry h1{
	margin: 0 0 .5em;
	line-height: 1;
	font-family: Arial, sans-serif !important;
	font-size:20px;
	font-weight: normal;
	color:#ef6523 !important;

	}

	.entry h2{
	margin: 0 0 .5em;
	line-height: 1;
	font-family: Arial, sans-serif !important;
	font-weight: bold;
	font-size:17px;
	color:#000;
	}

	.entry h3{
	margin: 0 0 .5em;
	line-height: 1;
	font-family: Arial, sans-serif !important;
	font-weight: normal;
	font-size:16px;
	color:#1c3f94;
	}

	.entry h4{
	margin: 0 0 .5em;
	line-height: 1;
	font-family: Arial, sans-serif !important;
	font-weight: normal;
	font-size:14px;
	color:#000;
	}

	.entry h5, .entry h6 {
	margin: 0 0 .5em;
	line-height: 1;
	font-family: Arial, sans-serif !important;
	font-weight: normal;
	font-size:14px;
	color:#000;
	}

	.entry h3{
	margin: 0 0 .5em;
	line-height: 1;
	font-family: Arial, sans-serif !important;
	font-weight: normal;
	font-size:16px;
	color:#1c3f94;
	}

	.page-id-431 .post-431 p{
	margin-left: 17px;
	}


	/*
	Back to top button
	*/
	#back-top {
		position: fixed;
		bottom: 7px;
		margin-left: 7px;
	}
	#back-top a {
		width: 108px;
		display: block;
		text-align: center;
		font: 11px/100% Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		color: #bbb;
		/* background color transition */
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	#back-top a:hover {
		color: #000;
	}
	/* arrow icon (span tag) */
	#back-top span {
		width: 70px;
		height:70px;
		display: block;
		margin-bottom: 7px;
		background: #ddd url(images/up-arrow.png) no-repeat center center;
		/* rounded corners */
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		/* background color transition */
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
		margin-left: 20px;
	}
	#back-top a:hover span {
		background-color: #777;
	}
	.menu-item-273 span {
		margin-left: 17px;
	}

	#social{
		float: right;
	    margin-top: 2px !important;
	    background: none !important;
	    padding: 0px !important;
	}
	#social a{
		color: #fff !important;
		font-size: 2em;
		margin-left: 10px;
	}
	#social a:hover{
		color: #1C3F93 !important;
		text-decoration: none;
	}    

	.featStories {
        display: none !important;
    }

    #map {
        display: block !important;
    }

    .map-text {
        float: right !important;
        width: 47% !important;
    }

}


/* styling for Health Accounts map */
#HealthAccountsMap h2 {
    font-size: 1.5em;
    text-align: center;
}

#HealthAccountsMap img {
	display: inline;
	vertical-align: middle;
}

#HealthAccountsMap #content {
    display: block;
    width: 1300;
    margin: 0 auto;
}

#HealthAccountsMap #title {
    background-color: #00109f;
    /*height: 70;*/
    padding: 20px;
    text-align: center;
}

#HealthAccountsMap #title h2,
#HealthAccountsMap #title p {
    margin: 0;
    color: white;
    font-weight: bold;
}

#HealthAccountsMap #title h2 {
    font-size: 1.9em;
    padding-top: 18;
}

#HealthAccountsMap #title p {
    padding: 5;
}

#HealthAccountsMap #map {
    height: 560;
}

#HealthAccountsMap #legend {
    margin: 5px;
}

#HealthAccountsMap #legend div {
    display: inline-block;
    vertical-align: top;
    height: 90;
    width: 24%;
}

#HealthAccountsMap #disclaimer {
    display: inline-block;
    font-size: 0.7em;
    width: 60%;
    float: right;
    vertical-align: top;
    padding: 15 0;
}

#HealthAccountsMap #disclaimer p {
    margin: 0;
    padding: 0;
}

#HealthAccountsMap #logo {
    /* padding-top: 25px; */
    width: 40%;
    display: inline-block
}

#HealthAccountsMap .legend-box {
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
}

#HealthAccountsMap .modal-content h4,
#HealthAccountsMap #popup-title {
    display: inline-block;
}

#HealthAccountsMap #popup-title {
    font-weight: bolder;
    margin: 0;
    padding: 0;
}

#HealthAccountsMap .popup-header {
    border-bottom: 1px solid #e5e5e5;
    font-size: 1.2em !important;
}

#HealthAccountsMap #popup {
    border: 1px solid #000;
    background-color: rgba(255, 255, 255, 1);
    font-size: 0.9em !important;
    width: 20%;
    overflow: auto;
    max-height: 450;
}

#HealthAccountsMap #popup h4 {
    text-align: center;
    margin: 0;
    font-size: 1.1em !important;
    font-weight: bold;
    padding: 4px;
}

#HealthAccountsMap #popup p {
    margin: 0;
    padding: 4px 8px;
}

#HealthAccountsMap button.close {
    padding: unset;
    padding-right: 5px;
}

#HealthAccountsMap .close {
    line-height: unset;
}

#HealthAccountsMap a:hover,
#HealthAccountsMap .filled-boundary:hover,
#HealthAccountsMap .annotation-note-title:hover {
    cursor: pointer;
}

#HealthAccountsMap .annotation-note-title:hover {
    fill: black;
}

#HealthAccountsMap .annotation-note-title {
    fill: rgb(153, 29, 20);
}

#HealthAccountsMap .clicked-countryname {
    fill: black !important;
}

#HealthAccountsMap .selected-country,
#HealthAccountsMap .clicked-country {
    stroke: white !important;
    stroke-width: 3 !important;
}

#HealthAccountsMap .selected-country-bgd,
#HealthAccountsMap .clicked-country-bgd {
    stroke: steelblue !important;
    stroke-width: 2 !important;
}

.page-id-22761 .col-full {
	width: 1300px !important;
}

#HealthAccountsMap .label {
	font-size: 12px;
}

#HealthAccountsMap #content {
	padding-top: 1em !important;
}

.modal-open{overflow:hidden}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}
.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}
.modal-sm{width:300px}}
@media (min-width:992px){.modal-lg{width:900px}}

.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.panel-body:after,.panel-body:before {display:table;content:" "}
.modal-footer:after,.modal-header:after,.panel-body:after,.row:after{clear:both}


#HealthAccountsMap .modal-header .close {
    margin-top: -2px;
}
#HealthAccountsMap button.close {
    padding: unset;
    padding-right: 5px;
}
#HealthAccountsMap button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
#HealthAccountsMap .close {
    line-height: unset;
}
#HealthAccountsMap .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

#HealthAccountsMap svg:not(:root){
	overflow: hidden;
}


/* custom styling for IE 10 & 11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
     #HealthAccountsMap #map {
     	/*margin-top: 130px;*/
     }
}

/* End styling for health accounts map */


@media only screen and (max-width: 920px) and (min-width: 768px) {

#navigation {

    margin: 0px 0px 0px 0px !important;
}

@media print {
	#breadcrumbs, #wrapper-top, .country-selector, #header hgroup, #header .top-wrapper .search-wrapper, #navigation,
	div.tableau_wrapper {
		display: none !important;
	}

	#header .top-wrapper .hfg-logo {
		position: absolute;
		top: 0;
		right: 0;
	}

	#content, #header {
		padding: 0 !important;
		margin: 0 !important;
	}

}

@media screen {
	.print_only {
		display: none !important;
	}
}

/* For non-mobile screens */
@media(min-width: 921px){
    .featWhereWeWork {
        display: block !important;
    }

    #main.fullwidth,
    .layout-full #main,
    .col-full {
        max-width: 1050px !important;
        margin: 0 auto;
        width: 100%;
     }
     
    .entry h3 a {
        display: inline !important;
    }

    /*Featured stories on homepage*/
    #featImages .featImg {
        width: 50%;
        float: left;
    }

}
