/* --- World Health Organization ----------------------------------------------------- */
/* --- CSS Framework: Language Extension Arabic -------------------------------------- */
/* --- Versions 

Version 1.5.2
-countdown update

 ======================================================================================*/

/*<![CDATA[*/
@import url('rtl_r.css');
	
/* -------------------------------------------------------------------------------------
 GLOBAL FONTS
 ======================================================================================*/

/* content */
#content p, #content ul li, #content ul li a, #content ul li span, #content ul li span, #content ul li h3, #content ul li h4  {
	font-size:17px;
	line-height:21px;
}

/* marginal & sidebar */
#marginal p, #marginal ul li, #marginal ul li a, #marginal ul li span, #marginal ul li h3, #marginal ul li h4, 
#sidebar p, #sidebar ul li, #sidebar ul li a, #sidebar ul li span, #sidebar ul li h3, #sidebar ul li h4 {
	font-size:14px;
	line-height:20px;
}



.chart {
direction: ltr;
}

/* -------------------------------------------------------------------------------------
 general.css
 ======================================================================================*/
.link_info, #content .link_media .link_info {
	font-size: .8em;
}

.buffet_carousel .link_info {
	direction: rtl;
	display:block;
}

/* -------------------------------------------------------------------------------------
 all
 ---------------------------------------------------------------------------------------*/

/* body */
body {
	font-size:16px;
}

/* -------------------------------------------------------------------------------------
 SURVEY
 ======================================================================================*/

#survey {
	left:-10px;
	height:64px;
}

#survey a {
	padding:10px 32px 10px 15px;
	background: #FFF47C url('../../img/icon_survey_ar.gif') no-repeat right 7px;
	line-height:16px;
}



/* -------------------------------------------------------------------------------------
 headers
 ---------------------------------------------------------------------------------------*/

/* headers */
h1 {	
	font-size:22px;
	line-height:28px;
}

h2 {
	font-size:24px;
	line-height:30px;
}
h3 {
	font-size:17px;
	line-height:22px;
}
h4 {
	font-size:16px;
	line-height:20px;
}
h5 {
	font-size:16px;
	line-height:24px;
}
h6 {
	font-size:16px;
	line-height:24px;
}

/* headline & kicker */
.headline, .headline_multipage {
	font-size:24px;
	line-height:30px;
}
.kicker, .kicker_multipage {
	font-size:16px;
	line-height:24px;
}

/* special titles */
.title_country {
	font-size:24px;
}
.title_topic {
	font-size:24px;
}

.section_head1 {
font-size:17px;
}

.section_head2 {
font-size:16px;
}

.page_heading {
font-size:17px;
}


/* -------------------------------------------------------------------------------------
 text
 ---------------------------------------------------------------------------------------*/


ul.auto_archive li.disc, ul.auto_archive_single li.disc, ul.list_dash li.disc, ul.list_dash_single li.disc, ul.list_dash li, .news_entry ul.list_dash li {
	padding-left:0;
	padding-right:15px;
	background-position: right -1978px;
}

#content p#lede {
	font-size: 1.3em;
	line-height: 22px;
}



/* links */
.linkbutton {
	font-size:16px;
	line-height:20px;
}

#factbuffets .factbuffet a.link_external {
	background-position: right 7px;
	padding-right:20px;
	padding-left:0;
}

/* list reference */
ul.reference, ol.reference {
	padding-left:30px;
}

/* english */
#content .english, #footer .english, #content .english ul li {
	font-size: .9em;
	line-height: 1.4em;
	direction:ltr;
}

#content .english ul li a {
	font-size:1em;
	line-height:1em;
}

#content .english sup, #content .english sub {
	font-size:.7em;
}

em {
	font-style: normal;
}

/* -------------------------------------------------------------------------------------
 Quotes
 ------------------------------------------------------------------------------------- */

.quote {
	float:left;
	margin:5px 10px 10px 0px;
}

#content blockquote p {
	font-size: 1.3em;
	line-height: 1.2em;
}

#content blockquote p.source {
	font-size:1em;
	line-height: 1em;
}



/* -------------------------------------------------------------------------------------
 image
 ---------------------------------------------------------------------------------------*/

/* caption */
.image_caption {
	font-size:14px;
	line-height:10px;
	margin-bottom:5px;
}


/* -------------------------------------------------------------------------------------
 table
 ---------------------------------------------------------------------------------------*/
