/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/* hide header and footer on map-copy page*/ 
.page-id-5589 header, .page-id-5589 footer {
	display:none !important;
}


body.home .x-brand svg {
    -webkit-transition: width 0.5s;
    /* Safari */
    transition: width 0.5s;
}
.x-sidebar .sidebar-li-title {
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;
    color: #1a5885;
    display: block;
    width: 100%;
    margin-bottom: 0.3125rem;
}

.single-post .widget {
    width: 100%;
}
.widget_experts li {
    float: left;
}

.widget {
    float: left;
}

.x-sidebar a.sidebar-li-subtitle {
    font-size: 0.75rem;
    line-height: 1.1;
    font-weight: 600;
    color: #1a5885;
}

.x-sidebar .widget a {
    text-decoration: none;
}

.label {
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin-bottom: auto;
    padding: 0.25rem 0.5rem 0.25rem;
    background-color: #008CBA;
    color: #FFF;
}
.x-sidebar .widget a.label {
    color: #FFF;
}
.tagrelated {
    background: #58bb96;
    margin: 0 0.3125rem 0.625rem 0.3125rem;
    padding: 0.625rem;
    /*border-radius: 3px;*/
}
/*
.single-x-portfolio .entry-featured {
    float: left;
    padding-right: 35px;
    width: 50%;
}
.single-x-portfolio .entry-wrap {
    float: right;
    width: 50%;
}
*/
.single-x-portfolio .h-extra {
    font-size: 80%;
}
.single-x-portfolio .entry-wrap {
    width: 100% !important;
    float: none !important;
}
.single-x-portfolio .entry-featured {
    width: 100% !important;
    padding: 0px !important;
    float: none !important;
    display: none;
}
/* Our board - move image  */
.single-board .entry-featured {
    float: right;
    width: 30%;
}
.single-board .entry-content.content {
    width: 60%;
    float: left;
}
.single-board .entry-header {
    float: left;
}
.single-board .p-meta {
    display: none;
}

/* Home page latest  */


.x-recent-posts-img {
    padding: 0 0 100% 0;
}
.x-recent-posts-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.x-recent-posts a {
    border: none;
    padding: 0px;
}
/*.x-recent-posts article.hentry {border: 5px solid #fff;}
.x-recent-posts article.hentry.tag-tackling-healthcare-challenges { border: 5px solid #A44399; }
.x-recent-posts article.hentry.tag-strengthening-health-systems-and-institutions { border: 5px solid #FAB92B; }
.x-recent-posts article.hentry.tag-generating-and-using-evidence { border: 5px solid #EA3E5A;}
.x-recent-posts article.hentry.tag-smart-purchasing-for-uhc { border: 5px solid #73CFEA;}
.x-recent-posts article.hentry.tag-value-for-money-for-sustainable-development {border: 5px solid #6DAF7E;}
.x-recent-posts article.hentry.tag-measuring-impact {border: 5px solid #233259;}*/

/*blog tags */
.widget_tags .tag-strengthening-health-systems-and-institutions {
    background-color: #FAB92B;
}
.widget_tags .tag-generating-and-using-evidence {
    background-color: #EA3E5A;
}
.widget_tags .tag-smart-purchasing-for-uhc {
    background-color: #73CFEA;
}
.widget_tags .tag-value-for-money-for-sustainable-development {
    background-color: #6DAF7E;
}
.widget_tags .tag-measuring-impact {
    background-color: #233259;
}

