/* mig-HealthCare custom CSS */

/* Typography */
h1, h2, h3, h4 {
	font-family: 'Fira Sans Condensed', sans-serif!important;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 600!important;
}

h1 {
    font-size: 32px!important;
}
body {
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 16px;
    line-height: 21px;
    color: #7f7f7f;
}
em {
    color: #707671!important;
}
/* Typography */

/* Navigation Menu inline */
.parent {
    margin-bottom: 10px;
}
.navigation {
    padding: 5px 0;
    border-top: none;
    border-bottom: #ddd 1px solid;
    margin-bottom: 22px;
    margin-top: 22px;
    display: inline-flex;
    /*max-height: 30px;*/
    max-height: 42px;
    width: 100%;
}
.nav-collapse {
    margin-left: auto;
    margin-right: auto;
}
.nav.menu.nav-pills {
    padding-left: 0px;
}
.nav-pills > li > a {
    color: #7f7f7f!important;
}

.nav-pills > .active > a {
    background: transparent!important;
    color: #455AA8!important;
}
.nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}
.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}
.nav-pills .current, .nav-pills .active {
    border-top: solid 1px #cecece;
    border-left: solid 1px #cecece;
    border-right: solid 1px #cecece;
    border-bottom: solid 4px #ffffff;
    box-sizing: border-box;
    max-height: 37px;
}
/* End of Navigation Menu inline */

/* Global Styles */
.uk-margin li {
    margin-bottom: 11px;
}
.uk-accordion-content {
    padding: 0px 0px 20px!important;
}
.push90 {
    height: 90px;
}
.readmore {
    font-family: 'Fira Sans Condensed', sans-serif !important;
}
#mobile_intro_text {
        text-align: center!important;
        color: #7f7f7f;
        font-weight: 400!important;
        font-size: 15px;
}
div[itemprop="blogPost"] {
    margin-top: 10px!important;
    margin-bottom: 18px!important;
}
#motto {
    font-size: 26px;
    line-height: 1.1em;
    font-family: 'Fira Sans Condensed', sans-serif!important;
    font-weight: 300;
    text-align: center;
    padding: 0px 95px;
}
.uk-grid {
    margin-left: -35px;
    margin-top: 11px!important;
}
.uk-grid-width-1-1 {
    margin-bottom: 30px;
}
.uk-grid-width-1-2 h3 {
    font-size: 18px!important
}
.uk-grid-width-1-2 .uk-panel-teaser {
    margin-bottom: 6px!important;
}
body.site.fluid {
    background-color: #ffffff;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #cecece;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.breadcrumb {
    padding: 8px 0px;
    margin: 0 0 18px;
    list-style: none;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    font-size: 14px;
}
body.site {
    border-top: none!important;
    padding: 0px;
    background-color: #f4f6f7;
}
a:focus {
    outline: none!important;
}
a {
   outline: none!important;
}
p {
    margin: 10px 0 10px 0!important;
}
.uk-h2, h2 {
    font-size: 24px;
    line-height: 0px;
    margin-top: 10px;
    margin-bottom: 0px!important;
}
div[itemprop="blogPost"] {
   margin-top: 0px;    
   margin-bottom: 38px;
}
.page-header {
    border-bottom: none;
    margin: 2px 0px 0px 0px;
    padding-bottom: 5px;
}
.uk-tab > li > a {
    color: #455AA8!important;
}
.uk-link, a {
    color: #455AA8!important;
    text-decoration: none;
    cursor: pointer;
}
hr {
    margin: 80px 0;
}
hr.Normal {
    margin: 40px 0;
}
hr.Light {
    margin: 20px 0;
}
#arrow-up {
    display: none;
    position: fixed;
    bottom: 60px;
    right: 0;
    margin-right: 50px;
    z-index: 9999;  
}
#arrow-up span {
    display: block;
    height: 40px;
    width: 40px;    
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    background: url("../images/tgfx/backtotop.png") no-repeat center center rgba(0,0,0,0.2);
}

/*com_wizard*/
.question-error{
    color: #ff0000;
}
/*com_wizard*/