table.table, table.tableData, table.borderOn {
	direction:rtl;
	text-align: left;
}


/* body */
table.table tbody th, table.table tbody td, table.tableData tbody th, table.tableData tbody td, table.borderOn tbody th, table.borderOn tbody td {
	font-size:14px;
	line-height:20px;
	text-align:right;
}

/* foot */
table.table tfoot th, table.table tfoot td, table.tableData tfoot th, table.tableData tfoot td, table.borderOn tfoot th, table.borderOn tfoot td {
	font-size:14px;
	line-height:20px;
	text-align:right;
}

/* -------------------------------------------------------------------------------------
 forms
 ---------------------------------------------------------------------------------------*/

/* fonts */
label, .label,
span.error, span.info,
.input, input.text, select.select, textarea.textarea, input.radio, input.checkbox, input.submit, .submit input {
	font-size:16px;
	line-height:20px;
}


/* -------------------------------------------------------------------------------------
 boxes
 ---------------------------------------------------------------------------------------*/

/* box */
.box_title {
	font-size:16px;
	line-height:20px;
}
.box_subtitle {
	font-size:14px;
	line-height:20px;
}


/* largebox */
.largebox_title {
	font-size:20px;
	line-height:24px;
}

/* mbox */
.mbox_title {
	font-size:14px;
	line-height:20px;
}
.mbox ul.list li, .mbox ol.list li, .mbox ul.decimal li, .mbox ol.decimal li, 
.colormbox ul.list li, .colormbox ol.list li, .colormbox ul.decimal li, .colormbox ol.decimal li {
	font-size:14px;
	line-height:20px;
}
.mbox .linkbutton, 
.colormbox .linkbutton {
	font-size:14px;
	line-height:20px;
}

/* meta */
.meta h3 {
	font-size:14px;
	line-height:20px;
}
.meta p, p.meta, .meta ul, .meta ol {
	font-size:14px;
	line-height:20px;
}

/* -------------------------------------------------------------------------------------
 Social sharing
 ---------------------------------------------------------------------------------------*/
div#social_sharing h3 {
	background-position: right -1007px;
    padding-right: 17px;
	padding-left: 5px;
	margin-right: 16px;
    float: right;
}



/* -------------------------------------------------------------------------------------
 elements.css
 ======================================================================================*/
 
/* -------------------------------------------------------------------------------------
 navigation
 ---------------------------------------------------------------------------------------*/
 
#branding a {
  background-image: url('../../../resources/who-logo-ar.jpg');
  width: 190px;
}

/* fonts */

#navigation ul li a {
	font-size:16px;
}


#navigation ul li a span {
	padding: 0 8px;
}

/* -------------------------------------------------------------------------------------
 Sub navigation
 ---------------------------------------------------------------------------------------*/

/* -------------------------------------------------------------------------------------
 search
 ---------------------------------------------------------------------------------------*/

/* fonts */
#search_label label, #search_input input, #search_submit, #search_advanced {
	font-size:14px;
}
#search_filter h4, #search_filter ul li a {
	font-size:14px;
}
#search_message p, #search_message h4 {
	font-size:14px;
}

.advanced-search-form-wrapper input[type="submit"] {
	float:left;
}


/* -------------------------------------------------------------------------------------
 ticker
 ---------------------------------------------------------------------------------------*/

/* fonts */
#ticker ul li h3, #ticker ul li a, #ticker_close {
	font-size:17px;	
}
#ticker ul li.allsite {
	padding-right: 20px;
	background-position:right .4em;
}
/* close */
#ticker_close {
	padding:0 20px 0 10px;
	background-position:right 1px;
}
#ticker ul li {
padding: 3px 0px 3px 100px;
}

#ticker ul li span {
	display:block;
}
#ticker ul li h3 {
	margin-left:10px;
}


/* -------------------------------------------------------------------------------------
 dropdown
 ---------------------------------------------------------------------------------------*/

/* fonts */
.dropdown .dropdown_selector,
#content .dropdown .dropdown_selector  {
	font-size:16px;
	line-height:18px;
}


/* -------------------------------------------------------------------------------------
 buffet
 ---------------------------------------------------------------------------------------*/

/* fonts */
.buffet_entry h3,
.factbuffet_link, #factbuffets a {
	font-size:17px;
	line-height:20px;
}

/* -------------------------------------------------------------------------------------
 #Portal specific
 ---------------------------------------------------------------------------------------*/

div#portal.homepage_sections h1 {
	padding-right: 20px;
}