.yarpp-thumbnail-default>img {
    min-height: inherit !important;
    min-width: inherit !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-default {
    padding: 10px;
    background-color: #ededed;
}

.x-recent-posts .format-standard .x-recent-posts-img:before {
    content: " ";
    background-image: url(../../uploads/2017/09/Logo.svg);
    background-size: cover;
    width: 150px;
    left: 30%;
    height: 70px;
    background-repeat: no-repeat;
}

.single-idsi_author.x-content-sidebar-active .x-container.main:before {
    right: -100%;
}

.single-idsi_author .entry-thumb figure {
    margin: 0px;
}

.single-idsi_author .entry-featured {
    float: left;
    margin-right: 25px;
    margin-bottom: 30px;
}

.entry-extra a.x-btn:before {
    content: "\f08e";
    margin: 0px 10px 0 0;
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}



* {
    box-sizing: border-box;
}

body {
    font-size: 16px;
    line-height: 25px;
    margin: 0;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
    letter-spacing: 0;
    margin: 0 0 30px 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child {
    margin: 0;
}
h1 {
    font-size: 40px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}

.x-header-landmark {
    display: none;
}

.x-btn-navbar-search {
    padding: 50px 20px;
    line-height: 20px;
}
.x-btn-alt {
    border-color: #02aed6;
    background-color: #02aed6;
    box-shadow: 0 0.25em 0 0 #0b8ead, 0 4px 9px rgba(0, 0, 0, 0.75);
}
#cs-content .floating>.x-column {
    position: static !important;
}
#cs-content .idsi-button {
    box-shadow: none !important;
    text-shadow: none !important;
    border: none !important;
    text-transform: capitalize;
    font-weight: 700;
    padding: 0 30px;
    font-size: 22px;
    line-height: 70px;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}
#cs-content .idsi-button:hover {
    margin-bottom: 0 !important;
}
#cs-content .idsi-button .idsi-button {
    padding: 0 30px;
}
#cs-content .idsi-button i {
    font-weight: normal;
    margin-left: 20px !important;
}
#cs-content .idsi-button-blue-border {
    border: 1px solid #ffffff;
}
#cs-content .x-btn {
    font-weight: 700;
    padding: 0 35px;
}

#cs-content .frame {
    padding: 0 35px;
}

#cs-content .x-feature-box-text a {
    font-size: 1.2rem !important;
}
#cs-content .x-feature-boximg {
    transition: ease .4s
}
#cs-content .x-feature-box a:hover img {
    background-color: #6DCFEC;
}
#cs-content .x-feature-box-text a {
    outline: none;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1;
}
#cs-content .three-cols {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}
#cs-content .three-cols li {
    padding: 60px 20px;
    background: #3ad6a2
}
#cs-content .three-cols h3 {
    font-size: 70px;
    color: #3d4053;
    margin: 10px 0
}
#cs-content .three-cols p {
    color: #3d4053;
    margin: 0;
}
#cs-content .three-cols p:first-child {
    margin: -28px 0 0 0;
}
#cs-content .home-news .x-recent-posts-date {
    display: none;
}
#cs-content .x-recent-posts a {
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
#cs-content .x-recent-posts a:hover .h-recent-posts {
    color: #fff;
}
#cs-content .x-recent-posts .x-recent-posts-img {
    padding: 0 0 70% 0;
}
#cs-content .x-recent-posts .has-post-thumbnail .x-recent-posts-img:after {
    opacity: 1;
    background-color: rgba(33, 37, 48, 0.6);
}
#cs-content .x-recent-posts .x-recent-posts-img:before {
    display: none;
}
#cs-content .x-recent-posts .x-recent-posts-content {
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 100%;
    padding: 0 10%;
    z-index: 10;
}
#cs-content .x-recent-posts .h-recent-posts {
    font-size: 20px;
    color: #fff !important;
}
#cs-content .latest-resources .h-recent-posts,
#cs-content .home-news .h-recent-posts {
    text-overflow: clip;
    white-space: pre-wrap;
    line-height: 25px;
    font-weight: 900;
    letter-spacing: 0;
}
#cs-content .home-news .x-recent-posts-date {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 30px;
    color: #fff;
    font-size: 15px !important;
}
.ctf-styles {
    margin-bottom: 30px;
}
footer .x-container.max {
    width: 1280px;
}
footer .widget {
    float: none;
    margin-top: 0 !important;
}
footer .widget a {
    text-decoration: none !important
}
footer .x-img-thumbnail {
    background-color: transparent;
}
footer.x-colophon.top {
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
}
footer .widget_custom_html {
    margin-top: 0 !important;
}
footer .widget:before {
    background: none;
}
footer .widget p,
footer .widget span,
footer .widget .copyright {
    color: #000;
    margin-bottom: 0.4rem;
    font-size: 13px;
}
footer .widget p a {
    color: #000;
    text-decoration: none;
}
footer .widget p a:hover {
    color: #000 !important;
    text-decoration: underline;
}
footer .menu {
    column-count: 2;
    margin-left: 6rem;
    margin-top: 3.5rem;
}
footer .menu a {
    color: #000 !important;
    font-size: 13px !important;
}
footer .menu a:hover {
    text-decoration: underline;
}
footer .widget .copyright,
footer .widget .extra {
    padding-top: 3.20rem;
}
footer .widget .copyright {
    display: inline-block;
    line-height: 2.85;
}
footer .widget .extra {
    float: right;
}
footer .widget .extra a {
    margin-left: 15px;
    color: #000;
}
footer .widget .extra i {
    font-size: 1.5em
}
footer .h-widget {
    color: #000;
}
footer .goog-te-gadget-simple {
    background: #3ad6a2;
    border: none;
    width: 100%;
    padding: 0 10px;
}
footer .goog-te-gadget-simple::before {
    content: "\f107";
    font-family: FontAwesomeLight;
    float: right;
    padding-right: 10px;
    font-size: 1.50em;
    line-height: 50px;
    color: #fff;
}
footer .goog-te-gadget-simple a span {
    display: inline-block;
    font-size: 14px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}
