/* --- World Health Organization ----------------------------------------------------- */
/* --- CSS Framework: hinari Cobrand -------------------------------------- */
/* --- Versions 1.1

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

/*<![CDATA[*/
@media all {
	
	
/* -------------------------------------------------------------------------------------
 layout.css
 ======================================================================================*/

/* -------------------------------------------------------------------------------------
 branding
 ---------------------------------------------------------------------------------------*/
#header {
	background-color: #FFFFCC;
}
#branding {
	height: 80px; /* height of branding area does not include lang. nav */	
}
#header #branding a { 
	width: 220px; /* logo width */
	height: 76px; /*logo height */
	float: left;
	margin-left: 10px;
	background-size: auto;
}
#header #branding a.hinari-logo-en {
  background-image: url(mhinari_logo_en.gif);
}
#header #branding a.hinari-logo-ar {
  background-image: url(mhinari_logo_ar.gif);
}
#header #branding a.hinari-logo-es {
  background-image: url(mhinari_logo_es.gif);
  /* height: 63px; */
}
#header #branding a.hinari-logo-fr {
  background-image: url(mhinari_logo_fr.gif);
}
#header #branding a.hinari-logo-ru {
  background-image: url(mhinari_logo_ru.gif);
}

.mobile-login-icon {
  display: none;
}
a.login {
	position: absolute;
	top: 87px;
	right: 20px;
}
/* -------------------------------------------------------------------------------------
 navigation
 ---------------------------------------------------------------------------------------*/

#subnavigation ul li a:visited {
	color: #5858B0;
}
#subnavigation ul li a:hover, #subnavigation ul li a:active{
	color:#F29B21;
}
#subnavigation li.selected a, #subnavigation li.selected a:visited {
	color: #F29B21;
}
/*when using subnav as main nav */
#subnavigation h4 {
  text-indent: -99999px;
}
#subnavigation h4:before {
  content: ' ';
  display: block;
  background: url(../../../img/responsive-sprite.png) -88px -258px;
	width: 20px;
	height: 18px;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -8px;
}
#subnavigation h4:after {
  right: 15px;
}


/* -------------------------------------------------------------------------------------
 search
 ---------------------------------------------------------------------------------------*/
#search {
	background-color:#5858B0;
	border-top: 1px solid #4A4993;
}
#search_input {
	background-color:#5858B0;
}
#search_submit {
	background-color: #e5e5e5;
	color:#5858B0;
	border:1px solid #333;
}
#search_submit:hover {
	color:#F29B21;
}
#search_label label {
	color: #fff;
	background: url(search_label_hinari.gif) no-repeat;
	background-position: left 4px;
}

/* responsive */
#search {
	 width: 100% !important; /* to fix nav breaking in ie8 in russian */ 
}
#search_form {
	margin: 0 auto;
	width: 60%;
}
#search_input input {
  width: 74%;
}


/* -------------------------------------------------------------------------------------
 general.css
 ======================================================================================*/

/* text */
body {
	color: #000000;
}

/* -------------------------------------------------------------------------------------
 links
 ------------------------------------------------------------------------------------- */

/* link */
a {
	color:#5858B0 ; /* main cobrand color */
}
a:visited {
	color: #7D7E98;
}
a:hover {
	color:#F29B21; /* hover state */
}
a[name], a[name]:hover, a.anchor, a.anchor:hover {
	color:#333333;
}

/* selected */
.selected, .selected a {
	color:#F29B21;
}
/* hover */
.hover a {
	color:#F29B21;
}
/* toggler */
.toggler {
	color:#5858B0 ;
}

.toggler:hover {
	color:#F29B21;
}

/* special links */
a.link_external, ul.list a.link_external, ul.list_dash a.link_external, ul.horizontal_list li a.link_external, ul.horizontal_list li.first a.link_external {
	background: url(offsite_link_hinari.gif) no-repeat right 2px;
}

ul.list a.link_external:visited, ul.list_dash a.link_external:visited  {
	background-position: right -87px;
}

ul.list a.link_external:hover, ul.list a.link_external:active, ul.list_dash a.link_external:hover, ul.list_dash a.link_external:active  {
	background-position: right -45px;
}