/* arrow for header =======================================================================================*/
.arrow {
    float: left;
    padding-right: 0px;
    padding-bottom: 30px;
}
.arrow img {
    max-width: 80%;
    margin-top: 4px;
}
.sections-header {
    display: inline-block;
}
.arrow h1 {
    color: #7f7f7f;
}
/* Primary Button */
.uk-button {
    color: #313e7b;
    margin-bottom: 0px;
    margin-top: 0px;
    border: 1px solid #ddd !important;
    background: #ffffff!important;
    border-radius: 0px!important;
    padding: 3px 12px!important;
}
.uk-button:active {
    background-color: #f5f5f5!important;
    box-shadow: none!important;
}
.uk-button:focus, .uk-button:hover {
    background-color: #f5f5f5!important;
}
/* About page */
.about-page .page-header h1 {
    color: #feda04;
    text-align: left;
    margin-bottom: 50px;
}
.site.com_content.view-category.layout-blog h2 {
    color: #465aa8;
    font-size: 29px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 4px !important;
    text-align: center;
    
}
.uk-accordion {
    margin-top: 11px;
    margin-bottom: 36px;
}
.blogabout-page .uk-flex-middle {
    -ms-flex-align: inherit;
    -webkit-align-items: inherit;
    align-items: inherit;
}

.control-label.message-con.cust-9 li {
    margin-top: 10px;
}

.control-label.message-con.cust-9 li a{
    color:#fff !important;
}

.control-label.message-con.cust-9 li a:hover{
color: #c6c6c6 !important;
    text-decoration: none;
}

.question-list-1 label , .question-list-2 label,.question-list-3 label {
    color: #fff !important;
    font-size: 20px;
}

.cust-9-li-last{
	list-style: none !important;
    margin-top: 30px !important;
}
.cust-9-li-last a:after{
	content: "\f105";
    font-family: fontawesome;
    font-size: 18px;
    margin-left: 6px;
}
/* Aim section */
@media (min-width: 767px) {
    .span4.flexy_group {
        display: inline-flex;
    }
}
.span10.sidetext {
    margin-left: 0px;
}
.span2.sideicon {
    display: table;
    margin-right: 16px;
}
.span3.sideicon {
    display: table;
    margin-right: 16px;
}

/* eLibrary page */
.item-pageelibrary-page .page-header h1 {
    color: #ab218e;
    text-align: left;
    margin-bottom: 50px;
}
/* Partners page */
.item-pagecommunity-page .page-header h1 {
    color: #28a349;
    text-align: left;
    margin-bottom: 50px;
}
/* Capacity building page */
.item-pagecap-bulding-page .page-header h1 {
    color: #465aa8;
    text-align: left;
    margin-bottom: 50px;
}
/* News page */
body.layout-blog .span4 div[itemprop="blogPost"] p {
    clear: left;
}
.blognews-page .page-header h1 {
    color: #00a7e2;
    text-align: left;
    margin-bottom: 26px;
}
.blognews-page h2 {
    font-size: 19px!important;
    margin-bottom: 2px !important;
    line-height: 26px!important;
    text-align: left!important;
    width: 98%;
}
.blognews-page .pull-left.item-image {
    margin: 0 12px 18px 0;
}
.icon-chevron-right {
    display: none;
}
.btn {
    box-shadow: none;
    text-shadow: none;
    background-color: transparent;
    padding: 0;
    background-image: none;
    border: none;
    font-size: 16px;
}
.btn:hover {
    background-color: transparent;
    color: #333!important;
}
.btn:focus {
    background-color: transparent;
    color: #333!important;
}
.latestnews li {
    margin-top: 16px;
}
.newsflash-title {
    margin-bottom: 5px;
}

.newsflash img {
    margin-bottom: 8px;
}