footer .goog-te-gadget-simple img,
footer .goog-te-gadget-simple a span:last-child {
    display: none;
}
footer .goog-te-gadget-simple span {
    border: none !important;
}
@media (max-width:979px) {
    footer .widget:first-child {
        margin-top: 0 !important;
    }
    footer .menu {
        margin-left: 0 !important;
        margin-top: 2rem !important;
    }
}
#cs-content .latest-resources a.x-recent-post4 {
    width: calc(25% - 26.5px);
}
#cs-content .latest-resources a.x-recent-post4:last-child {
    margin: 0;
}
#cs-content .latest-resources a {
    margin: 0 35px 0 0;
    overflow: visible;
}
#cs-content .latest-resources .x-recent-posts-date {
    display: none;
}
#cs-content .latest-resources a .x-recent-posts-content {
    position: absolute;
    bottom: 35px;
    width: 100%;
    text-align: center;
    -webkit-transition: height 0.5s ease;
    transition: height 0.5s ease;
    padding: 15px 15px 30px 15px;
}
#cs-content .latest-resources .h-recent-posts {
    color: #ffffff;
}
#cs-content .latest-resources .x-recent-posts-img {
    padding: 0 0 110% 0;
}
#cs-content .latest-resources .x-recent-posts-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#cs-content .latest-resources .entry-wrap:before {
    content: '\f061';
    font-size: 20px;
    opacity: 1;
    position: absolute;
    top: auto;
    bottom: 0;
    height: 70px;
    width: 70px;
    font-family: "FontAwesomeLight";
    font-size: 22px;
    line-height: 70px;
    color: #fff;
    margin: 0 0 -35px -35px;
    border-radius: 50%;
    background: #3ad6a2;
    z-index: 50;
}
@media (max-width:768px) {
    #cs-content .latest-resources a.x-recent-post4 {
        width: 100%;
        margin-bottom: 30px !important;
    }
}

#cs-content .related-accordion .x-recent-posts-img {
    padding: 0 0 100% 0;
}

#cs-content .featured .x-recent-posts .x-recent-posts-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 100%;
    max-width: none;
    transform: translate(-50%, -50%);
}

#cs-content .founders .x-feature-box-graphic-inner {
    display: flex;
    align-items: center;
    width: auto;
    height: 250px;
}


#cs-content .quote {
    font-size: 24px;
    line-height: 35px;
    font-weight: 700;
    color: #3d4053;
    padding: 10% 20%;
    border: none;
}
#cs-content .quote .symbol {
    font-size: 72px;
    font-weight: 700;
}
#cs-content .quote .x-cite {
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #3d4053;
}
#cs-content .quote .x-cite span {
    display: block;
    font-weight: 500;
}