div#portal {
padding-right: 20px;
}

div#portal.homepage_sections div#billboard div.stories div#owl-story-carousel.owl-carousel div.owl-wrapper-outer div.owl-wrapper div.owl-item div.item2  img{
	padding-left: 0px;
	padding-right: 10px;
    padding-left: 10px;
}	
/* -------------------------------------------------------------------------------------
 #CAROUSEL BUFFET
 ---------------------------------------------------------------------------------------*/

.columns .col_2-1_1 {
	position: relative;
}

.buffet_carousel h3 {
	direction: rtl;
	padding: 0px 0px 0px 35px;
}
.infiniteCarousel, .buffet_normal {
	direction: ltr;
	
}
.infiniteCarousel ul li a img, .buffet_normal ul li a img {
	float: right;
	margin-right:0px;
	margin-left:0px;
	padding: 0 0px 75px 10px;
}
.infiniteCarousel ul li span.credit {
	float: right;
	margin-left:0;
	margin-right:-120px;	
}

.infiniteCarousel ul li span.link_info {
	float:right;
}

.infiniteCarousel ul li a.buffet_headline, .buffet_normal ul li a.buffet_headline {
	direction:rtl;
	margin-left:-10px;
}

.infiniteCarousel .forward  {
	left: 20px;
}

.infiniteCarousel .back {
	left: 0px;
}


/* -------------------------------------------------------------------------------------
 feature
 ---------------------------------------------------------------------------------------*/

/* fonts */
div.features h4 {
	font-size:16px;
	line-height:20px;
}


/* -------------------------------------------------------------------------------------
 paging
 ---------------------------------------------------------------------------------------*/

/* list */
#content .paging ul li a {
	font-size:13px;
	line-height:16px;
	height:15px;
	/* padding:3px 6px 2px; */
}
#content .paging ul li.paging_previous, #content .paging ul li.paging_next {
	font-size:14px;
}

.paging ul li.paging_previous a::before {
	border-left: 10px solid #196AAA;
	border-right:none;
}

.paging ul li.paging_previous a::before {
	border-left: 10px solid #196AAA;
	border-right:none;
}

.paging ul li.paging_next a::before {
	border-right: 10px solid #196AAA;
	border-left:none;
}
.paging ul li.paging_previous:hover a:before,
.paging ul li.paging_previous:active a:before {
  border-left: 10px solid #fff;
  border-right:none;
}
.paging ul li.paging_next:hover a:before,
.paging ul li.paging_next:active a:before {
  border-right: 10px solid #fff;
  border-left:none;
}


#carousels #owl-story-carousel ul.list_dash li {
	padding-right: 15px;
}


/* -------------------------------------------------------------------------------------
 pageactions
 ---------------------------------------------------------------------------------------*/

/* icons */

#pageactions {
	padding-right:0px;
}

#pageactions ul li a {
	font-size:14px;
	line-height:20px;
	font-size-adjust: 14px;
}

.template_sidebar-special #pageactions, #form_doc #pageactions{
	float: left;
	padding-right:0px;
}



.template_sidebar-special #pageactions, .template_sidebar-special #publication_doc #pageactions {
	float: left;
}


/* pageactions */
.template_sidebar-marginal #pageactions{
	padding:0px 0px 9px 15px;
	margin-right:0px;
	font-size:14px;
	direction:rtl;
}

#pageactions #pageaction_print #pageaction_print {
	float:right;
	display:block;
	margin-top:15px;
}

#pageactions #pageaction_share {
	width:50%;
	margin:0;
	position:relative;
	padding:0;
	float:right;
	display:block;
}

#pageactions #pageaction_print a, .template_sidebar-special #pageactions #pageaction_print a {
	display:block;
	padding:0px 20px 10px 10px;
	background-position: right -945px;
	font-size:14px;
	width:100%;
	}

/* -------------------------------------------------------------------------------------
 Countdown element
 ======================================================================================*/

.countdown_row {
	float:right;
}

.template_sidebar .countdown_section, .countdown_section {
	float:right;
}


/* -------------------------------------------------------------------------------------
 More Button	
 ---------------------------------------------------------------------------------------*/
 span.more_stories_2 a {
	 
	 text-align: left;
	 border-right: 5px solid #42ACDC; 
	 border-left: 1px solid #42ACDC;
 }
 

/* -------------------------------------------------------------------------------------
ADD THIS STYLES
 ======================================================================================*/