/* media link */
.link_media, ul.horizontal_list li a.link_media, ul.horizontal_list li.first a.link_media, #factbuffets .factbuffet a.link_media {
	background: url(icon_media_download_hinari.gif) no-repeat;
	background-position: top 2px;
}
ul.horizontal_list li a.link_media, ul.horizontal_list li.first a.link_media {
	background-position: top 6px;
}
.link_reference {
	/* change icon color & upload */
}
/* pager */
.paging ul li.paging_previous a, .paging ul li.paging_next a {
	color: #5858B0;
}
.addthis_toolbox .custom_hover .custom_button {
	color:#5858B0;
}
.addthis_toolbox .hover_menu a {
	color:#5858B0;
}
.addthis_toolbox .hover_menu a:hover {
	color: #F29B21;	
}
#pageactions #pageaction_share .addthis_toolbox .custom_hover .custom_button.active {
	color:#F29B21;
}


/* -------------------------------------------------------------------------------------
 HEADINGS
 ======================================================================================*/
/* headers */
h1 {	
	color:#5858B0;
}

/* section & page headings */
.section_head1 {
	font-size:14px;
	color: #000;
}
.section_head2 {
	color: #333;
}
.page_heading {
font-size:16px;
color:#F29B21;

}

/* -------------------------------------------------------------------------------------
 FORMS
 ---------------------------------------------------------------------------------------*/

/* submit */
input.submit:hover {
	color:#F29B21;
}
input.primary {
	color:#5858B0 ;
	border-color:#5858B0 ;
}

/* -------------------------------------------------------------------------------------
 tabs
 ------------------------------------------------------------------------------------- */
/* tabs */
.ui-tabs-selected a {
	color:#F29B21;
}


/* -------------------------------------------------------------------------------------
 elements.css
 ======================================================================================*/

/* -------------------------------------------------------------------------------------
 LANGUAGE
 ---------------------------------------------------------------------------------------*/


/* visited */
#language ul li a:visited {
	color: #5858B0;
}

#language ul li a:hover{
	color:#F29B21;
}
/* selected */
#language ul li.selected a
#language ul li.selected a span,
#language ul li.selected a:hover,
#language ul li.selected a:visited,
#language ul li.selected a:hover span {
	color:#F29B21;
}
/* new language nav */

#owl-language-carousel .owl-item a:visited {
	color:#5858B0;
}

#owl-language-carousel .owl-item .selected a, #owl-language-carousel .owl-item a:hover {
	color:#F29B21;
}

/* -------------------------------------------------------------------------------------
 #THUMBNAIL GALLERY
 ---------------------------------------------------------------------------------------*/
 ul.gallery li a:visited.caption {color: #5858B0;}

/* -------------------------------------------------------------------------------------
 LIGHTBOX - WHO
 ---------------------------------------------------------------------------------------*/
a.lightbox_media span {
	/* change icon color and upload */
}



/* -------------------------------------------------------------------------------------
 BREADCRUMB
 ---------------------------------------------------------------------------------------*/

/* breadcrumb */
#breadcrumb {
	background-color:#E5E5E5;
}
#breadcrumb ul li a:hover {
	color:#F29B21;
} 


/* -------------------------------------------------------------------------------------
 FOOTER
 ---------------------------------------------------------------------------------------*/
#wrapper #footer {
	background-image:url(hinari_footer_emblem_en.gif);
	background-color: #f5f5f5;
}


#footer img.footer_logo_fr {
	margin-left: -930px;
}
#foot a:link {
	color: #666666;
}
#doormat {
	
}
#doormat ul li a,
#doormat h3 {
  color: #666;
}

/* fonts */
#doormat ul li a:hover, #foot a:hover {
	color:#F29B21;
}
#doormat ul li span {
	color: #666666;
}

/* footer links */
#foot ul li a:hover, #foot ul li a.selected {
	color:#F29B21;
}
#foot ul li a:hover, #foot ul li a.selected {
	color:#F29B21;
}
#foot {
	left: 12px;
}