.upcoming.x-section {
    padding: 0;
    background: #fff;
}
.upcoming .tg-item .tg-top-holder {
    height: 100%;
    width: 160px;
    padding: 5% 0;
    background: #1b294c;
}
.upcoming .tg-grid-area-top2:before {
    content: 'Upcoming';
    float: left;
    font-size: 30px;
    font-weight: 700;
    color: #3d4053;
}
.upcoming .tg-item .tg-item-date {
    display: block;
    width: 100%;
    font-size: 24px;
    background: none;
}
.upcoming .tg-item .tg-item-date strong {
    font-size: 18px;
}

.upcoming .tg-item .tg-center-holder {
    left: auto;
    height: 100%;
    width: calc(100% - 160px);
    padding: 5% 10%;
    background: #233259;
}
.upcoming .tg-item .tg-center-holder .tg-item-title {
    font-size: 24px;
    font-weight: 700;
    padding: 0;
    margin: 0 0 20px 0;
}
.upcoming .tg-item .tg-center-holder .tg-item-excerpt {
    font-size: 16px;
}

.upcoming .tg-item .tg-bottom-holder {
    left: auto;
    width: calc(100% - 160px);
    padding: 5% 10%;
}
.upcoming .tg-item .tg-bottom-holder>div {
    padding: 0;
    margin: 0 40px 0 0;
    border: none;
}
.upcoming .tg-item .tg-bottom-holder>div:last-child {
    margin: 0;
}
.upcoming .tg-item .tg-bottom-holder a,
.upcoming .tg-item .tg-bottom-holder a:focus,
.upcoming .tg-item .tg-bottom-holder a:active {
    display: block;
    font-size: 16px;
    line-height: 53px;
    white-space: nowrap;
    text-transform: none;
    padding: 0 24px;
    margin: 0;
    border: none;
    background: #3ad6a2;
}

.related .tg-item {
    background: #233259;
}
.related .tg-item .tg-item-image {
    display: none;
}
.related .tg-item .tg-item-content {
    margin: 10%;
    opacity: 1;
}
.related .tg-item .tg-item-title {
    transform: none;
}
.related .tg-item .tg-media-button {
    position: static;
    display: table;
    width: auto;
    height: auto;
    line-height: 53px;
    padding: 0 25px;
    background: #3ad6a2;
}
.related .tg-item .tg-media-button i {
    display: inline;
    vertical-align: top;
    font-size: 22px;
}
.related .tg-item .tg-media-button i:before {
    vertical-align: top;
    line-height: 53px;
    margin: 0 0 0 10px;
}
.related .tg-item .tg-media-button:before {
    content: 'Find Out More';
    font-size: 16px;
    font-weight: 700;
}
.related .tg-item .tg-item-author,
.related .tg-item .tg-cats-holder {
    display: none;
}

.countries {
    position: relative;
    padding: 30px 2vw 30px 30vw;
    background: #233259;
}
.countries h2,
.countries h3 {
    font-size: 30px;
    color: #fff;
    margin: 0 0 20px 0;
}
.countries p {
    font-size: 16px;
    line-height: 25px;
}

.countries .map {
    position: relative;
    text-align: right;
}
.countries .map img {
    max-width: 100%;
}

.countries .country {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    transition: all .2s ease-in-out;
}

.countries .info {
    position: absolute;
    top: 50%;
    left: -30vw;
    width: 30vw;
    padding: 50px 0 50px 5vw;
    font-family: 'Lato';
    color: #fff;
    background: #233259;
    transform: translateY(calc(-50% - .5px));
    transition: all .4s ease-in-out;
    z-index: 200;
}
.countries .info.active {
    left: 0;
}
.countries .info h2 {
    font-size: 30px;
    color: #fff;
    margin: 0 0 20px 0;
}
.countries .info p {
    font-size: 16px;
    line-height: 25px;
}
.countries .info>ul {
    column-count: 2;
    list-style: none;
    padding: 0;
    margin: 0;
}
.countries .info ul li {
    line-height: 30px;
}
.countries .info ul li a {
    font-size: 18px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.2);
    text-decoration: none;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.countries .info ul li a.active {
    color: #44d2ac;
}