#pageactions #pageaction_share .addthis_toolbox .custom_hover .custom_button {
	display:block;
	margin:0;
	padding: 0px 19px 6px 0px;
	background-position:right -1010px;
	width:100%;
}

.addthis_toolbox .hover_menu  {
    right:0;
  }



.addthis_toolbox .hover_menu a {    
    padding: 7px 26px 5px 0px;

}


.addthis_toolbox .hover_menu span {
    right: 5px;
}



/* -------------------------------------------------------------------------------------
 Countdown element
 ======================================================================================*/

.countdown_row {
	float:right;
}

.template_sidebar .countdown_section, .countdown_section {
	float:right;
}



/* -------------------------------------------------------------------------------------
 breadcrumb
 ---------------------------------------------------------------------------------------*/

/* divider */
#breadcrumb ul li {
	font-size:14px;
}


/* -------------------------------------------------------------------------------------
 doormat
 ---------------------------------------------------------------------------------------*/

/* fonts */
#doormat ul li, #doormat h3 {
	font-size:14px;
}

/* -------------------------------------------------------------------------------------
 foot
 ---------------------------------------------------------------------------------------*/

/* fonts */
#foot ul li {
	font-size:14px;
}

/* -------------------------------------------------------------------------------------
 widget RSS
 ---------------------------------------------------------------------------------------*/


div.widget_head .feed_title {
    background-position: right -1px;
}

div.widget_head .feed_title .link_rss {
    padding-right: 20px;
}



/* -------------------------------------------------------------------------------------
Specific new homepage
 ---------------------------------------------------------------------------------------*/


.homepage_sections .module_col_2 {
	margin-bottom: 20px;
	float: right !important;;
}

.homepage_sections ul.tabs li{
	font-size: 17px;
	line-height: 21px;
	float: right;
		margin-left: 4px;
	margin-right: 0px;
}

/*---------------------------------------------------------------------------------------
 Top stories archive
 --------------------------------------------------------------------------------------*/	
div.top_story_archive div.teaser div.image_right,
div.top_story_archive div.teaser div.image_left{
	float: right;    
    margin-left: 10px;
    margin-right: 0;
}
	
div.top_story_archive div.col_1-1-1_1 a.link_image,
div.top_story_archive div.col_1-1-1_1 div.image_credit{
    margin-left: 20px;
    margin-right: 0;	
}

div.top_story_archive{
	padding-bottom: 10px;
}

/* bootstrap video */
.embed-responsive-16by9 {
    margin-right: 0px;
	margin-left: 20px;
}

/* ---------------- ---------------------------------------------------------------------
 responsive
 ---------------------------------------------------------------------------------------*/
@media only screen and (max-width: 940px) {
  #navigation {
    margin-right: 0;
    margin-left: 64px;
  }
  .mobile-search-icon {
    float: left;
  }
  #search form {
    padding: 20px;
  }
}
@media only screen and (max-width: 720px) {
  #branding a {
    background-image: url('../../../resources/who-logo-ar-white.png');
    background-size: 149px 43px;
    width: 149px;
  }
  #search_input {
    float: none;
    width: auto;
    margin-right: 0px;
    margin-left: 65px;
  }
  .mobile-search-icon {
    left: 0;
    right: auto;
    
  }
  .mobile-nav-icon {
    right: 0;
    left: auto;
  }
  
  #navigation ul li {
	float:right;
}
	#navigation ul li#navigation_home {
	padding-right:0;
}
	#navigation ul li a span {
	border-right:none;
	border-left:2px solid #006199;
}

}

@media only screen and (max-width: 480px) {
	/* bootstrap video */
	.embed-responsive-16by9 {
		margin-right: 0px;
		margin-left: 0px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx) {
  #branding a {
    background-image: url(../../../resources/2x-who-logo-ar.gif);
    background-size: 189px 55px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 720px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 720px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 720px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 720px),
only screen and (min-resolution: 192dpi) and (max-width: 720px),
only screen and (min-resolution: 2dppx) and (max-width: 720px) {
  #branding a {
    background-image: url(../../../resources/2x-who-logo-ar-white.gif);
    background-size: 149px 43px;
  }
}
	
@media print {

#branding a {
   content: url('../../../resources/who-logo-ar.jpg');	
   display:block;
  width: 190px;
	margin: 10px auto;
	z-index: 10;
	background-repeat: no-repeat;
  }	
	
}
	

/*]]>*/