@charset "UTF-8";
/* CSS Document */
/**

MC Green 1: #006b6f
MC Green 2: #007d73
MC Green 3: #00958c

Mid Green (links): #339999;
Dark Green (bg): #006a6e;
Dark Grey (text): #4d4b4c;
Mid Grey: #666666;
Light Grey: #d1d1d1;
Light Grey Tint (faint): #f5f5f5

Orange: #e44100; 

**/

@media (max-width: 500px) {

.mc-mobile { display:block; }
.mc-mobile-break { display:block; clear:both; }
.headbar .mc-menu li>a.menu-timeline.mc-desktop,
.mc-desktop,
.topbar .mod-search,
.topbar .mod-social,
.mcbody .headbar > a,
#fbk-mod,
.col-right .mod-sites,
div.footerinner,
.titlebar .mod-social h4,
.sh-mod-banner-wrapper { display:none; } 



html, body, .wrapper { max-width:100%; overflow-x:hidden; width:100%; }

h3 { font-size:1.2em; line-height:1.3em;}
.mcbody div.topbar { position:fixed; top:0px; height:40px; z-index:99999; }
.mcbody div.topbar .topwrapper { height:100%; width:100%; }
.mcbody div.topbar .topwrapper a.mc-mobile.sitelogo { height:100%; display:inline-block; }
.mcbody div.topbar .topwrapper a.mc-mobile.sitelogo>img { max-height:100%; width:auto; position:relative; }
.mcbody .mod-lang-switch { display:inline-block; width:auto; height:100%;}
.topbar .mod-lang-switch a { line-height:40px; width:30px; text-align:center; }

div.footer { height:auto; min-height:70px;}
div.colophon { width:95%; max-width:95%; text-align:center;}

.tpl-home .headbar.stuck { position:fixed; top:0px; margin-top:0px; border-bottom:1px solid #fff; }
.tpl-home .headbar.unstuck { position:relative; }


.tpl-home a.donate,a.donate { display:none; }

.mcbody .headbar { padding:6px 0px; text-align:center; margin-top:18px;  margin-left:0px; width:90%; background:rgb(50,50,50); background:rgba(50,50,50,0.9); height:auto; left:100%;;
					position:fixed; height:300px; overflow-y: scroll;  overflow-x: hidden;  }

.headbar .mc-menu { width:auto; height:auto; background-color:transparent;}
.headbar .mod-menu { max-width:100%; height:auto;  }
.headbar .mc-menu li, .headbar .mc-menu li ul li { width:auto;}
.headbar .mod-menu ul { width:100%; position:relative; }
.headbar .mod-menu ul li { display:block; float:none; text-align:left; font-size:1.2em; height:auto;}
.headbar .mod-menu ul li ul { display:block; position:relative; }
.headbar .mod-menu > ul > li { background-color:#666; }
.headbar .mc-menu > li > a { font-size:16px;text-align:left;} 
.headbar .mc-menu  li  a,
.headbar .mod-menu ul li ul li a { text-align:left; padding-left:20px} 
.headbar .mc-menu li ul li a { padding:5px 20px;}

.headbar .mc-menu li a.menu-what-we-do,
.headbar .mc-menu li a.menu-where-we-work,
.headbar .mc-menu li a.menu-resources,
.headbar .mc-menu li a.menu-media-centre,
.headbar .mc-menu li a.menu-projects,
.headbar .mc-menu li a.menu-support,
.headbar .mc-menu li a.menu-about   { background-image:none; text-indent:0px; }



.topbar { max-width:100%; width:100%; overflow:hidden; }
/* .headbar .mc-menu li a.* { text-indent:0px; display:block; width:100%; background-position:-100px -100px;} */



#nav-toggle { float:right; color:#fff; display:inline-block; font-size:180%;  line-height:40px; height:auto; margin-right:10px; cursor:pointer; }

/* homepage */
.picbar { max-width:100%; width:100%; overflow-x:hidden; margin-top:21px; padding:0px; height:220px; margin-bottom:-16px; }
.picbar .picmask { background-image:none; height:220px; }
.picbar .slidepic { width:100%; max-width:100%; height:220px; background-size: auto 200px;}
.picbar .slidepic.slideinfographic { background-size: contain; height:180px;}
.picbar .piccontrols { margin-top:0px; height:220px; background-size:100% 50%; background-position:center bottopm; width:100%; max-width:100%; padding:0px;  overflow-x:hidden;} 
.picbar .piccontrols h2 { font-size:18px; padding-top:0px; margin:5px 5px 0px 5px; } 
.picbar .piccontrols h4 { font-size:11px; margin:0px 5px; padding-top:0px;} 

.tpl-news-archive .picbar .slidepic  { margin-top:0px}


/*** Picbar rules for infographics - WMD - 2016 *****/

.picbar div.slidepic.slideinfographic { top:0px; left:0px; background-size:100% auto; } 

.picbar .piccontrols.picctontrols-infographic .picnav { margin:180px 0px 0px 705px; }
.picbar .piccontrols.picctontrols-infographic { background:none;}


.picbar .piccontrols  { position:relativex;}
.picbar .slidetext { position:absolute; bottom:10px; }

.n-a .col-left,
.n-a .col-mid,
.n-a .col-right,
.col-left,
.col-centre,
.col-right,
.col-wide,
.tpl-no-pic .col-left, .tpl-pic .col-left,
.tpl-no-pic .col-right, .tpl-pic .col-right,
.tpl-projects-generic div.pg-col-left,
.tpl-projects-generic div.pg-col-mid,
.tpl-projects-generic div.pg-col-right,

.tpl-projects-generic .pg-col-mid-wide { width:96%; margin:1% 2%;}

.home-icon-link { border-radius:5%; display:inline-block; background-color:#efefef; padding:1em 0px; width:48%; text-align:center; margin-bottom:2%; }
.home-icon-link:hover { background-color:#339999; color:#ffffff;}
.home-icon-link:nth-of-type(odd) { margin-right:2%;}
.home-icon-link i { display:block; font-size:3.5em;}
.home-icon-link:nth-of-type(1),.home-icon-link:nth-of-type(2) { margin-top:8%;}
.home-icon-link:nth-of-type(3),.home-icon-link:nth-of-type(4) { margin-bottom:8%;}

.picbar .piccontrols .picnav { margin-top:80px; right:0px; margin-left:0px; width:100%; display:nonex}
.picbar .piccontrols .picnav .prev,
.picbar .piccontrols .picnav .next { float:right; background-color:rgba(0,0,0,0.6); width:30px; height:30px; background-position:center center;}
.picbar .piccontrols .picnav .prev { float:left; margin-left:0px;}
.picbar .piccontrols .picnav .next { float:right; margin-right:0px}
.picbar .piccontrols .picnav .switch,
.picbar .piccontrols .picnav .info { display:none; }
.picbar .piccontrols .picnav .prev:active,
.picbar .piccontrols .picnav .next:active {  background-color:#006a6e; }

.wrapper-mod-video iframe, iframe { max-width:100%;}

.mod-blog .border { border:none; padding:none; box-shadow:none;}
.mod-blog .border img,
.mod-blog:hover .border img{ border:none; width:100%; max-width:100%;}

 body.tpl-page .col-left .mod-resources,
 body.tpl-page .col-left .mod-resources .slide-resource,
 body.tpl-page .col-left .mod-resources .wrapper-resource .inner,
.mod-resources .slide-resource,
.mod-resources .slide-resource:hover { width:93%; max-width:93%; padding-right:4px}

.mod-resources .slide-resource .slide-type { width:90px; }

#mod-signup input[type="text"] { width:97%;}
#mod-signup input[type="submit"] { width:100%; text-align:center; background-image:none;}

.mod-news, #mod-signup { margin-bottom: 16px; }
.mod-news li a img { max-width:100%;}
.mod-news li a, .mod-news li a:hover { padding:4px 0px; line-height:1.1em; }
.mod-news li .date { margin-top:1px; margin-bottom:1px } 

div.wrapper-mod-blog>hr { margin-bottom:8px;}


html body.mcbody.tpl-photo-library .photoThumb img { width:100%; margin:0 0% 0.5% 0; border:1px solid #ccc;}
html body.mcbody.tpl-photo-library .photoThumb:nth-of-type(3n) img { margin:0 0 0.5% 0; }



/* Generic / Page Template */
.user-menu  { font-size:0px; visibility:hidden; line-height:0px; text-align:center;} 
.user-menu a:link { display:block; font-size:18px; visibility:visible; line-height:18px;}

/*
.tpl-page .tpl-no-pic, .tpl-page .tpl-pic,
.tpl-page-with-publications .tpl-no-pic, .tpl-page-with-publications .tpl-pic,
.tpl-publications  .tpl-no-pic,
.tpl-projects .tpl-no-pic {  padding-top:25px; width:100%;} 

.tpl-page  .titlebar .mod-social ,
.tpl-publications  .titlebar .mod-social,
.tpl-page-with-publications  .titlebar .mod-social,
.tpl-projects  .titlebar .mod-social { width:100px;}
.tpl-page  .titlebar h2,
.tpl-publications  .titlebar h2,
.tpl-page-with-publications  .titlebar h2,
.tpl-projects .titlebar h2 { font-size: 16px; line-height:1.1em;}
.tpl-page  .titlebar h3,
.tpl-publications  .titlebar h3,
.tpl-page-with-publications  .titlebar h3,
.tpl-projects .titlebar h3 { font-size: 14px; line-height:1.1em;}
.tpl-page  img.wide-banner,
.tpl-page-with-publications  img.wide-banner,
.tpl-projects  img.wide-banner { max-width:100%; height:auto;}
*/

.mcbody .site{ background-color:transparent}
.blog-titlebar { padding-top:40px;  }
.blog-titlebar .titlebar { background-color: #b9b9b9; height:36px; }
.blog-titlebar .titlebar .mod-social { right:8px; top:50px; position:absolute;}

.tpl-no-pic, .tpl-pic {  padding-top:25px; width:100%;} 
.titlebar .mod-social,
.blog-titlebar .titlebar .mod-social { width:100px; }
.titlebar h2 ,
.blog-titlebar h2 { font-size: 16px; line-height:1.1em; color:#ffffff;}
.titlebar h3,
.blog-titlebar h3  { font-size: 14px; line-height:1.1em;}
img.wide-banner { max-width:100%; height:auto;}

.tpl-page  .tpl-no-pic table,
.tpl-page  .tpl-pic table { max-width:100%; }

.tpl-page  .tpl-no-pic table td ,
.tpl-page  .tpl-pic table td,
.tpl-where-we-work  .tpl-pic table.where-table td { display:block; clear:both; width:100% !important; min-width:10%;} 
.tpl-page  .tpl-no-pic table td img,
.tpl-page  .tpl-pic table td img,
.tpl-where-we-work  .tpl-pic table.where-table td img,
.tpl-page  .col-left  img { width:100%; height:auto; margin-left:0; margin-right:0;} 
.tpl-page  .col-left hr { margin:4px 0px; }


.tpl-page  img.alignright.marginbottom { margin-bottom:0em; }

/* Publications */
.tpl-db-search div#resourceSearch> h3,
.tpl-db-search #resourceSearch > ul.ulAcc{ display:none;}
.tpl-db-search #resourceSearch { width:100% } 
.tpl-db-search #resourceSearch .pro-form { width:auto;}
.tpl-db-search #resourceSearch .pro-form  input[type="text"] { width:85%;   }



/*

.tpl-publications .tpl-db-search div#resourceList { width:100%; padding:0px; }
.tpl-publications .tpl-db-search div#resourceList h3 { font-size:18px; line-height:1.3em;}
.tpl-publications .tpl-db-search div#resourceList a.newsLink { font-size:1em; background-color:#666; }

.tpl-publications #resourceList .resColLeft { max-width:25%; font-size:0.7em; line-height:1.2em;}
.tpl-publications #resourceList .resColRight { max-width:10%; font-size:0.7em; line-height:1.2em;}
.tpl-publications #resourceList .resColMid {  max-width:45%; font-size:0.7em; line-height:1.2em;} 

.tpl-publications .tpl-db-search div#resourceList .rel-data { max-width:70%;}
.tpl-publications .tpl-db-search div#resourceList .rel-link .rel-data h3 { font-size:01em;}
.tpl-publications .tpl-db-search div#resourceList  a.rel-link small { float:none; width:auto;font-size:01em; text-align:left;}

*/
.tpl-db-search div#resourceList,
.tpl-db-search div#videoList { width:100%; padding:0px; }
.tpl-db-search div#resourceList h3 { font-size:18px; line-height:1.3em;}
.tpl-db-search div#resourceList a.newsLink { font-size:1em; background-color:#666; }

div#videoList.videoPage>
div.resRowx>
h3 { font-size:18px; line-height:1.3em;}
.tpl-video-library div#resourceSearch>img.miniThumb { display:none; }
.videoSingle { display:block; float:left; width:100%; height:auto; margin:0px 16px 26px 0px; font-size:0.9em;line-height:1.1em;  font-weight:bold; }
.videoEnd { margin-right:0px }
.videoImg { width:100%; height:auto; } 
.videoSingle img{box-shadow: #000 0 0 0; width:100%; height:auto;}

#resourceList .resColLeft { max-width:25%; font-size:0.7em; line-height:1.2em;}
#resourceList .resColRight { max-width:20%; font-size:0.7em; line-height:1.2em;}
#resourceList .resColMid {  max-width:45%; font-size:0.7em; line-height:1.2em;} 
#resourceList .resColMidNoThumb { max-width:72%; font-size:0.7em; line-height:1.2em; }

.rel-data { max-width:70%;}
.rel-link .rel-data h3 { font-size:01em;}
a.rel-link small { float:none; width:auto;font-size:01em; text-align:left;}

/*
.tpl-page-with-publications #resourceList .resColLeft { max-width:10%; font-size:0.7em; }
.tpl-page-with-publications #resourceList .resColRight { max-width:10%; font-size:0.7em; }
.tpl-page-with-publications #resourceList .resColMid {  max-width:20%; font-size:0.7em; line-height:1.2em;} 
*/

.tpl-projects .pro-data { max-width:100%;}

.tpl-db-search>
div.col-left>
div#resourceList>
div.resRowx { margin:-6px;}



/*** Where We Work ***/

/* .wrapper.where-we-work { width:96%; margin:1% 2%;} */	

span.pro-tab-cell, a.pro-tab-cell { width:64.5%; text-align:left; text-indent:60px; height:30px; line-height:30px; background-size:auto 100%; font-size:0.9em;}
.pro-tab-cell.pro-tab-row-end { width:34.5%; text-align:center; text-indent:0px; }

.tpl-where-we-work .where-country #mod-map { height:200px; }
.tpl-where-we-work .where-country .wrapper-map .map-label { display:none;}
.tpl-where-we-work .where-we-work .where-thumb img { width:100%;}
.tpl-where-we-work  .where-we-work .where-thumb span { width:100%;}

/*** Projects - Generic ***/
.tpl-projects-generic .meta-title { background-image:none;width:auto;}


/** advocacy.htm **/
body.pid-239 table td { vertical-align:top; padding-bottom:16px;}
body.pid-239 table td br { display:none;   }

/** partners.htm **/
body.pid-246 table td:nth-child(even) { border-bottom:1px solid #d1d1d1; padding-bottom:8px;margin-bottom:8px; }
body.pid-246 table td img { max-width:50%; float:none; }


div.col-full img { width:95%; float:none; clear:both;}
div.col-full table,
div.col-full table td,
body.pid-277 div.col-full table tr td { max-width:100%; line-height:1.2em;}

/** Slideshpws ***/

body.mc-wp .dx-ss-pic img,
body.mc-wp .dx-ss-slide,
body.mc-wp .dx-ss-slide-container { height:auto; min-height:100px; }


/**** Just giving button *****/

.jg-right { float:none; width:100%; clear:both;}

.jg-btn {  max-width:100%; margin:0px; font-size:0.8em;}
div.supportBoxSq { max-width:88%; }
.supportBoxSq .pictureLand { max-width:100%; }
.supportBoxSq .donatenow { max-width:80%; }

/** Download Feedback **/

body.mcbody.tpl-publications #dl-fb-form.dl-fb-form-v2 { position:absolute; border:none; top:0px; right:0px; bottom:0px; left:0px; border-radius:0px; box-shadow:none;
							margin:0px; width:auto;  padding:1%; color:#666; overflow-y:scroll; z-index:500000; max-width:98%;	 font-size:10px;						}

body.mcbody.tpl-publications #dl-fb-form.dl-fb-form-v2 .dl-right label { max-width:100%;}
							
body.mcbody.tpl-publications #dl-fb-form.dl-fb-form-v2 #dl-submit-wrapper { display:block; float:none; margin-top:8px;} 
body.mcbody.tpl-publications  #dl-fb-form.dl-fb-form-v2 hr {  margin-left:0px; margin-right:0px; }
}

@media (max-width: 375px) {  iframe { max-width:365px;  } .tpl-video-library iframe { max-width:360px;  }  body.pid-229 iframe  { max-height:400px } }
@media (max-width: 320px) {  iframe { max-width:310px; max-height:174px; } .tpl-video-library iframe { max-width:305px;  } body.pid-229 iframe  { max-height:400px } }