.countries .panel {
    position: absolute;
    top: 50%;
    left: -30vw;
    width: 30vw;
    padding: 50px 0 50px 100px;
    font-family: 'Lato';
    color: #fff;
    background: #233259;
    transform: translateY(calc(-50% - .5px));
    transition: all .4s ease-in-out;
    z-index: 200;
}
.countries .panel.active {
    left: 100%;
}
.countries .panel .btn {
    display: table;
    font-size: 16px;
    line-height: 40px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    margin: 0 0 10px 0;
    cursor: pointer;
}
.countries .panel .btn:last-child {
    margin: 0;
}
.countries .panel .link {
    padding: 0 24px;
    background: #3ad6a2;
}
.countries .panel .back:hover {
    text-decoration: underline;
}

.countries .legend {
    font-family: 'Lato';
    margin: 20px 0 0 0;
}
.countries .legend ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.countries .legend ul li {
    display: block;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
    color: #fff;
    margin: 0;
}
.countries .legend ul li:last-child {
    margin: 0;
}
.countries .legend ul span {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    width: 20px;
    margin: -3px 10px 0 0;
    border-radius: 50%;
}
@media (max-width: 767px) {
    .countries {
        padding: 20px 0 0 0;
    }
    .countries .map {
        float: none;
        width: 100%;
    }
    .countries .info {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        padding: 20px;
        transform: none;
    }
    .countries .panel {
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        padding: 20px;
        transform: none;
    }
    .countries .panel.active {
        left: 0;
    }
    .countries .legend {
        display: block !important;
    }
}

.network.x-section {
    position: relative;
    padding: 0;
}
.network .circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 6%;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 30px 40px rgba(0, 0, 0, 0.3);
}
.network .circle:hover {
    z-index: 100;
}
.network .circle .nest {
    position: relative;
    width: 100%;
    padding: 0 0 100% 0;
    border-radius: 50%;
    overflow: hidden;
}
.network .circle:hover .infobox {
    opacity: 1;
    visibility: visible;
}
.network .circle img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 80%;
    max-height: 80%;
    margin: 0 auto;
    transform: translate(-50%, -50%);
}
.network .circle.leftside .infobox {
    left: auto;
    right: 55%;
}
.network .circle.leftside .infobox:before {
    left: auto;
    right: 0;
    margin: -9px -9px 0 0;
}
.network .circle .infobox {
    position: absolute;
    top: 50%;
    left: 55%;
    width: 398px;
    padding: 40px 50px;
    background: #fff;
    transform: translateY(calc(-50% - .5px));
    transition: all .2s ease-in-out;
    opacity: 0;
    visibility: hidden;
}
.network .circle .infobox:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    height: 18px;
    width: 18px;
    margin: -9px 0 0 -9px;
    border-radius: 50%;
    background: #3ad6a2;
}

.x-section.details {
    position: relative;
    padding: 100px 120px;
    background: #fff;
}
.details .date {
    position: absolute;
    top: 50px;
    left: 0;
    width: 120px;
    font-size: 24px;
    line-height: 25px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    padding: 60px 30px;
    background: #233259;
}
.details .date .country {
    font-size: 16px;
    font-weight: normal;
    margin: 30px 0 0 0;
}
.details .date .country img {
    margin: 0 auto;
}
.details ul {
    list-style: none;
    margin-left: 0;
    column-count: 2;
    column-gap: 50px;
}
.details ul li {
    position: relative;
    padding: 0 0 0 20px;
    margin: 0 0 5px 0;
}
.details ul li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #3ad6a2;
}


.post-template-default .x-container.max,
.page-template-template-content-sidebar-php .x-container.max {
    width: 1280px !important;
    max-width: 96% !important;
}
.post-template-default .x-container:before,
.page-template-template-content-sidebar-php .x-container:before {
    width: 100%;
    left: -28% !important;
}
.post-template-default .x-main.full,
.page-template-template-content-sidebar-php .x-main.full {
    float: left;
    width: 72%;
    padding-right: 35px;
}
.post-template-default .x-sidebar,
.page-template-template-content-sidebar-php .x-sidebar {
    width: 28%;
    margin-top: 0 !important;
}
.post-template-default .details .x-main.full {
    float: none;
    width: 100%;
    padding-right: 0;
}
.post-template-default .upcoming .x-container.max.full {
    max-width: 100%;
    background: #fff;
}

