@import url('https://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, .health-topics .accordionpane {position: relative;width:97%;}
.health-topics.corona [id*="open-accordionpane"], .health-topics.corona [id*="close-accordionpane"], .health-topics [id*="open-accordionpane"], .health-topics [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"], .health-topics a[id*="open-accordionpane"], .health-topics 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"], .health-topics a[id*="close-accordionpane"]  {color: #fff;font-weight:bold!important;}
.health-topics.corona [id*="close-accordionpane"], .health-topics [id*="close-accordionpane"] {background: #006e9d;border-bottom: 0;}
.health-topics.corona [id*="close-accordionpane"], .health-topics [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 a[id*="open-accordionpane"], .health-topics 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 a[id*="close-accordionpane"] {color: #fff;font-weight:bold!important;}
.health-topics [id*="close-accordionpane"] {background: #006e9d;border-bottom: 0;}
.health-topics [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 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 [id*="open-accordionpane"]:after {content: "";}

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

.health-topics [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 .accordionpane span:target ~ [id*="close-accordionpane"]:after {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}


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

html[lang=ar-aa]  li.q img {transform: rotate(180deg);}
html[lang=ar-aa]  li.q img.rotate {transform: rotate(90deg)!important;}
html[lang=ar-aa]  li.a {font-size: 14px;}

html[lang=ar-aa] .article-content h2 {font-size:20px;color:#4a4a4a;margin-bottom: 1rem;}
html[lang=ar-aa] .health-topics.corona [id*="close-accordionpane"]:after {content: '\f107';
font-family: FontAwesome;
font-size: 20px;
margin-right: 15px;
margin-left:15px;
position: relative;
float:  right;
right:0;
color: #fff;
}


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


.health-topics.corona [id*="close-accordionpane"]:after, .health-topics [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;
}
.col.span_12_of_12 {width:100%;}

.health-topics.corona .accordionpane-content .col.span_4_of_12 {margin-right:3px;}
.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, .health-topics .target-fix {display: block;top: 0;left: 0;/*position: fixed;*/}
.health-topics.corona .accordionpane-content, .health-topics .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, .health-topics .accordionpane span:target ~ .accordionpane-content {display: block;height: auto;padding-bottom: 25px;padding-top: 10px;}
.health-topics.corona .accordionpane span:target ~ [id*="close-accordionpane"], .health-topics .accordionpane span:target ~ [id*="close-accordionpane"]  {display: block;border-radius: 6px;}
.health-topics.corona .accordionpane span:target ~ [id*="open-accordionpane"], .health-topics .accordionpane span:target ~ [id*="open-accordionpane"] {display: none;}
.health-topics.corona .accordionpane span:target ~ [id*="close-accordionpane"]:after, .health-topics .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;}

.health-topics .accordionpane span:target ~ [id*="close-accordionpane"]:after {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.health-topics .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;}
.info h3 {color:#fff!important;padding-left:20px!important;}
.thumbs {width: 131px;height:131px; position: relative;overflow: auto;}
.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, .cta-sectionmn {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-sectionmn:before {content: "";background: rgba(0, 0, 0, 0.4);position: absolute;bottom: 0;
top: 0;left: 0;right: 0;}
.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, .cta-sectionmn h3 {font-size:2rem!important;color:#fff!important;position: relative;}
.cta-section a, .cta-sectionmn a {color:#fff;font-weight: bold;}
.health-topics.corona.nobread .col.span_4_of_12.thumb h3 {margin-bottom:0!important;padding-bottom: 5px;}
.health-topics.corona.nobread .moduletable.homenews {margin-bottom: 0;}
.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, .cta-sectionmn .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, .cta-sectionmn .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, .cta-sectionmn .btn a:hover, .cta-sectionmn .btn a {display: inline-block;}
.cta-section .btn a, .cta-sectionmn .btn a {padding:1rem;}
.cta-section .btn a:hover, .cta-sectionmn .btn a:hover {color:#d86422!important;}


.table-cell {position: relative;}
.table-cell .info {min-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;width:98%;}
.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-3 {width: 98%;margin:0;}
.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.1rem!important;}
.info-card-blue a {color:#fff!important;}
.module-overlay-inner {padding-top:1rem;}
.module-overlay-inner h3.header {text-align:left;font-size: 1.35rem!important;color: #212121!important; padding-bottom: 15px!important;}
.module-overlay-inner h3.header:before {content: " ";display: inline-block;margin-right: 0.5rem;border-left: 2px solid;height: 1.1rem;padding: 0;width: 0;}
h3.heading.center {font-size: 1.35rem; text-align: center;}
html[lang=ar-aa] .module-overlay-inner h3.header:before {content: " ";display: inline-block;margin-right: 0.5rem;border-left: 2px solid;height: 1.1rem;padding: 0;width: 0;margin-left:10px;}
.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.bl {background: #008dc9; margin-top: 1rem; margin-bottom: 2rem; padding: 15px; width: 93%;}
.vaccine .col .span_4_of_12 img {box-shadow: 2px 2px 5px #ccc;margin-bottom:10px;}
.section.group.bl a, .section.group.bl a:hover {color: #fff!important;}
.faq li { padding: 20px;background: none; }
.section.group.bl img {box-shadow: none;}
.section.group.bl h3 {color: #fff; display: inline-block; padding: 10px;}
.vaccine .col.span_4_of_12.shadow-box.tfi {margin-right: 0;margin-bottom: 30px;}
.faq li.q {
  background: none;
  font-weight: bold;
  font-size: 120%;
  border-bottom: 1px #ddd solid;
  cursor: pointer;
}

.faq li.a {
  background: #fff;
  display: none;
  color:#434343;
  line-height: 20px;
}

.rotate {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-right:2px;
}

@media only screen and (max-width: 900px) and (min-width: 680px) {

.health-topics.corona .span_4_of_12.thumb {width:47.2%!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;}
}

@media only screen and (max-width: 720px)  {
h3.heading.center {margin-top:2rem;}
}

@media screen and (max-width: 820px) and (min-width: 320px) {

body.health-topics.corona .module-overlay-inner h2:before {
    content:""!important; 
    padding-right: 0;
    border-right: 1px solid #c05804;
    margin-right: 10px;
    border-bottom: 1px solid #fff!important;
    border-left:0;
}



}


@media screen and (max-width: 680px) {
.vaccine .col .span_4_of_12 .shadow-box .tfi {width: 100%;} 
.module-overlay-inner .btn {float:right;}  
}

@media screen and (max-width: 680px) {
  .vaccine .span_4_of_12.thumb {width: 100%;}
}

@media screen and (max-width: 680px) {
.vaccine .flex {display: table;}
}