/* Contact page */
.contactcontactus-page h1 {
    color: #ed4480;
    text-align: left;
    margin-bottom: 50px;
}
/* Contact form */
#contact-form {
    min-height: 20px;
    padding: 0px;
    margin-bottom: 0px;
    background-color: #ffffff;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.contact-form {
    display: flex;
    justify-content: center;
}
.contactcontactus-page h3 {
    display: none;
}
/* Site Content ============================TO REVIEW ===================================== */ 
#content {
    min-height: 0px;
}
/* Mainbanner */
.mainbanner {
    background-color: #f1f1f1;
    padding: 15px 0;
    -webkit-box-shadow: 0px -22px 16px 17px black;
    -moz-box-shadow: 0px -22px 16px 17px black;
    box-shadow: 0px -22px 16px 17px black;
}
.small_mainbanner {
    margin: 0px;
    display: grid;
    float: right;
    max-height: 94px;
}
/* Mainbanner title */
h3.topHeader {
    font-size: 20px;
    line-height: 1.3em;
    color: #707671;
    font-family: 'Fira Sans Condensed', sans-serif!important;
    font-style: italic;
    font-weight: 500 !important;
    text-align: center;
    padding-left: 56;
    margin-top: 23px;
}
.homepage-title {
    margin-top: 0px;
}
/* Logo */
.span3.mobile_logo {
    margin-left: 0px;
}
#logo_small {
    margin-bottom: 28px;
    margin-top: 12px;
}
/* Modal Menu */
.uk-button.menubtn {
    background: #465aa8!important;
    color: #f1f1f1;
    min-height: 25px;
    line-height: 25px;
    border-radius: 0px!important;
}
.uk-button.menubtn:focus, .uk-button.menubtn:hover {
    background-color: #ddd!important;
}
.uk-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(255, 255, 255, 0.94) !important;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    touch-action: cross-slide-y pinch-zoom double-tap-zoom;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.uk-modal.uk-open {
    background: rgba(0,0,0,.8);
}
.uk-modal-dialog { 
    background: transparent!important;
    border: none!important;
    box-shadow: none!important;
    top: 14%;
}
.uk-modal-dialog li a {
    font-size: 19px!important;
}
 ol, ul {
    padding-left: 0px;
}
.uk-open .uk-modal-dialog {
    padding-left: 0px;
    padding-right: 0px;
}
.nav.menu.\.uk-modal {
    padding-left: 0px;
}
.item-101, .item-102, .item-103, .item-107, .item-108, .item-105, .item-110, .item-155, .item-172, .item-154 {
    font-size: 15px;
    text-align: center;
    line-height: 3em;
}
.uk-modal-dialog .item-101.current.active {
    border: none;
}
.uk-modal-dialog .item-102.current.active {
    border: none;
    border-left: solid 5px #f9bb21;
    border-right: solid 5px #f9bb21;
}
.uk-modal-dialog .item-103.current.active {
    border: none;
    border-left: solid 5px #ab218e;
    border-right: solid 5px #ab218e; 
}
.uk-modal-dialog .item-108.current.active {
    border: none;
    border-left: solid 5px #28a349; 
    border-right: solid 5px #28a349; 
}
.uk-modal-dialog .item-110.current.active {
    border: none;
    border-left: solid 5px #465aa8;
    border-right: solid 5px #465aa8;
}
.uk-modal-dialog .item-107.current.active {
    border: none;
    border-left: solid 5px #00a7e2;
    border-right: solid 5px #00a7e2;
}
.uk-modal-dialog .item-105.current.active {
    border: none;
    border-left: solid 5px #ed4480;
    border-right: solid 5px #ed4480;
}
/* Language switcher */
.lang {
    /*display: grid;*/
    display: none;
}
.chzn-container-single .chzn-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 26px;
    border: 1px solid #aaa;
    border-radius: 0px!important;
    background-color: #fff;
    background: transparent !important;
    background-clip: padding-box;
    box-shadow: none;
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 22px;
}
.chzn-container.chzn-container-single.chzn-container-single-nosearch {
    width: 140px!important;
}
/* Social media */
.social-fb {
    background-color: #204385;
    width: 40px;
    height: 40px;
}
.social-uTube {
    background-color: #cc181e;
    width: 40px;
    height: 40px;
    margin-left: 10px;
}
.social-twtr {
    background-color: #1fc4ff;
    width: 40px;
    height: 40px;
    margin-left: 10px;
}
.social-fb:hover {
    opacity: 0.6;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    -webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.social-twtr:hover {
    opacity: 0.6;
    filter: alpha(opacity=50); /* For IE8 and earlier */
    -webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.social-icns {
    display: -webkit-flex;
    display: inline-flex;
}
@media (min-width: 979px) {
    .social-icns {
    display: flex;
    float: right;
    }
}

/* Info Button */
.btn.btn-info {
    color: #455AA8;
    border: 1px solid #ddd !important;
    background-color: #ffffff!important;
    text-shadow: none !important;
    font-size: 14px !important;
    border-radius: 0px;
    padding: 8px 12px;
    box-sizing: border-box;
    outline: none!important;
    font-family: 'Fira Sans', sans-serif !important;
}
.btn.btn-info:hover, 
.btn.btn-info:focus,
.btn.btn-info:active, 
.btn.btn-info.active, 
.open .dropdown-toggle.btn-primary { 
    color: #455AA8; 
    background-color: #f5f5f5!important; 
    border: 1px solid #ddd !important; 
    box-shadow: none!important;
    outline: none!important;
} 
.btn.btn-info:active, 
.btn.btn-info.active, 
.open .dropdown-toggle.btn-primary { 
    color: #455AA8; 
    background-color: #f5f5f5!important; 
    border: 1px solid #ddd !important; 
    box-shadow: none!important; 
    outline: none!important;
}
/* Secondary Button */
.btn-custom {
    min-width: 140px;
    color: #fff!important;
    text-align: center;
}
.btn, .btn-primary, .btn-custom {
    color: #fff!important;
    border: 1px solid #ddd !important;
    background-color: #455AA8;!important;
    text-shadow: none !important;
    font-size: 14px !important;
    border-radius: 0px;
    padding: 8px 12px;
    box-sizing: border-box;
    outline: none!important;
    font-family: 'Fira Sans', sans-serif !important;
}
.btn-primary:hover, 
.btn-primary:focus,
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary,
.btn-custom:hover, .btn-custom:focus { 
    color: #455AA8!important; 
    background-color: #f5f5f5!important; 
    border: 1px solid #ddd !important; 
    box-shadow: none!important;
    outline: none!important;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
} 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
    color: #455AA8; 
    background-color: #f5f5f5!important; 
    border: 1px solid #ddd !important; 
    box-shadow: none!important; 
    outline: none!important;
    
} 
.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, 
fieldset[disabled] .btn-primary.active { 
  background-color: #EEEEEE; 
  border-color: #A8A8AB; 
} 
 
.btn-primary .badge { 
  color: #EEEEEE; 
  background-color: #455AA8; 
}

/* FIELDS and FILTERS */
ul.unstyled {
    margin-left: 0;
    list-style: none;
    padding-left: 0;
}
/* Homapage Grid */
.uk-margin {
    margin-top: 10px!important;
}
.uk-panel-title {
    margin-bottom: 0px!important;
    font-family: 'Fira Sans Condensed', sans-serif!important;
    font-weight: 600!important;
    font-size: 27px!important;
}
input#faf-form-submit-110 {
    display: none;
}
/* ********************************************************* */
abouttag {
    color: #455AA8;
}
elibrarytag {
    color: #FEC90A;
}
newstag {
    color: #00a7e2;
}
communitytag {
    color: #28a349;
}
capacitytag {
    color: #ab218e;
}
contacttag {
    color: #F7941D;
}
/* Footer */
#chafea-logo {
    width: 74px;
}
#disclaimer {
    font-size: 12px;
    color: #9c9c9c;
    margin-top: 0px !important;
}
/* COUNTRY PROFILES PAGE */
.inlineMe a {
    display: inline-block;
    margin-bottom: 6px;
}


