@import url('http://www.emro.who.int/waaw2019/css/font-awesome.css');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800|Roboto:400,500&display=swap');

@-webkit-keyframes zoomInFader {
  0% {
    -webkit-transform: rotate(0deg) scale(0.7);
    transform: rotate(0deg) scale(0.7);
	opacity:0;
  }

  50% {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
	opacity:1;
  }
  
  100% {
    -webkit-transform: rotate(360deg) scale(0.7);
    transform: rotate(360deg) scale(0.7);
	opacity:0;
  }
}

.health-topics.ncds.nobread .module-overlay-inner.covid19 .btn, .program.nobread .module-overlay-inner.covid19 .btn {margin-top:-50px;}
.module-overlay-inner.covid19 .btn {overflow:auto!important;background: #d86422!important;padding:0.3rem!important;float:right;box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.25);}
.module-overlay-inner.covid19 a {color: #fff;display: inline-block;margin-top:10px;padding-left: 10px;}
.module-overlay-inner.covid19 img {display: inline;width:40px;height: 40px;float:left;}
.covid{
    animation-name: zoomInFader;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: zoomInFader; 
    -webkit-animation-duration: 3s; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-name: zoomInFader;
    -moz-animation-duration: 3s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-name: zoomInFader;
    -ms-animation-duration: 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-name: zoomInFader;
    -o-animation-duration: 3s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out;
}


.health-topics.corona .accordionpane {position: relative;width:94%;}
.health-topics.corona [id*="open-accordionpane"], .health-topics.corona [id*="close-accordionpane"] {line-height: 40px;height: 50px;display: block;margin: 0 auto;position: relative;width: 99%;border-bottom: 0;}
.health-topics.corona a[id*="open-accordionpane"], .health-topics.corona a[id*="close-accordionpane"] {color:#fff;font-size: 1.25em;font-weight: bold;padding-left: 3%;text-decoration: none;background: #008dc9;border-radius: 6px;margin-bottom: 1rem;padding: 0.5rem;box-shadow:5px 5px 5px 0 rgba(95, 95, 95, 0.3);}
.health-topics.corona a[id*="close-accordionpane"] {color: #fff;font-weight:bold!important;}
.health-topics.corona [id*="close-accordionpane"] {background: #006e9d;border-bottom: 0;}
.health-topics.corona [id*="close-accordionpane"] {display: none;}
/*.health-topics.corona .accordionpane a {font-size: 1.25em;font-weight: normal;padding-left: 3%;text-decoration: none;background: #008dc9;border-radius: 6px;margin-bottom: 1rem;padding: 0.5rem;box-shadow:5px 5px 5px 0 rgba(95, 95, 95, 0.3);}*/
.health-topics.corona a [id*="close-accordionpane"], .health-topics.corona a [id*="open-accordionpane"]  {font-size: 1.25em;font-weight: normal;padding-left: 3%;text-decoration: none;background: #008dc9;border-radius: 6px;margin-bottom: 1rem;padding: 0.5rem;box-shadow:5px 5px 5px 0 rgba(95, 95, 95, 0.3);} 
.health-topics.corona [id*="open-accordionpane"]:after {content: "";}

.health-topics.corona [id*="open-accordionpane"]:before {content: '\f105';
font-family: FontAwesome;
font-size: 20px;
margin-right: 15px;
margin-left:15px;
}

.health-topics.corona [id*="close-accordionpane"]:after {content: '\f107';
font-family: FontAwesome;
font-size: 20px;
margin-right: 15px;
margin-left:15px;
position: relative;
float:  left;
right:0;
color: #fff;
}
.health-topics.corona .col.span_12_of_12 {width:100%;}

.health-topics.corona .accordionpane-content .col.span_4_of_12 {margin-right:5px;}
.health-topics.corona .accordionpane-content .col.span_4_of_12 img {box-shadow: 2px 2px 5px #ccc;margin-bottom: 10px;}
/*.health-topics.corona [id*="close-accordionpane"]:after {content: "\f107";font-size: 1.563em;color:#000;font-weight: bold;position: absolute;left: 1%;z-index: 999;transform: rotate(-90deg);}*/
.health-topics.corona .target-fix {display: block;top: 0;left: 0;/*position: fixed;*/}
.health-topics.corona .accordionpane-content {background: #fff;height: 0;margin: --1px auto 0;position: relative;overflow: hidden;padding:0;width:100%;transition: all 0.1s ease;-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;}
.health-topics.corona .accordionpane span:target ~ .accordionpane-content {display: block;height: auto;padding-bottom: 25px;padding-top: 10px;}
.health-topics.corona .accordionpane span:target ~ [id*="close-accordionpane"] {display: block;border-radius: 6px;}
.health-topics.corona .accordionpane span:target ~ [id*="open-accordionpane"] {display: none;}
.health-topics.corona .accordionpane span:target ~ [id*="close-accordionpane"]:after {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.health-topics.corona .accordionpane-content a {padding-left:0!important;font-size:16px!important;font-weight: bold;}
.horizontal-list-item {min-height: 131px;box-shadow: 5px 5px 20px 0 rgba(218,218,218,1);display: flex;align-items: center;margin-bottom: 25px;background: #D86422;}

.health-topics.corona .large {width: 240px;height:162px; position: relative;overflow: hidden;}
.health-topics.corona .xlarge {width: 360px;height:360px; position: relative;overflow: hidden;margin-bottom: 10px;}
.health-topics.corona .sm {width: 230px;height:230px; position: relative;overflow: hidden;margin-bottom: 10px;box-shadow: 0 1px 8px rgba(0,0,0,0.3);}
.health-topics.corona .thumb.hp {width: 320px;height:230px; min-height:230px;position: relative;overflow: hidden;margin-bottom: 10px;}
.cta-section {position: relative;text-align: center;padding-top: 100px;padding-bottom: 100px;margin-top:1rem;margin-bottom:1rem;background-size: cover;background-repeat: no-repeat;}
.cta-section:before {box-sizing:border-box;position: absolute;content: '';left: 0px;top: 0px; width: 98%; height: 100%;display: block;background-color: rgba(0, 25, 67, 0.8);}
.cta-section h3 {font-size:2rem!important;color:#fff!important;position: relative;}
.cta-section a {color:#fff;font-weight: bold;}

.banner {background: #008dc9; width: 98%;}
.banner-text {padding:1rem;}
.banner-text a {color:#fff!important;}
.banner-text h3 {font-size: 1.5rem!important;color:#fff!important;padding-bottom: 20px;}
.banner-text .btn {position: relative;bottom: 0;transition: all 0.2s ease-in-out;border:1px solid #fff;}
.banner-text .btn:hover {border-color: #008dc9;background-color: #fff; color:#008dc9;box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.25);}
.banner-text .btn a:hover, .banner-text .btn a {display: inline-block;}
.banner-text .btn a {padding:10px;}
.banner-text .btn a:hover {color:#008dc9!important;}


.cta-section .btn {background: #d86422;color: #fff; margin-left: 10px; position: relative; margin-top: 3rem; font: 700 20px/20px 'Open Sans', sans-serif;transition: all 0.2s ease-in-out;border:1px solid #fff;}
.cta-section .btn:hover {border-color: #d86422;background-color: #fff; color:#008dc9;box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.25);}
.cta-section .btn a:hover, .cta-section .btn a {display: inline-block;}
.cta-section .btn a {padding:1rem;}
.cta-section .btn a:hover {color:#d86422!important;}


.table-cell {position: relative;}
.table-cell .info {m}in-height: 131px; padding:15px;}
.table-cell.info h3 {padding:15px;color:#fff;font-size:20px;} 
.background-image {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.health-topics.corona .col .span_4_of_12 h3 {padding-top:10px;}
.health-topics.corona .vseparator {clear:both;height:1px;border-top:1px solid #e5e5e5;padding-top:15px;padding-bottom: 15px;}
.health-topics.corona h3.headers {color: #bbb!important;font-size: 1.875rem!important;font-weight: bold;letter-spacing: -0.04em;margin-top: 12px;}
.bluebg {background-color: #008dc9;margin-bottom: 1rem;padding-bottom: 0.5rem;clear:left;}
.orgbg {background: #D86422;box-shadow: 5px 5px 5px 0 rgba(95, 95, 95, 0.3);margin-bottom: 1rem;padding-bottom: 0.5rem;}
.bluebg h3, .orgbg h3 {font-size: 20px!important;color: #fff!important;padding-top:15px!important;padding-left: 10px!important;margin-bottom: 0!important;}
img.publication-cover {box-shadow: 0 1px 8px rgba(0,0,0,0.3);padding: 1rem;}
.health-topics.corona span.download {padding: 1px 4px 5px 25px;}
.health-topics.corona .publications-table-2 td img {max-width: 230px;}
.health-topics.corona .publications-table-2 p {padding-top: 15px!important;}
.info-card-blue {display: flex;flex-direction:column;align-items: center;justify-content: center;text-align: center;background: #003f75;padding:1.4rem;box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.35);}
.info-card-blue h3 {color:#fff!important;font-size:1.5rem!important;}
.info-card-blue a {color:#fff!important;}
.module-overlay-inner {padding-top:1rem;}
.higlight-widget.bg-light {display: flex;align-items: center;}
.higlight-widget.bg-light {background-color: #008dc9;position: relative;}
.statsbox.wh {position: :relative;margin-bottom:15px;background: #fff!important;min-height: 122px; text-align: center;border: 1px solid #008dc9;box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.15);}
.statsbox.wh span.counters {padding-left: 20px;margin-bottom: 20px;color: #d86422;font-size: 2.5rem;padding-bottom: 0;padding-top: 32px;}
.statsbox.wh .statsbox span {display:inline-block;padding-right:15px;}
.statsbox.wh p {font-size: 1.5rem;color:#d86422;line-height: 30px; padding-left: 20px;padding-right: 20px;}
.btn.org {background: #d86422; color: #fff; margin-bottom: 15px;}
.section.group.full {width:101%;}
.section.group.bluewidget {background-color: #008dc9;margin-left:10px;margin-bottom: 20px;display: flex;align-items: center;}
.section.group.bluewidget .promo-box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
}
.higlight-widget.bg-light {margin-left:10px;width:99%;margin-top:2rem;}
.higlight-widget.bg-light a {color: #fff!important;}
.higlight-widget.bg-light .btn {display: inline-block;position: relative;}
.higlight-widget.bg-light .btn a {display: block;padding:0.8rem;}
.higlight-widget.bg-light .btn {padding:0;}
.higlight-widget.bg-light .btn a:hover {
    color: #008dc9!important;
}



.higlight-widget.bg-light .btn:hover {
    border-color: #008dc9;
    background-color: #fff;
    color: #008dc9!important;
    box-shadow: 0px 6px 6px rgb(0 0 0 / 25%);
}

table.data {width: 97%;margin: auto;margin-bottom: 2rem!important;}
.health-topics.mega.nobread table.data {width:99%!important;margin-left:10px;}

table.data, table.data th, table.data td {border: 1px solid #e4e4e4; border-collapse: collapse;}

table.data th, table.data td {padding: 10px;text-align: center;font-size: 16px;font-weight: normal;}
table.data td {text-align:center;}


@media screen and (max-width: 780px) {
    .higlight-widget.bg-light, .flx {flex-direction: column!important; }
    .higlight-widget.bg-light > .col.span_6_of_12.cntry {display:block!important; order: 1;}
    .higlight-widget.bg-light > .col.span_6_of_12 {order: 2;}
    .flx {margin-bottom: 0;}
    .section.group.bluewidget {flex-direction: column;margin-left:0;}
    .card.whd2017-callouts.about {margin-left:5px!important;}
    .widget-content h3 {padding-left:0!important;}
    .higlight-widget .widget-content {padding:1rem;}
    .section.group.full {width: 100%;}
    .promo-box.polioinfo {max-height: 300px;background-position-y:0%!important;}
}


.promo-box.polioinfo {background-image: url('/images/stories/polio/information-resources-hp.jpg');height: 600px; background-position-y: 80%;width: 100%;}
@media only screen and (max-width: 900px) and (min-width: 680px) {

.health-topics.corona .span_4_of_12.thumb {width:48%!important;margin-left:0!important;padding-right:5px;margin-right:4px!important;}
.health-topics.corona .col  {margin-left:0!important;}
.health-topics.corona .span_4_of_12.thumb:nth-child(4) {clear: both;}
}

.cards-container {margin-bottom:1.5rem;display: grid; display:-ms-grid;grid-gap: 0.1rem;-ms-grid-gap: 0.1rem;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.cards {width: 97%; margin-left: 15px; margin-bottom: 2rem;box-shadow: 0 2px 6px 0 rgb(0 0 0 / 25%);overflow: hidden;border-radius: 10px;}
.cards p {padding:1rem;color:#434343;font-size:14px;line-height: 20px;}
.cards h3 {padding-left:1rem!important;padding-top:2rem;font-size: 1.2rem!important;} 
.card {padding:0.8rem;}
.card.whd2017-callouts.about {padding:0.8rem;margin:0.8rem;}
.card.whd2017-callouts.about h2{padding-top: 1rem;}
.card.whd2017-callouts.about p {font-size: 16px;}
.cards-container :nth-child(1) {-ms-grid-column: 1;}
.card.whd2017-callouts.about a {line-height: 22px;font-weight:normal;}
.cards-container :nth-child(2) {-ms-grid-column: 2;}

.cards-container :nth-child(3) {-ms-grid-column: 3;}

@media only screen and (max-width: 1030px) {
.whd2017-callouts.about {min-height: 160px!important;}


}



@media only screen and (max-width: 768px) {
    .cards-container {
        display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

    }
}