/* CSS from theme options */
/* Global */
body {
  color: #3d4053;
}

/* Grid */
.x-container.small {
  width: 960px;
}
.x-container.mid {
  width: 1280px;
}
.x-container.large {
  width: 1600px;
}
.x-container.full {
  width: 100%;
}
.x-container.max {
  max-width: 96% !important;
}
.x-container.main {
  max-width: 100% !important;
}
.x-container>.offset {
  margin: 0 auto;
}
.x-section {
  padding: 0 35px;
  margin: 0;
}
.entry-content {
  margin-top: 0;
}

/* Header */ 

.x-brand img {
    width: 130px;
		padding-bottom: 0;
}

.tp-caption a {
  color: #ffffff;
}

.tp-caption a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/* Nav */
.x-navbar-fixed-top-active
.x-navbar-wrap {
  margin-bottom: 0;
}

.x-navbar {
  border-bottom: none;
}
.x-navbar .x-container.max {
  width: 1600px;
}
.x-brand img {
  width: 100px;
}

.ubermenu-main
.ubermenu-submenu.ubermenu-submenu-drop {
  border: none;
}
.ubermenu-skin-vanilla.ubermenu-horizontal
.ubermenu-item-level-0
> .ubermenu-submenu-drop {
  border-top: none;
}
.ubermenu .ubermenu-submenu {
  padding: 10px 0;
}
.ubermenu .ubermenu-divider {
  padding: 0;
}
.ubermenu
.x-menu-item {
  padding: 0;
  margin: 0 0 0 30px;
}
.ubermenu
.x-menu-item
.x-btn-navbar-search {
  padding: 50px 20px;
  line-height: 20px;
}

/*
// Buttons
*/

.x-btn.x-btn-alt,
.button.x-btn-alt,[type=\"submit\"].x-btn-alt {
  border-color: #02aed6;
  background-color: #02aed6;
  box-shadow: 0 0.25em 0 0 #0b8ead, 0 4px 9px rgba(0, 0, 0, 0.75);
}

.x-btn.x-btn-alt:hover,
.button.x-btn-alt:hover,[type=\"submit\"].x-btn-alt:hover {
  border-color: #0b8ead;
  background-color: #0b8ead;
  box-shadow: 0 0.25em 0 0 #097690, 0 4px 9px rgba(0, 0, 0, 0.75);
}

.idsi-button {
  box-shadow: none !important; 
  text-shadow: none !important; 
  border: none; 
  text-transform: capitalize; 
  font-weight:700;
  padding: 0;
  font-size: 22px;
  line-height: 70px;
  margin-bottom: 0;
}
.idsi-button:hover {
  margin-bottom: 0;
}
.idsi-button .idsi-button {
  padding: 0 30px;
}

.idsi-button i {
  font-weight: normal;
  margin-left: 20px !important;
}

.idsi-button-blue {
  background-color: #233259;
}

.idsi-button-green {
  background: #3ad6a2;
}

.idsi-button-black {
  background-color: #000000;
}

.idsi-button-blue-border {
  border: 1px solid #ffffff;
}

.x-btn {
  font-weight: 700;
  padding: 0 35px;
}

.x-column {
  margin-right: calc(4% - 1px);
}

/*
// Dropcap
*/

.x-dropcap {
  background-color: #02aed6;
}


/*
// Headings - Dark section
*/

.dark-section h1,
.dark-section h2,
.dark-section h3,
.dark-section h4,
.dark-section h5,
.dark-section h6,
.dark-section h1 a,
.dark-section h2 a,
.dark-section h3 a,
.dark-section h4 a,
.dark-section h5 a,
.dark-section h6 a {
  color: #fff;
}

.dark-section h1 a:hover,
.dark-section h2 a:hover,
.dark-section h3 a:hover,
.dark-section h4 a:hover,
.dark-section h5 a:hover,
.dark-section h6 a:hover {
  color: #fff;
  opacity: 0.65;
}


/*
// Sidebar
*/

.widget a {
  color: #02aed6;
}

/*
// Blog
*/
.x-nav-articles {
  display:none;
}
/*
// Contact Form 7
*/