/* RESPONSIVE */
@media (max-width: 399px) {
    h3.topHeader, #logo_big {
        display: none;
  }
}
@media (max-width: 538px) {
    .blognews-page .pull-left.item-image {
        margin: 0 0px 18px 0;
        float: none;
    }    
}
@media (min-width: 400px) {
    #logo_small {
        display: none;
        }
    #mobile_intro_text {
        text-align: center!important;
        color: #7f7f7f;
        font-weight: 400!important;
        font-size: 15px;
        display: none;
    }
}
@media (max-width: 779px) {
    .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
        padding: 9px 15px;
        color: #555;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px!important;
    }
    h3.topHeader {
        font-size: 18px;
        line-height: 1.3em;
        font-family: 'Fira Sans Condensed', sans-serif!important;
        margin-top: 10px;
    }
}
@media (max-width: 770px) {
    .navigation {
        display: none;
    }
    .small_mainbanner {
        display: block;
        float: none;
    }
    .inlineMe a {
        display: block;
        margin-bottom: 6px;
    }    
}
@media (min-width: 771px) {
    .modal_div {
        display: none;
    }
}
@media (min-width: 1200px) {
    .container-fluid {
        width: 1050px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width: 768px) {
    .uk-grid-width-1-2 {
        display: none;
    }
}
@media (max-width: 714px) {
    #motto {
        font-family: 'Fira Sans Condensed', sans-serif!important;
        font-size: 17px;
        line-height: 1.1em;
        font-weight: 300;   
        text-align: center;    
        padding: 0;
  }
}
@media (max-width: 767px) {
    .container-fluid {
    padding: 0 20px;
    }
    .uk-grid-width-1-1  {
    display: none!important;
    }    
    .span3.mobile_logo {
        text-align: center;
    }
    .homepage-title {
        margin-top: 0px;
        padding: 0 20px;
        text-align: center;
    }  
    .lang {
        float: left;
    }
    .modal_div {
    float: right;
    }
    .blognews-page [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    float: none;
    display: grid!important;
}