/* -------------------------------------------------------------------------------------
 ticker
 ---------------------------------------------------------------------------------------*/
/* close */
#ticker_close {
	background: url(ticker_close_hinari.gif) no-repeat 0 0;
}

/* -------------------------------------------------------------------------------------
 #CAROUSEL BUFFET
 ---------------------------------------------------------------------------------------*/

.infiniteCarousel .arrow {
	background: url(buffet_carousel_hinari.gif) no-repeat 0 0;
}

.infiniteCarousel .arrow:hover, .infiniteCarousel .arrow:active {
	background-position: 0 -26px;
}

.infiniteCarousel .back {
	background-position: 0px -52px;
}
.infiniteCarousel .back:hover, .infiniteCarousel .back:active {
	background-position: 0 -78px;
}

	
}
/*]]>*/

/* -------------------------------------------------------------------------------------
  RESPONSIVE
 ---------------------------------------------------------------------------------------*/
 

 /* top stories */
  #owl-story-carousel .owl-buttons .owl-next {
    background-position: -40px center;
  }
  #owl-story-carousel .owl-buttons .owl-prev {
    background-position: 0 center;
  }
 .buffet_carousel .owl-theme .owl-controls .owl-buttons .owl-next {
   background-position: -82px -308px;
 }
 .buffet_carousel .owl-theme .owl-controls .owl-buttons .owl-prev {
   background-position: -49px -308px;
 }
@media only screen and (max-width: 940px) {
  .mobile-search-icon {
    display: none;
  }
  #search {
    display: block;
    height: auto;
    position: static;
  }
  #search form {
    width: 90%;
    padding:8px 20px 6px 10px;
  }
  #search_input {
    width: 90%;
  }
  #search_input input {
    width: 97%;
  }
  #search_submit {
    position: static;
  }
}
@media only screen and (max-width: 768px) {
  #doormat h3 {
    background: #5858B0;
    color: #fff;
  }
  #wrapper #footer {
    background-image: none;
    background: transparent;
  }
}
@media only screen and (max-width: 720px) {
  #header {
    background: #5858B0;
  }
  #branding {
    height: 43px;
    padding: 11px 0;
  }
  #header #branding a {
    margin-top: 0;
    background-repeat: no-repeat;
    background-position: center center;
  }
  #header #branding a.hinari-logo-en {
    background-image: url(hinari-logo-small-en.gif);
    height: 43px;
    width: 177px;
  }
  #header #branding a.hinari-logo-ar {
    background-image: url(hinari-logo-small-ar.gif);
    height: 43px;
    width: 157px;
  }
  #header #branding a.hinari-logo-es {
    background-image: url(hinari-logo-small-es.gif);
    height: 43px;
    width: 170px;
  }
  #header #branding a.hinari-logo-fr {
    background-image: url(hinari-logo-small-fr.gif);
    height: 43px;
    width: 177px;
  }
  #header #branding a.hinari-logo-ru {
    background-image: url(hinari-logo-small-ru.gif);
    height: 43px;
    width: 164px;
  }
  .login {
    display: none;
  }
  .mobile-login-icon {
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    padding: 20px;
    top: 0px;
    right: 65px;
    text-indent: -99999px;
  }
  .login-icon-image {
    background: url(../../../img/responsive-sprite.png) -65px 1px;
    display: block;
    width: 26px;
    height: 25px;
  }
  #search {
    position: absolute;
    display: none;
    background-color: #3f3f96;
    border-top: 0;
    top: 65px;
  }
  #search form {
    width: auto;
    padding: 20px;
  }
  #search_input {
    width: auto;
    background: transparent;
  }
  .mobile-search-icon {
    display: block;
    background-color: #5858B0;
    right: 0;
  }
  .mobile-search-icon:hover,
  .mobile-search-icon.mobile-icon-active,
  .mobile-login-icon:hover {
    background-color: #3f3f96;
  }
  #search_submit {
    position: absolute;
    right: 20px;
    top: 20px;
  }
  #language {
    background: #f0f0ff;
  }
  #owl-language-carousel .owl-next, #owl-language-carousel .owl-prev {
    background-color: #b9b9df;
  }
}