.wpcf7-form {
  margin: 0;
}


/*Slider*/
#rev_slider_1_1_wrapper {
  padding:0 !important;
}

/*
// Feature Box
*/

.x-feature-box-text a {
  font-size: 1.2rem !important;
}

.x-feature-box  img {
  transition: ease .4s
}

.x-feature-box a:hover img {
  background-color: #6DCFEC;
}
.x-feature-box-text  a{
  outline: none;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1;
}

/* Home three cols */

.three-cols {
  display: flex;
  flex-wrap: wrap;
  margin: 0; 
}
.three-cols li {
  	padding: 60px 20px;
    background: #3ad6a2
}
.three-cols h3 {
  font-size: 70px;
  color: #3d4053;
  margin: 10px 0
}
.three-cols p {
  color: #3d4053;
  margin: 0;
}
.three-cols p:first-child {
  margin: -28px 0 0 0;
}

/* Home news */

.home-news .x-recent-posts-date {
  display: none;
}
.x-recent-posts .x-recent-posts-img {
  padding: 0 0 70% 0;
}
.x-recent-posts .x-recent-posts-img:after {
  opacity: 1;
  background-color: rgba(33,37,48,0.6);
}
.x-recent-posts .format-standard .x-recent-posts-img:before {
  display: none;
}
.x-recent-posts .x-recent-posts-content {
  position: absolute;
  bottom: 10%;
  left: 0;
  width: 100%;
  padding: 0 10%;
  z-index: 10;
}
.x-recent-posts .h-recent-posts {
  font-size: 20px;
  color: #fff;
}


/*Recent Posts*/
.latest-resources .h-recent-posts,
.home-news .h-recent-posts {
  text-overflow: clip;
  white-space: pre-wrap;
  line-height: 25px;
  font-weight: 900;
  letter-spacing: 0;
}
  
.home-news .x-recent-posts-date {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 30px;
  color: #fff;
  font-size: 15px !important;
}

.home-news article.hentry.tag-tackling-healthcare-challenges .x-recent-posts-date { background: #A44399; }
.home-news article.hentry.tag-strengthening-health-systems-and-institutions .x-recent-posts-date { background: #FAB92B; }
.home-news article.hentry.tag-generating-and-using-evidence .x-recent-posts-date { background: #EA3E5A;}
.home-news article.hentry.tag-smart-purchasing-for-uhc .x-recent-posts-date { background: #73CFEA;}
.home-news article.hentry.tag-value-for-money-for-sustainable-development .x-recent-posts-date {background: #6DAF7E;}
.home-news article.hentry.tag-measuring-impact .x-recent-posts-date {background: #233259;}



/*twitter*/
.ctf-styles {
  margin-bottom: 30px;
}


/*
//Footer
*/
footer .widget {
  float: none;
  margin-top: 0 !important;
}

footer .widget a{
  text-decoration: none !important
}
footer .x-img-thumbnail {
	background-color: transparent; 
}

footer.x-colophon.top {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

footer .widget_custom_html {
  margin-top: 0 !important;
}

footer .widget:before {
  background: none;
} 

footer .widget p, 
footer .widget span,
footer .widget .copyright {
  color: #000;
  margin-bottom:0.4rem;
  font-size: 13px;
} 

footer .widget p a {
  color: #000;
  text-decoration: none;
} 

footer .widget p a:hover {
  color: #000 !important;
  text-decoration: underline;
}

footer .menu {
  column-count: 2;
  margin-left: 6rem;
  margin-top: 3.5rem;
}

footer .menu a {
  color: #000 !important;
  font-size: 13px !important;
}

footer .menu a:hover { 
	text-decoration: underline;
}

footer .widget .copyright, 
footer .widget .extra {
  padding-top: 3.20rem;
}

footer .widget .copyright {
  display: inline-block;
  line-height: 2.85;
}

footer .widget .extra {
  float: right;
  padding-top: 20px;
}

footer .widget .extra a {
  margin-left: 15px;
  color: #000;
}

footer .widget .extra i {
  font-size: 1.5em
}

footer .h-widget {
  color: #000;
}

footer .goog-te-gadget-simple {
  background: #3ad6a2;
  border: none;
  width: 100%;
  padding: 0 10px;
}

footer .goog-te-gadget-simple::before {
  	content: "\f107"; 
  	font-family: FontAwesomeLight;
  	float: right;
  	padding-right: 10px;
  	font-size: 1.50em;
  	line-height: 50px;
  	color: #fff;
}

footer .goog-te-gadget-simple a span {
  display:inline-block;
  font-size: 14px;
  line-height: 50px;
  font-weight: 700;
  color: #fff;
  margin:0;
} 

footer .goog-te-gadget-simple img,
footer .goog-te-gadget-simple a span:last-child  {
  display: none;
}

footer a:hover {
  color: #3ad6a2 !important;
}
footer .logo-id {
  display: inline;
  margin: 0 0 0 10px;
}
footer .logo-id a {
  color: #000;
}
footer .logo-id a:hover {
  color: #000 !important;
  text-decoration: underline !important;
}
footer .logo-id img {
  display: inline;
  vertical-align: middle;
  margin: -2px 0 0 4px;
}

footer .goog-te-gadget-simple span {
  border: none !important;
}

@media (max-width: 979px) {
footer .widget:first-child {
    margin-top: 0 !important;
}
  footer .menu {
    margin-left: 0 !important;
    margin-top: 2rem !important;
  }
}

/* latest Resources */
.latest-resources a.x-recent-post4 {
     width: calc(25% - 26.5px);
}
.latest-resources a {
  margin: 0 35px 0 0;
  overflow: visible;
}
.latest-resources .x-recent-posts-date {
  display: none;
}

.latest-resources a .x-recent-posts-content {
  position: absolute;
  bottom: 35px;
	width: 100%;
  text-align: center;
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
  padding: 15px 15px 30px 15px;
}

.latest-resources .h-recent-posts {
  color:#ffffff;
}

.latest-resources .x-recent-posts-img {
  padding: 0 0 110% 0;
}
.latest-resources .x-recent-posts-img img {
  position: absolute;
  top: 0;
  left: 0;
    width: 100%;
    height: 100%;
	object-fit: cover;
}
.latest-resources .x-recent-posts .x-recent-posts-img:before {
  content: "\f061";
  font-size: 20px;
  opacity: 1;
  top: auto;
  bottom: 0;
  height: 70px;
  width: 70px;
  line-height: 70px;
  margin: 0 0 -35px -35px;
  border-radius: 50%;
  background: #3ad6a2;
}

@media (max-width: 768px) {
  .latest-resources a.x-recent-post4 {
    width: 100%;
    margin-bottom: 30px !important; 
	}
}
/* End of CSS from theme options*/

.page-template-template-countries .countries .info ul li a ,
.page-template-template-countries .countries .info ul li a :visited

{
  color: #fff;
  transition: 0.3s;
}

.page-template-template-countries .panel a,
.page-template-template-countries .panel a :link{
	  color: #fff;
  transition: 0.3s;
  text-decoration: underline;
}

.page-template-template-countries .panel a :visited{
      color: #fff;
  transition: 0.3s;
  text-decoration: underline;
}

.page-template-template-countries .panel a :hover{
      color: #fff;
  transition: 0.3s;
  text-decoration: underline;
}

.page-template-template-countries .panel a :active{
      color: #fff;
  transition: 0.3s;
  text-decoration: underline;
}

.page-template-template-countries .info.active a:link
 {
  text-decoration: underline;

}

.page-template-template-countries .info.active a:visited
 {
  text-decoration: underline;
}

.page-template-template-countries .info.active a:hover
 {
  text-decoration: underline;
}

.page-template-template-countries .info.active a:active
 {
  text-decoration: underline;
}

.page-template-template-countries .panel a:hover{
	  text-decoration: underline;
}
.page-template-template-countries-php .info .btn.link {
	display: none;
}

@media only screen and (max-width: 1300px) {
  .countries .info {
    width: 360px;
  }

  .countries .map img {
    height: 778px;
    object-fit: contain;
  }
}
@media only screen and (max-width: 768px) {
  .countries .info {
    width: 100%;
  }
	
	  .countries .map img {
    height: auto;

  }
}