@charset "UTF-8";

/*
Theme Name: Pump Aid
Theme URI: http://www.pumpaid.org/
Author: Earth Branding
Author URI: http://www.earthbranding.com
Description: Pump Aid
Version: 2
*/

/* Reset Styles */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table{border-collapse: collapse; border-spacing: 0;}
strong{font-weight: bold;}
em{font-style: italic;}
input:focus, a:focus, select:focus, textarea:focus{ outline: none; }

/* Clearfix */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
  zoom: 1; }
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* Web Fonts */	
/* Italic */
@font-face {
    font-family: 'LeagueGothic';
    src: url('./fonts/league-gothic/leaguegothic-italic-webfont.eot');
    src: url('./fonts/league-gothic/leaguegothic-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/league-gothic/leaguegothic-italic-webfont.woff') format('woff'),
         url('./fonts/league-gothic/leaguegothic-italic-webfont.ttf') format('truetype'),
         url('./fonts/league-gothic/leaguegothic-italic-webfont.svg#league_gothic_italicregular') format('svg');
    font-weight: normal;
    font-style: italic;
}
/* Regular */
@font-face {
    font-family: 'LeagueGothic';
    src: url('./fonts/league-gothic/leaguegothic-regular-webfont.eot');
    src: url('./fonts/league-gothic/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/league-gothic/leaguegothic-regular-webfont.woff') format('woff'),
         url('./fonts/league-gothic/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('./fonts/league-gothic/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'ProximaNova';
	       src: url('./fonts/proxima-nova/proximanova-regular-webfont.eot?1307578394');
	       src: url('./fonts/proxima-nova/proximanova-regular-webfont.eot?iefix') format('eot'),
		   url('./fonts/proxima-nova/proximanova-regular-webfont.woff?1307578394') format('woff'),
		   url('./fonts/proxima-nova/proximanova-regular-webfont.ttf?1307578394') format('truetype'),
		   url('./fonts/proxima-nova/proximanova-regular-webfont.svg#webfont2rpW2ohz') format('svg');
		   font-weight: normal;
    	   font-style: normal;
	}
@font-face {
	      font-family: 'ProximaNova';
	      font-style: italic;
	       src: url('./fonts/proxima-nova/proximanova-regitalic-webfont.eot?1307578394');
	       src: url('./fonts/proxima-nova/proximanova-regitalic-webfont.eot?iefix') format('eot'),
		   url('./fonts/proxima-nova/proximanova-regitalic-webfont.woff?1307578394') format('woff'),
		   url('./fonts/proxima-nova/proximanova-regitalic-webfont.ttf?1307578394') format('truetype'),
		   url('./fonts/proxima-nova/proximanova-regitalic-webfont.svg#webfont2rpW2ohz') format('svg');
		   font-weight: normal;
   		   font-style: italic;
}
@font-face {
	       font-family: 'ProximaNova';
	       font-weight: 600;
	       src: url('./fonts/proxima-nova/proximanova-semibold-webfont.eot?1307578394');
	       src: url('./fonts/proxima-nova/proximanova-semibold-webfont.eot?iefix') format('eot'),
		   url('./fonts/proxima-nova/proximanova-semibold-webfont.woff?1307578394') format('woff'),
		   url('./fonts/proxima-nova/proximanova-semibold-webfont.ttf?1307578394') format('truetype'),
		   url('./fonts/proxima-nova/proximanova-semibold-webfont.svg#webfont2rpW2ohz') format('svg')
}
@font-face {
	       font-family: 'ProximaNova';
	       font-weight: 600;
	       font-style: italic;
	       src: url('./fonts/proxima-nova/proximanova-semibolditalic-webfont.eot?1307578394');
	       src: url('./fonts/proxima-nova/proximanova-semibolditalic-webfont.eot?iefix') format('eot'),
		   url('./fonts/proxima-nova/proximanova-semibolditalic-webfont.woff?1307578394') format('woff'),
		   url('./fonts/proxima-nova/proximanova-semibolditalic-webfont.ttf?1307578394') format('truetype'),
		   url('./fonts/proxima-nova/proximanova-semibolditalic-webfont.svg#webfont2rpW2ohz') format('svg')
}

body{ padding-top: 124px; }
body, input, select, textarea{ color: #414042; font-family: "ProximaNova"; }

hr { border-color:#e1e1e1; border-style:solid; border-width:0 0 1px; clear:both; height: 30px; margin: 0 0 30px 0; padding:0; }
hr.smallMargin{ height: 10px; margin: 0 0 10px 0; }
hr.mediumMargin{ height: 15px; margin: 0 0 15px 0; }
hr.lasthr{ height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px #C1C1BA; }
div#meetTheTeamRight  hr { border-color:#C1C1BA; border-style:solid; border-width:0 0 1px; clear:both; height: 1px; margin: 0 0 5px 0; padding:0; }
h1, h2, h3, h4, h5, h6, .readmore, .footer li, input[type="submit"]{ font-family: "LeagueGothic"; letter-spacing: 1px; text-transform: uppercase; }
.LeagueGothic{ font-family: "LeagueGothic"; letter-spacing: 1px; }
.ProximaNova{ font-family: "ProximaNova" !important; }
div#meetTheTeamRight  a { text-decoration: none; }

h1, h2, h3, h4, h5, h6{ clear: both; font-family: "LeagueGothic"; }
h1, h2{ font-size: 68px; padding-top: 60px; padding-bottom: 30px; }
h3{ font-size: 35px; line-height: 43px; padding: 10px 0; }
h4{ font-size: 26px; line-height: 30px; padding: 10px 0; }

.project-list-wrapper{ padding: 10px 15px; background-color: #f9f9f9; border: 1px solid #e1e1e1; border-radius: 6px; }
.project-list-wrapper li{ font-size: 0.95em !important; }
.project-list-dark{ border: 3px solid #414042;  }

.storiesBody h3	{ font-size: 27px; line-height: 30px; }
.lg	{ font-family: "LeagueGothic"; }
.header-image{ position: relative; }
.header-image div.opacity{ position: absolute; z-index: 10; top: 0; left: 0; background-color: rgba(0,0,0,0.1); width: 960px; height: 350px; }
.header-image span{ position: absolute; right: 100px; top: 70px; font-family: "LeagueGothic"; color: #ffffff; font-size: 130px; text-transform: uppercase;
display: block; z-index: 100; line-height: 120px; }



/*
.page-template-page-global-handwashing-day-2015-php .header-image span{ position: absolute; left: 10px; top: 70px; font-family: "LeagueGothic"; color: #ffffff; font-size: 130px; text-transform: uppercase;
display: block; z-index: 100; line-height: 120px; }
*/

.page-template-page-global-handwashing-day-2015-php .header-image span{ left: 40px; right: auto; }

.header-image img{ display: block; max-width: 100%; }
p{ font-size: 18px; line-height: 30px; margin: 0 0 20px 0; }
p.smaller{ font-size: 16px; line-height: 24px; margin: 0 0 15px 0; }


.page-template-page-global-handwashing-day-2015-php p{ font-size: 18px; line-height: 34px; margin: 0 0 20px 0; }

.main-content ul, ol{ margin: 0 0 20px 0; padding: 0; }
.main-content li{ margin: 0 0 8px 24px; padding: 0; font-size: 18px; line-height: 24px; }
.main-content ul li{ list-style: disc; }
.main-content ol li{ list-style: decimal; }
#donateform{ font-size: 18px; line-height: 22px; padding: 20px; background-color: #f9f9f8; margin: 0 auto 0 auto; border: 2px solid #81b784; }
#donateform select{ overflow: hidden; background: #e1e1e1; border: 1px solid #ccc; font-size: 16px; padding: 4px; max-width: 260px; }  
#donateform div.label{ width: 30%; float: left; }
#donateform div.field{width: 70%; float: left; }
#donateform label{ cursor: pointer; font-weight: bold; }
#donateform div.field input[type="text"], #donateform div.field input[type="select"], #donateform div.field textarea{ padding: 10px; font-size: 18px; line-height: 18px; margin: 0; }
#donateform div.field input[type="text"], #donateform div.field textarea{ width: 94%; }
#memoriam{ height: 80px; }
label.error{ color: #ff0000; padding-top: 10px; display: block; }
#donateform input.amount{ width: 140px !important; text-align: center; }
.strong, strong{font-family: "ProximaNova"; font-weight: bold; }
a, a:link, a:visited{ color: #00598A; }
a:hover{ color: #4EC5E0; } 
a, input[type="submit"]{ -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }

.take-action-footer-panel a{ text-decoration: none; color: #4ec5e0; }
.take-action-footer-panel a:hover{ color: #ffffff;}

.our-work-footer-panel a{ text-decoration: none; color: #ffffff; }
.our-work-footer-panel a:hover{ color: #ffffff;}
.nobr{ white-space: nowrap; }
.blue{ color: #00598A !important; }
.lightBlue{ color: #4ec5e0 !important; }
.white{ color: #ffffff !important; }
.grey{ color: #414042 !important; }
.black{ color: #000000 !important; }
.green{ color: #91b947 !important; }
.red{ color: #EE403D !important; }
.purple{ color: #9A1F87 !important; }
.yellow{ color: #fcb813 !important; }
 h3.white a { color: #ffffff !important; }
 
.no-margin-top{ margin-top: 0; }
.no-margin-right{ margin-right: 0; }
.no-margin-bottom{ margin-bottom: 0; }
.no-margin-left{ margin-left: 0; }

.no-padding-top{ padding-top: 0; }
.no-padding-right{ padding-right: 0; }
.no-padding-bottom{ padding-bottom: 0; }
.no-padding-left{ padding-left: 0; }

 
.alignCenter{ text-align: center !important; }
.alignLeft{ text-align: left !important; }
.alignRight{ text-align: right !important; }
.uppercase	{ text-transform: uppercase; }
.container{ width: auto; margin: 0 auto 0 auto; position: relative; }
.noUnderline{ text-decoration: none !important; }
.gap{ height: 60px; clear: both; }
.gapHalf{ height: 30px; clear: both; }
.gapQuarter{ height: 15px; clear: both; }
.block{ display: block !important; }
.blueBG{ background-color: #00598A; }
.lightBlueBG{ background-color: #4ec5e0; }
.whiteBG{ background-color: #fff; }
.greyBG{ background-color: #f9f9f8; }
.greenBG{ background-color: #91b947; }
.purpleBG{ background-color: #9A1F87; }
.blueTexture{ background-color: #45b7cf; background-image: url(images/white_plaster_@2X_l_blue.png); background-repeat: repeat;}
.greyTexture{ background-color: #f9f9f8; }
.greyTexture1{ background-color: #f5f5f5; background-image: url(images/texture-2.png); background-repeat: repeat;}
.greyTexture2{ background-color: #f9f9f8; background-image: url(images/texture-3.png); background-repeat: repeat;}
.greenTexture{ background-color: #91b947; background-image: url(images/white_plaster_@2X_green.png); background-repeat: repeat; }
.orangeTexture{ background-color: #e9ad32; background-image: url(images/texture-5.png); background-repeat: repeat; }
.purpleTexture{ background-color: #9A1F87; background-image: url(images/white_plaster_@2X_purple.png); background-repeat: repeat; }
.yellowTexture{ background-color: #fcb813; background-image: url(images/white_plaster_@2X_yellow.png); background-repeat: repeat; }
.lightblueTexture{ background-color: #4ec5e0; background-repeat: repeat; }

.shadow{ box-shadow: 2px 2px 2px 2px rgba(110, 110, 110, 0.1); }
.sub-heading p{ font-size: 14px; }
.largeText	{ font-size: 19px; line-height: 30px; }
.largeWhite	{ color: #fff; font-size: 26px; font-family: "LeagueGothic"; }
#fixedHeader{ height: 124px; position: fixed; top: 0; width: 100%; z-index: 1000; }
.headerImg{ display: block; max-width: 100%; }
.header{ height: 124px; background-color: #015989; background-image: url(images/header-bg.png); background-repeat: repeat-x; }
.header .logo{ margin-top: 26px; }
#banners{ overflow: hidden; position: relative; }
.pagination{ position: relative; left: 20px; bottom: 65px; z-index: 100; }
.pagination a{ color: #ffffff; text-decoration: none; font-size: 30px; background-color: rgba(0, 0, 0, 0.7); padding: 10px 20px; display: inline-block; }
.pagination a:hover{ background-color: rgba(0, 0, 0, 1); color: #4EC5E0; }
#prev{ margin-right: 10px; }
.slide	{ position: relative !important; }
.one-quarter{ width: 225px; float:left; margin-right: 25px; }
img.scale{ max-width: 100%; }

h3.chairman	{ margin: 0 0 0 10px; }

.content ul{ margin: 0 0 15px 25px; }
.content li{ list-style: disc; margin: 0 0 6px 0; font-size: 18px; }  

.footer, .header .footer{ background-color: #414042; color: #C1C1BA; font-size: 14px; }
.footer li{ font-size: 26px; color: #ffffff; margin: 0 0 16px 0; }
.footer li:last-child{ margin-bottom: 0; }
.footer a{ color: #ffffff; text-decoration: none; }
.footer a:hover{ color: #4EC5E0; }
.footer address{ line-height: 18px; }
.footer h4{ text-transform: uppercase; font-size: 26px; color: #ffffff; }
.footer .twitter, .footer .facebook, .three-things .twitter, .three-things .facebook{ height: 32px; line-height: 32px; margin-bottom: 16px; }
.footer .twitter img, .footer .facebook img, .three-things .twitter img, .three-things .facebook img{ margin-right: 16px; display: block; float: left; }
.footer .division{ margin-left: 5px; margin-right: 5px; }

table.reporting{ width: 99%; margin: 0 auto 0 auto; }
table.reporting th{ background-color: #e1e1e1; color: #000000; font-size: 18px; }
table.reporting td{ background-color: rgba(255, 255, 255, 0.8); }
table.reporting th, table.reporting td{ border: 1px solid #e1e1e1; border-collapse: collapse; padding: 8px; }
td.firstname, td.lastname{ text-transform: capitalise; }
.wp-post-image	{ max-width: 100% !important; }

.menu-main-menu-container{ height: 40px; margin-top: 84px; }
.menu-main-menu-container > ul{ float: right; width: auto; }
.menu-main-menu-container > ul > li{ font-family: "LeagueGothic"; text-transform: uppercase; font-size: 26px; float: left; position: relative; }
.menu-main-menu-container > ul li:first-child{ margin-left: 0; }
.menu-main-menu-container > ul li:last-child{ margin-right: 0; }
.menu-main-menu-container > ul li a, .menu-main-menu-container > ul li a:link, .menu-main-menu-container > ul li a:visited{ color: #ffffff; text-decoration: none; display:block; padding: 0 15px 0 15px; }

.menu-main-menu-container > ul > li > a{line-height: 40px; height: 40px;}

.menu-main-menu-container > ul li a:hover{ color: #4EC5E0; }

.menu-main-menu-container ul li > ul.sub-menu{ margin: 0; opacity:0; visibility:hidden; padding: 5px 15px 0 15px; background-color: rgb(249,249,249); width: 226px; position: absolute; left: -116px; top: 40px; z-index: 1000; border: 1px solid #c1c1ba; }
.menu-main-menu-container ul li > ul.sub-menu li{ border-bottom: 1px solid #c1c1ba; float: none; margin-left: 0 !important; margin-right: 0 !important; font-family: "ProximaNova" !important; text-transform: none; }
.menu-main-menu-container ul li > ul.sub-menu li:last-child{ border-bottom: none; }
.menu-main-menu-container ul li > ul.sub-menu li a{ padding: 6px 0 6px 0; color: #403F41; font-size: 18px; display: block; font-weight: bold; }


.menu-main-menu-container ul li > ul.sub-menu li > ul.sub-menu { background-color: transparent; padding: 0; margin: 0; position: relative; left: auto; top: auto; border: none;}
.menu-main-menu-container ul li > ul.sub-menu li > ul.sub-menu li{ float: none; border-bottom: none; }
.menu-main-menu-container ul li > ul.sub-menu > li ul.sub-menu li a{ padding: 2px 0 2px 0; color: #00598A; font-size: 16px; display: block; font-weight: normal; }

.menu-main-menu-container > ul li:hover ul, 
.menu-main-menu-container ul li:focus ul{visibility:visible; opacity:1}


#menu-mobile{display:none;position:fixed;top:0;right:-254px;width:254px;min-height:100%;background:#00598A;font-size:13px;line-height:36px;color:#aaa;z-index:5000}
#menu-mobile.open{right:0}
body.header-fixed #menu-mobile{top:0}
#menu-mobile .wrapper-menu{overflow:hidden;overflow-y:auto}
#menu-mobile .bt-menu{position:absolute;top:0;left:-66px;width:66px;height:65px;background:#91b947;text-indent:-23em;overflow:hidden;cursor:pointer}
body.header-fixed #menu-mobile .bt-menu{height:66px}
#menu-mobile .bt-menu:hover,#menu-mobile .bt-menu.active{background:#91b947}
#menu-mobile .bt-menu:before,#menu-mobile .bt-menu:after{position:absolute;top:22px;left:22px;content:'';display:block;width:22px;height:5px;border-top:4px solid #fff;border-bottom:4px solid #fff}
#menu-mobile .bt-menu:after{top:40px;left:22px;border-top:4px solid #fff;border-bottom:0}

#menu-mobile ul.menu li.active a,#menu-mobile a:hover,#menu-mobile ul.menu li.active li a:hover{color:#91b947}
#menu-mobile ul.menu li.menu-item-has-children ul{display: block !important;}
#menu-mobile ul{float:none;width:100%}
#menu-mobile ul li{border-left:none;width:100%!important}

#menu-mobile ul.menu{padding-top:20px;padding-left:20px;}
#menu-mobile ul.menu > li{ margin-bottom: 15px; }
#menu-mobile ul.menu li a{background:transparent;text-align:left;text-decoration:none;font-size:20px; line-height: 20px;color:#4ec5e0; font-weight: bold; display: block;margin-bottom: 10px;}

#menu-mobile ul.menu li ul{ margin-left: 0; padding-left: 0; margin-top: 0;}
#menu-mobile ul.menu li li{ margin-bottom: 15px; }
#menu-mobile ul.menu li li a{line-height:16px;font-size:16px;color:#ffffff; margin-bottom: 0; }

#menu-mobile ul.menu li li ul{ margin-bottom: 15px;}
#menu-mobile ul.menu li li li{ margin-bottom: 5px; }
#menu-mobile ul.menu li li li a{line-height:14px;font-size:14px;color:#ffffff; padding-left: 20px;margin-bottom:0px;}




/* -------------------- */
#backToTop{ float: right; }
#meetTheTeamRight.four h3.alignLeft a{ color: #c1c1b1; }
#meetTheTeamRight.four h3.alignLeft a:hover,	
#meetTheTeamRight.four h3.alignLeft a.active{ color: #00598A; }

/* Take Action */
.sponsorSections ul li  { float: left; margin: 0 10px 0 10px; }
.sponsorSections ul li a { text-transform: uppercase; text-decoration: none; color: #074c7a }
.sponsorSections ul li a:hover { text-transform: uppercase; text-decoration: none; color: #4ec5e0 }

#sponsorPumpRight.four h3.alignLeft a	{ color: #c1c1b1; }
#sponsorPumpRight.four h3.alignLeft a:hover,	
#sponsorPumpRight.four h3.alignLeft a.active	{ color: #00598A; }

#bottomBox{ border: 1px solid #4ec5e0;}

.bottomBoxGrey{ border: 1px solid #e1e1e1; background-color: #f5f5f5; }
.bottomBoxGrey h3{ font-size: 26px; padding: 0; line-height: 26px; }

.box{ padding: 20px; }
.box p{ font-size: 18px; line-height: 36px; margin-bottom: 0; } 

.currentProjectsText h3 { font-size: 32px; }
.currentProjectsDrop img {max-width: 179px;}

.hide { display: none; }

/* Our Work Programmes */
img.programmes{ margin: 0 0 30px 0 !important; }


/*Single Page*/
img.single{ padding: 30px 0 20px 0; }
.bold{ font-weight: bold; }
.singleContent{ font-size: 17px; }
.greenQuote{ font-family: 'LeagueGothic'; font-size: 54px; color: #91b947; line-height: 68px; text-transform: uppercase;}
.yellowQuote{ font-family: 'LeagueGothic'; font-size: 54px; color: #fcb813; line-height: 68px; text-transform: uppercase;}
.purpleQuote{ font-family: 'LeagueGothic'; font-size: 54px; color: #9A1F87; line-height: 68px; text-transform: uppercase;}
.lightblueQuote{ font-family: 'LeagueGothic'; font-size: 54px; color: #4ec5e0; line-height: 68px; text-transform: uppercase;}

.tableCell{ display: table-cell; }
.readMoreIntro{ font-size: 21px; }

.round-corners{
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 0 40px 20px;
    border: 1px solid #DDDDDD;
}

.round-corners-left {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    margin: 29px 0 0;
    padding: 0 40px 20px;
}

img.border{
    border: 20px solid #FFFFFF;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
    height: auto;
    margin-left: -20px;
    margin-top: -20px;
    max-width: 100%;
    border-radius: 8px;
}

.round-cornersReduced {
    background-color: #FFFFFF;
    border-radius: 8px;
  	padding: 0 0 10px;
    border: 1px solid #DDDDDD;

}

img.borderReduced{
	max-width: 93%;
    border: 10px solid #FFFFFF;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
    height: auto;
    border-radius: 8px;
}
.sidebar_image_text{ display: block; margin-top: 10px; font-size: 13px; }

img.squared-border{ border: 14px solid #ffffff; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2); max-width: 90%; }

.img-circle{ border-radius: 50%; }

.campaignImage img.borderReduced{
	max-width: 100%;
    border: 10px solid #FFFFFF;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2);
    height: auto;
    border-radius: 8px;
}

.storyHeader	{
    max-width:  673px;
    margin: 0 auto;
}

/* Programmes Page */

.programmesImageHolder1	{
	max-width: 308px;
	max-height:  187px;
	border: 1px solid #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	}
	
	.programmesImageHolder2	{
	max-width: 248px;
	max-height:  256px;
	border: 1px solid #ccc;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;	
	}
	

.programmesPic1 {
	max-width: 308px !important;
	margin: 0 10px 20px 0;
	float: right;
}

.programmesPic2 {
		max-width: 248px !important;
		margin: 0 10px 20px 0;
		float: right;
}

.marginBottom	{
	margin-bottom: 20px;
	height: 100%;
	}

.displayBlock	{
	display: inline-block;
	float: right;
	}


/*our Story */

.ourStoryLeft	{
	font-size: 111px;
	font-family: 'LeagueGothic';
	line-height: 113px;
	}

div#ourStory img	{
	margin: 13px 0 0 0;
	}

.ourStoryRight {
    font-family: 'LeagueGothic';
    font-size: 55px;
    line-height: 60px;
    margin: 46px 0 0;
}

 .storyItem	{
 	min-height: 375px;
 	}

/* Fundraise */

.fundraise	{	
	height: 120px;
		}
	
	.fundraiseText	{	
	height: 160px;
	}
	
.fundraiseButton	{
	padding: 10px 0;
	border: 1px solid #4ec5e0;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	text-align: center;
	font-family: 'LeagueGothic';
	font-size: 25px;
	}
	
.fundraiseButton a { text-decoration: none !important; }


/* WTD Page */

.wtd-btn { background-color: #4ec4de;
background: -moz-linear-gradient(top,  #4ec4de 0%, #40a3ba 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ec4de), color-stop(100%,#40a3ba));
background: -webkit-linear-gradient(top,  #4ec4de 0%,#40a3ba 100%); 
background: -o-linear-gradient(top,  #4ec4de 0%,#40a3ba 100%); 
background: -ms-linear-gradient(top,  #4ec4de 0%,#40a3ba 100%); 
background: linear-gradient(to bottom,  #4ec4de 0%,#40a3ba 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ec4de', endColorstr='#40a3ba',GradientType=0 );
 color: #ffffff; display: inline-block; font-size: 26px; text-decoration: none;  cursor: pointer; line-height: 67px; text-align: center; border: 3px solid #ffffff; font-family: "LeagueGothic"; text-transform: uppercase; }
.wtd-btn a{ text-decoration: none; display: block; }
.wtd-btn a:hover { background-color: #91b947 !important; color: #ffffff; }

.three-things-image{ position: relative; }
.three-things-image img{ display: block; margin: 0; }  
.three-things-image-number{ border-radius: 50%; color: #fff; font-size: 30px; text-align: center; width: 60px; height: 60px; line-height: 60px; position: absolute; top: 10px; left: 10px; z-index: 10; font-family: "LeagueGothic"; background-color: #4EC5E0; }
.three-things-image-caption-wrapper{ position: relative; display: none; }
.three-things-image-caption-wrapper:hover{ position: relative; display: block; }

.three-things-image-caption{ color: #fff; font-size: 12px; padding: 0 2%; line-height: 24px; background-color: rgba(0,0,0,0.8); width: 96%; display: block; height: 24px; position: absolute; top: -24px; left: 0; z-index: 100 }

p.lightBlueSolidLink, a.lightBlueSolidLink{ font-size: 24px !important; line-height: 26px; font-family: "LeagueGothic"; color: #fff; background-color: #4ec4de; display: block; padding: 8px 16px; text-decoration: none; text-align: center; text-transform: uppercase; } 
a.lightBlueSolidLink:hover { background-color: #91b947 !important; color: #ffffff; }


p.darkBlueSolidLink, a.darkBlueSolidLink{ font-size: 32px !important; line-height: 34px; font-family: "LeagueGothic"; color: #074c7a; background-color: #4ec4de; display: block; padding: 8px 16px; text-decoration: none; text-align: center; text-transform: uppercase; }
a.darkBlueSolidLink:hover { background-color: #4ec4de !important; color: #074c7a; }


h2.extResTitle, .extResItem	h4 { font-size: 28px !important; }
.extResItem	p { font-size: 15px !important; }
.three-things	h4 { font-size: 28px !important; }
.three-things	p { font-size: 17px ; }
.wtd-rightText p { margin: 0; }
.wtd-rightText { margin-top: -18px; }

.three-things-image-caption-wrapper {
    display: none;
}

.three-things-image:hover~.three-things-image-caption-wrapper{
    display: block;
}

.lessTopMargin { margin-top: -20px; }
/* END WTD Page */


/* Global Handwash Page */

.ghwdBlueBG { background-color: #4EC5E0; }
.theSolution p { font-size: 34px; color: #9A1F87; }
.darkBlueTitle h1 { color: #074C7A; }



.firstWordBlue  { color: #074C7A; }
.white h1 { color: #fff; font-size: 65px; padding-top: 0px; }
.centerLine	{ border-right: 1px solid #fff; }
ul.bottom_left_content { list-style-type: disc; list-style-position: outside; color: #fff; }
ul.bottom_left_content a { color: #ffffff; text-decoration:underline; }
ul.bottom_left_content a:hover { text-decoration: none; }
ul.bottom_left_content li {
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 20px;
    padding: 0 30px 0 0;
}
    
.purpleWaterDrop {
    background-image: url("images/water-drop-purple-outline.png");
    background-repeat: no-repeat;
    background-size: 100px 128px;
    display: block;
    float: left;
    font-size: 72px;
    height: 84px;
    padding-top: 44px;
    text-align: center;
    width: 102px;
}

.ghwd-stat1	{ margin-bottom: 30px; overflow: hidden; }
.ghwd-stat2	{ overflow: hidden; }
.globalHandwashStat p {
    font-size: 34px !important;
    line-height: 38px;
}
/* End */

/*Give Page*/

 a.giveButton{
	background-color: #4ec5e0;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #4EC4DF),
		color-stop(1, #41A2B8)
	);
	background-image: -o-linear-gradient(bottom, #4EC4DF 0%, #41A2B8 100%);
	background-image: -moz-linear-gradient(bottom, #4EC4DF 0%, #41A2B8 100%);
	background-image: -webkit-linear-gradient(bottom, #4EC4DF 0%, #41A2B8 100%);
	background-image: -ms-linear-gradient(bottom, #4EC4DF 0%, #41A2B8 100%);
	background-image: linear-gradient(to bottom, #4EC4DF 0%, #41A2B8 100%);
	font-family: 'LeagueGothic';
    border: 3px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-size: 26px;
    padding: 20px;
    text-decoration: none;
    text-transform: uppercase;
	transition: all .5s ease;
}

a.giveButton:hover{
	background-color: #00598A;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #98C03B),
		color-stop(1, #729316)
	);
	background-image: -o-linear-gradient(bottom, #98C03B 0%, #729316 100%);
	background-image: -moz-linear-gradient(bottom, #98C03B 0%, #729316 100%);
	background-image: -webkit-linear-gradient(bottom, #98C03B 0%, #729316 100%);
	background-image: -ms-linear-gradient(bottom, #98C03B 0%, #729316 100%);
	background-image: linear-gradient(to bottom, #98C03B 0%, #729316 100%);
	transition: all .5s ease;
}
 

.dropImage	{
	max-width: 159px;
	}

.storyMinBody div.four {
	min-height: 315px;
}

.margin-top {
	margin-top: 20px;
	}
	
.storySide	{
	max-width:  300px;
	float: right;
	}
	
.storyMinBody a	{
    clear: both;
    font-family: "LeagueGothic";
    font-size: 26px;
    line-height: 28px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #414042;
}

.storyMinBody a:hover{ color: #00598A; }

.headshot{ max-width: 160px; margin-top: 10px; margin-bottom: 15px; display: inline-block; -webkit-border-radius: 50% 50%; -moz-border-radius: 50% 50%; border-radius: 50% 50%; }

.meetTheTeamContent{ font-size: 16px; }

h3.member{
	font-size: 30px;
	margin: 0;
	padding: 0;
	line-height: 1em;
	}

div.teamMemberBio p	{
	font-size: 16px;
	line-height: 20px;
	}
div.member-position p{ margin-bottom: 4px !important; }
.waterdrop	{
	max-width: 160px;
	margin-bottom: 15px;
	}
	
a.sustainability	{
    clear: both;
    font-family: "LeagueGothic";
    font-size: 26px;
    line-height: 28px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #414042;
}

a.sustainability:hover	{
	color: #00598A;
	}
	
.teamTrusteesMenu,
.teamAdvisorsMenu,
.teamStaffMenu	{
	margin-bottom: 40px;
	}

.teamTrusteesMenu h3,
.teamAdvisorsMenu h3,
.teamStaffMenu	 h3{
	padding-top: 0;
}
	

.teamTrusteesMenu li,
.teamAdvisorsMenu li,
.teamStaffMenu li{
	padding: 0 0 10px 0;
	}

.teamTrusteesMenu a,
.teamAdvisorsMenu a,
.teamStaffMenu a 	{
	text-decoration: none;
	}
	
.lightGrey	{
	color: #C1C1BA !important;
}


 a.sustainability img:hover	{
   opacity: 0.5;
   } 
   
   a img.dropImage:hover	{
   opacity: 0.5;
   }
   
   
   
.boxEffect2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 0 solid #414042;
    height: 80px;
    padding: 10px 20px;
    margin-top: -38px;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}



.corporatePartnerLogo	{
 text-align:center; 
 min-height: 170px;
       	}

.corporatePartnerLogo a	{
	}
	
.corporatePartnerLogo img	{
	position: relative;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
        	}



html body.page div#pageWrapper hr.lighter	{
  height:0; 
  border:0; 
  border-top:1px solid #e0e0dd; 
  margin-top: 65px;
}

#breadcrumb{ padding-top: 10px; }
a.blackBoldLink{ color: #000000; text-decoration: none; margin-top: 20px; font-weight: bold; }
a.blackBoldLink:hover{ color: #00598A; text-decoration: underline; }
.noPaddingTop{ padding-top: none !important; }
.fundraisers img{ max-width: 93%; display: block; margin: 0 auto 15px auto; }
.footnote{
	color: #00A1E4;
	vertical-align: super;
	font-size: 50%;
	font-weight: bold;
	}
.footnoteContainer	{
	margin-top: 20px;
	}
.footnoteContainer ol {
    list-style-type: none;
    list-style-type: decimal !ie;
    margin: 0;
    margin-left: 3em;
    padding: 0;
    counter-reset: li-counter;
}
.footnoteContainer ol li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 0.5em;
    min-height: 1em;
    border-left: 2px solid #e1e1e1;
}
.footnoteContainer ol li:before {
    position: absolute;
    top: 0;
    left: -2em;
    width: 0.8em;
    font-size: 0.8em;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #00598A;
    content: counter(li-counter);
    counter-increment: li-counter;
}
.footnoteContainer ol li{ font-size: 0.9em; line-height: 1.3em;}

.greyBottomBorder{ border-bottom: 1px solid #e1e1e1; }
.greyTopBorder{ border-top: 1px solid #e1e1e1; }

.readAbout p{ font-family: "LeagueGothic"; font-size: 26px; line-height: 30px; }

#donate-header{ position: absolute; top: 5px; right: 0; }
.donate-button a{ display: block; background-color: #4EC5E0; color: #ffffff; font-size: 26px; font-family: "LeagueGothic"; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; padding: 15px 30px 13px 30px; text-align: center; height: 26px; }
.donate-button a:hover{ background-color: #ffffff; color: #00598A; }

.crowdfund-button { margin-top: 51px; }
.crowdfund-button a{ border: 3px solid #fff; background-color: #064168; color: #ffffff; font-size: 28px; font-family: "LeagueGothic"; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; padding: 15px 30px 13px 30px; text-align: center; height: 26px; }
.crowdfund-button a:hover{ background-color: #ffffff; color: #00598A; }

.newsletter-button	{ margin-top: 49px; }
.newsletter-button a{ border: 3px solid #fff; background-color: #064168; color: #ffffff; font-size: 32px; font-family: "LeagueGothic"; letter-spacing: 1px; text-transform: uppercase; text-decoration: none; padding: 15px 30px 13px 30px; text-align: center; height: 26px; }
.newsletter-button a:hover{ background-color: #ffffff; color: #00598A; }

.lightBlue h1 { color: #4EC5E0; }
.darkBlue { color: #074C7A; }




.readmore, .readmore:visited, .readmore:link, input[type="submit"] { background-color: #00598A; color: #ffffff; display: inline-block; padding: 10px 40px 8px 40px; font-size: 26px; text-decoration: none; border: 3px solid #ffffff; margin-top: 40px; cursor: pointer; }
input[type="submit"] { font-weight: normal; }
.readmore:hover, input[type="submit"]:hover{ background-color: #91b947; color: #ffffff; }

.centerPadding{ padding-left: 15px; padding-right: 15px; }

#search-form ::-webkit-input-placeholder{color:#fff;}
#search-form :-moz-placeholder{color:#fff;opacity:1;}
#search-form ::-moz-placeholder{color:#fff;opacity:1;}
#search-form :-ms-input-placeholder{ color:#fff;}

.search-form{ position: absolute; top: 5px; right: 195px; }
#search-form .search-input{
font-size: 16px;
border: 2px solid #999;
padding: 0 10px;
height: 32px;
float: left;
background-color: #00598A;
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
color: #fff;
}
#search-form .search-submit{ 
margin-top: 0;
border: none;
padding: 0 12px;
text-align: center;
height: 36px;
display: block;
float: right;
background-color: #999;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}
#search-form .search-submit:hover{ background-color: #259fe0; }

.social-icons{ padding: 0; margin: 0; list-style: none; position: absolute; top: 5px; right: 435px; }
.social-icons li{ padding: 0; margin: 0 5px; list-style: none; float: left; width: 36px; height: 36px; }
.social-icons li img{ display: block; margin: 0; border: 2px solid #999;}
.social-icons li a{ display: block; width: 32px; height: 32px; }
.social-icons li a:hover{ color: #4EC5E0; }
#banners .metaslider-responsive > div{ margin-bottom: 0 !important; }

.project-donation-button{ text-align: center; font-size: 18px; line-height: 1.3em; font-weight: bold; padding: 20px 0; margin: 20px 0; }
.project-donation-button a{ text-decoration: none; }
.project-donation-button img{ display: block; margin: 0 15px 10px 0; float: left; max-width: 90px; height: auto; }
.project-donation-button h3{ margin: 0; padding: 0; }
.donation-text{ float: left; width: 220px; }

.donation-yellow, .donation-yellow p, .donation-yellow a, .donation-yellow h3{ color: #fcb813; }
.donation-yellow:hover, .donation-yellow:hover p, .donation-yellow:hover a, .donation-yellow:hover h3 { color: #414042; }

.donation-green, .donation-green p, .donation-green a, .donation-green h3{ color: #91b947; }
.donation-green:hover, .donation-green:hover p, .donation-green:hover a, .donation-green:hover h3 { color: #414042; }

.donation-blue, .donation-blue p, .donation-blue a, .donation-blue h3{ color: #4ec5e0; }
.donation-blue:hover, .donation-blue:hover p, .donation-blue:hover a, .donation-blue:hover h3 { color: #414042; }

.donation-purple, .donation-purple p, .donation-purple a, .donation-purple h3{ color: #9A1F87; }
.donation-purple:hover, .donation-purple:hover p, .donation-purple:hover a, .donation-purple:hover h3 { color: #414042; }

.donation-red, .donation-red p, .donation-red a, .donation-red h3{ color: #EE403D; }
.donation-red:hover, .donation-red:hover p, .donation-red:hover a, .donation-red:hover h3 { color: #414042; }

#banners .metaslider .caption { padding: 25px; }
#banners .metaslider a{ outline: none; color: #ffffff; }
#banners .metaslider div.caption-wrap{ height: 350px; }

#banners .metaslider .slide-title-small, #banners .metaslider .slide-title-large, #banners .metaslider .slide-button{ text-transform: uppercase; }
#banners .metaslider .slide-title-small, #banners .metaslider .slide-title-large, #banners .metaslider .slide-button { display: inline-block; font-family: "LeagueGothic"; }
#banners .metaslider .slide-description{ display: block; font-family: "ProximaNova"; }

#banners .metaslider .slide-title-small { font-size: 26px; line-height: 30px; margin: 0 50px 0 0; }
#banners .metaslider .slide-title-large { font-size: 44px; line-height: 44px; margin: 0 50px 10px 0; }
#banners .metaslider .slide-description {font-size: 20px; line-height: 22px; margin: 0 50px 20px 0; }
#banners .metaslider .slide-button { font-size: 26px; line-height: 26px; background-color: #00598A; border: 2px solid #ffffff; padding: 10px 15px; text-align: center; border-radius: 2px; }
#banners .metaslider:hover .slide-button { background-color: #4EC5E0; }
#banners .rslides_tabs .rslides_here a{ font-weight: normal; }

.metaslider-1523{ box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2) !important; }

.metaslider-1523 .theme-default .nivo-caption {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;
    border-radius: 0 !important;
    bottom: 0 !important;
    clear: none !important;
    color: rgba(255, 255, 255, 1) !important;
    left: auto !important;
    margin: 0 !important;
    opacity: 1 !important;
    position: absolute !important;
    right: 0 !important;
    width: 100% !important;
    top: inherit !important;
	padding: 10px !important;
	line-height: 1.3em !important;
}

footer h4{ padding-top: 0; line-height: 1em; }

.responsiveVideo{ margin-bottom: 40px; }
.responsiveVideo iframe{ border: 10px solid #FFFFFF; border-radius: 10px; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2); }

.doubleBox p{ font-size: 26px; line-height: 34px; }

.doubleBoxBorder{ border-right: 1px solid; }
.doubleBoxLeft, .doubleBoxRight{ padding: 0 60px 0 60px; }

.one-third-padding{ padding: 0 20px 0 20px; }

img.pump-facts{ float: left; margin: 0 15px 15px 0; display: block; }
span.pump-facts-small{ display: block; font-size: 20px; line-height: 22px; margin-bottom: 15px; }
span.pump-facts-large{ font-size: 70px; line-height: 66px;display: block; margin-bottom: 5px; }
div.pump-facts-one{ float: left; width: 230px; }
div.pump-facts-two{ float: left; width: 310px; }
div.pump-facts-three{ float: left; width: 230px; }

.next-arrow{ background-image: url(images/next-arrow-blue-dot.png); }
.arrow-blue{ margin: 140px auto 0 auto; cursor: pointer; display: block; width: 35px; height: 35px; background-size: 35px 35px; text-indent: -500px; overflow: hidden; }
 
.desktop{ display: block; }
.mobile{ display: none; }

.water-drop-grey{ width: 300px; height: 318px; background-position: center center; background-image: url(images/water-drop-grey.png); background-size: 249px 318px; margin: 0 auto 20px auto; background-repeat: no-repeat; }
.water-drop-grey span{ display: block; text-align: center; }
.water-drop-grey span.line1{font-size: 44px; padding-top: 80px;}
.water-drop-grey span.line2{font-size: 100px;}
.water-drop-grey span.line3{font-size: 44px;}

a.find-out-more{ border: 1px solid #4EC5E0; padding: 6px 30px 4px 30px; display: inline-block; font-family: "LeagueGothic"; color: #4EC5E0; text-transform: uppercase; text-decoration: none; font-size: 26px; margin: 0 auto 0 auto; }
a.find-out-more:hover{ border: 1px solid #00598A; color: #00598A; background-color: #f5f5f5; }
span.color-button{ padding: 6px 30px 4px 30px; display: inline-block; font-family: "LeagueGothic"; color: #ffffff; text-transform: uppercase; text-decoration: none; font-size: 26px; margin: 0 auto 0 auto; }
ul.underlined{ margin: 0 0 20px 0; padding: 0; }
ul.underlined li{ padding: 10px 0 10px 0; margin: 0; border-bottom: 1px solid #e1e1e1; list-style: none; font-size: 18px; line-height: 24px; }
ul.underlined li:last-child{ border-bottom: none; }
.copyrights{ font-size: 14px; line-height: 22px; text-align: center; }
#donate-now-free-amount{ border: 2px solid #4ec5e0; padding: 5px 10px; width: 70%; font-size: 36px; text-align: center; height: 40px; display: block; margin: 0 auto; }
#donate-now-free{ height: 54px; display: table-cell; vertical-align: middle;cursor: pointer; padding-top: 0; padding-bottom: 0; }
span.job-panel-tel-number{ display: block; }
.could-pay-for{ margin-bottom: 0; padding-right: 40%; }
body.tiny .social-icons, body.tiny #search-form{ display: none; }
@media (min-width: 768px){
body.tiny{ padding-top: 65px; }
body.tiny #fixedHeader{ border-bottom: 1px solid #06679d; }
body.tiny #fixedHeader, body.tiny .header{ height: 65px; }
body.tiny .donate-button a{ padding: 6px 30px 0px 30px; }
body.tiny .header{ background-color: rgba(1,89,137,0.8); background-image: none; }
body.tiny .header .logo { margin-top: 7px; height: 50px; }
body.tiny #donate-header{ position: absolute; top: 17px; left: 120px; right: auto; }
body.tiny #donate-header a { font-size: 22px; }
body.tiny .menu-main-menu-container { margin-top: 24px; }
.visible-mobile{ display: none; }
}

@media only screen and (max-width: 959px){
	img.pump-facts{ width: 80px; height: auto; }
	span.pump-facts-small{ font-size: 18px; }
	span.pump-facts-large{ font-size: 54px; line-height: 50px; }
	div.pump-facts-one{ width: 200px; }
	div.pump-facts-two{ width: 260px; }
	div.pump-facts-three{ width: 200px; }
	.arrow-blue{ margin: 100px auto 0 auto; }
	.header-image div.opacity{ width: 768px; height: 280px; }
	.header-image span{ right: 90px; top: 40px; font-size: 100px; line-height: 100px; }
	.teamTrusteesMenu li,
	.teamAdvisorsMenu li,
	.teamStaffMenu li{
		font-size: 14px;
	}
	#banners .metaslider .slide-title-small { font-size: 26px; line-height: 30px; margin: 0 50px 0 0; }
	#banners .metaslider .slide-title-large { font-size: 34px; line-height: 34px; margin: 0 20px 10px 0; }
	#banners .metaslider .slide-description {font-size: 18px; line-height: 22px; margin: 0 50px 20px 0; }
	#banners .metaslider .slide-button { font-size: 26px; line-height: 26px; padding: 5px 10px; }
	#banners .metaslider .rslides .caption-wrap{ width: 60%; }
	
	span.job-panel-tel-number{ display: inline; }
	body.tiny .menu-main-menu-container > ul > li { font-size: 22px; }
	.social-icons{ top: 45px; right: 0; }
}

@media only screen and (max-width: 767px){
	#menu-mobile{display: block; }
	nav.main{ display: none; }
	#fixedHeader{ position: relative; top: auto; height: 65px; }
	.header{ height: 65px; }
	body{ padding-top: 0; }
	.doubleBoxLeft, .doubleBoxRight{ padding: 0 20px 0 20px; }
	.one-third-padding{ padding: 0 10px 0 10px; }
	.doubleBoxBorder{ border-right: none; border-bottom: 1px solid; padding-bottom: 30px; margin-bottom: 30px; }
	.header .logo{ margin-top: 9px; width: 90px; height: auto; }
	h1, h2{ font-size: 50px; padding-top: 40px; padding-bottom: 20px; }
	.menu-header-menu-container{ display: none; }
	.arrow-blue{ margin: 20px auto 20px auto; }
	.desktop{ display: none !important; }
	.mobile{ display: block !important; }
	.water-drop-grey{ width: 270px; height: 280px; background-size: 219px 280px; }
	.water-drop-grey span{ display: block; text-align: center; }
	.water-drop-grey span.line1{font-size: 40px; padding-top: 70px;}
	.water-drop-grey span.line2{font-size: 100px;}
	.water-drop-grey span.line3{font-size: 40px;}
	.footer .division{ display: none; }
	.mobileLine{ display: block; margin-bottom: 10px; }
	.headshot{ margin-top: 0; }
	select{ max-width: 100%; }
	input[type="submit"]{ float: left; }
	#donate-now-free{ height: auto; display: block; cursor: pointer; margin: 10px auto 0 auto; width: 40%; padding-top: 6px; padding-bottom: 4px; text-align: center; }
	.menu-main-menu-container{ display: none; }
	.header-image div.opacity{ width: 420px; height: 153px; }
	.header-image span{ right: 50px; top: 20px; font-size: 60px; line-height: 60px; }
	
	#banners .metaslider .slide-title-small { display: none; }
	#banners .metaslider .slide-title-large { font-size: 34px; line-height: 34px; margin:  0 100px 10px 0; }
	#banners .metaslider .slide-description { display: none; }
	#banners .metaslider .slide-button { font-size: 20px; line-height: 20px; padding: 5px 10px; margin: 0; }
	#banners .metaslider .rslides .caption-wrap{ width: 100%; }
	
	#donateform div.label{ width: 40%; }
	#donateform div.field{width: 60%; }	
	#donate-header{ display: none; }
	
	.social-icons, #search-form{ display: none; }
	.visible-mobile{ display: block; }
}

@media only screen and (max-width: 479px) {
	h1, h2{ font-size: 40px; padding-top: 40px; padding-bottom: 20px; }
	.gap{ height: 40px; }
	.gapHalf{ height: 20px; }
	.gapQuarter{ height: 10px; }
	.one-third-padding{ padding: 0; }
	input[type="submit"]{ padding-left: 20px; padding-right: 20px; font-size: 20px; }
	.header-image div.opacity{ display: none; }
	.header-image span{ display: none; }
	#banners .metaslider .caption{ padding: 10px; } 
	#banners .metaslider .slide-title-small { display: none; }
	#banners .metaslider .slide-title-large { font-size: 26px; line-height: 26px; margin:  0 0 4px 0; }
	#banners .metaslider .slide-description { display: none; }
	#banners .metaslider .slide-button { font-size: 20px; line-height: 20px; padding: 5px; margin: 0; }
	#banners .metaslider .rslides .caption-wrap{ width: 100%; }
	
	#donateform div.label{ width: 100%; float: none; }
	#donateform div.field{width: 85%; float: none; }
}

ul#core-themes li { border-bottom: 1px solid #e1e1e1; font-size: 24px; line-height: 30px; text-transform: uppercase; font-family: 'LeagueGothic'; letter-spacing: 1px; padding: 15px 0 15px 60px; background-size: 36px 47px; background-repeat: no-repeat; background-position: left center;}
ul#core-themes li:last-child{ border-bottom: none; }

#sponsorPumpTab ul.resp-tabs-list li{ text-align: center; float: left; width: 25%; padding: 0 0 30px 0;}
#corporatePartnershipTab ul.resp-tabs-list li{ text-align: center; float: left; width: 33.3333333333333333%; padding: 0 0 30px 0;}
#coreThemesTab ul.resp-tabs-list li{ text-align: left; }

/* Responsive Tabs */
.resp-tabs-list li span.name{display:inline-block;padding-top:6px}
.resp-tabs-list li span.icon{float:left;width:36px;height:auto;overflow:hidden;display:block;background-position:center top;margin-right:20px}
.resp-tabs-list li.resp-tab-active span.icon,.resp-tabs-list li:hover span.icon{background-position:center bottom}
.resp-tabs-list li.appropriate-technologies{background-image:url("images/core-themes/appropriate-technologies-light.png")}
.resp-tabs-list li.community-empowerment{background-image:url("images/core-themes/community-empowerment-light.png")}
.resp-tabs-list li.stewardship{background-image:url("images/core-themes/stewardship-light.png")}
.resp-tabs-list li.capacity-building{background-image:url("images/core-themes/capacity-building-light.png")}
.resp-tabs-list li.education-health{background-image:url("images/core-themes/education-health-light.png")}
.resp-tabs-list li.evidence-learning{background-image:url("images/core-themes/evidence-learning-light.png")}
.resp-tabs-list li.appropriate-technologies:hover, 
.resp-tabs-list li.appropriate-technologies.resp-tab-active,
div.ct-appropriate-technologies h3{background-image:url("images/core-themes/appropriate-technologies-dark.png")}
.resp-tabs-list li.community-empowerment:hover, 
.resp-tabs-list li.community-empowerment.resp-tab-active,
div.ct-community-empowerment h3{background-image:url("images/core-themes/community-empowerment-dark.png")}
.resp-tabs-list li.stewardship:hover, 
.resp-tabs-list li.stewardship.resp-tab-active,
div.ct-stewardship h3{background-image:url("images/core-themes/stewardship-dark.png")}
.resp-tabs-list li.capacity-building:hover, 
.resp-tabs-list li.capacity-building.resp-tab-active,
div.ct-capacity-building h3{background-image:url("images/core-themes/capacity-building-dark.png")}
.resp-tabs-list li.education-health:hover, 
.resp-tabs-list li.education-health.resp-tab-active,
div.ct-education-health h3{background-image:url("images/core-themes/education-health-dark.png")}
.resp-tabs-list li.evidence-learning:hover, 
.resp-tabs-list li.evidence-learning.resp-tab-active,
div.ct-evidence-learning h3{background-image:url("images/core-themes/evidence-learning-dark.png")}
.resp-tabs-list li{font-size:30px;letter-spacing:1px;display:inline-block;padding:26px;cursor:pointer;float:left;font-family:'LeagueGothic';height:auto}
.resp-tabs-list li.odd{}
.resp-tabs-list li:hover{color: #00598A !important;}
.resp-tabs-container{clear:left}
h2.resp-accordion{font-size:26px;padding:15px 0;cursor:pointer;display:none;border-bottom: 1px solid #e1e1e1;color:#4EC5E0}
h2.resp-accordion:hover{color: #00598A;}
.verticalTab .resp-tab-content{display:none;padding:0 0 0 80px;}
.horizontalTab .resp-tab-content{display:none;padding:0;}
.resp-tab-content h3{ font-size:40px;font-family:'LeagueGothic'; }
#coreThemesTab .resp-tab-content h3{background-repeat: no-repeat;padding: 0 0 0 80px; background-position: left center; background-repeat: no-repeat; height: 75px; background-size: 58px 75px; display: table-cell; vertical-align: middle; }
.resp-tab-active{padding:15px;}
.resp-accordion-active,.resp-content-active{display:block}
h2.resp-tab-active{padding:15px 0!important; border-bottom: none;}
h2.resp-tab-title:last-child{background:#00f}
.resp-vtabs ul.resp-tabs-list{float:left;width:auto}
.resp-vtabs .resp-tabs-list li{display:block;cursor:pointer;float:none;color:#4EC5E0}
.resp-vtabs .resp-tabs-container{float:left;width:560px;min-height:348px;clear:none}
.resp-vtabs .resp-tab-content{border:none}
.resp-vtabs li.resp-tab-active{position:relative;z-index:1;color: #00598A;}

.resp-tabs-list li{ color:#4EC5E0; text-align: center; }
.resp-tabs-list li.resp-tab-active{color: #00598A;}

.resp-arrow{width:0;height:0;float:right;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #4EC5E0}
h2.resp-tab-active span.resp-arrow{border:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #00598A}
h2.resp-tab-active{color: #00598A;}
h2.resp-accordion{}h2.resp-accordion span.name{padding-top:4px;display:block}
.resp-easy-accordion h2.resp-accordion{display:block}.resp-jfit{width:100%}
.resp-tab-content-active{display:block}
@media only screen and (max-width:767px){
ul.resp-tabs-list{display:none}
h2.resp-accordion{display:block}
.resp-vtabs .resp-tab-content{padding: 0;}
.resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:initial;clear:none}
.resp-accordion-closed{display:none!important}
#coreThemesTab .resp-tabs-container h3{ display: none; }
#sponsorPumpTab .resp-tabs-container h3{ display: none; }
#corporatePartnershipTab .resp-tabs-container h3{ display: none; }
}
@media screen and (min-width:960px) and (max-width:1199px){
.resp-vtabs ul.resp-tabs-list{width:310px}
.resp-vtabs .resp-tabs-container{width:510px}
}
@media screen and (min-width:768px) and (max-width:959px){
.resp-vtabs ul.resp-tabs-list{width:250px}
.resp-vtabs .resp-tabs-container{width:402px}
.resp-tabs-list li{font-size:26px}
.resp-tabs-list li span.icon{margin-right:15px}
}



/* Skeleton Framework */
.responsiveContainer{position:relative;width:960px;margin:0 auto;padding:0}.responsiveContainer .column,.responsiveContainer .columns{float:left;display:inline;margin-left:10px;margin-right:10px}.row{margin-bottom:20px}.column.alpha,.columns.alpha{margin-left:0}.column.omega,.columns.omega{margin-right:0}.responsiveContainer .one.column,.responsiveContainer .one.columns{width:40px}.responsiveContainer .two.columns{width:100px}.responsiveContainer .three.columns{width:160px}.responsiveContainer .four.columns{width:220px}.responsiveContainer .five.columns{width:280px}.responsiveContainer .six.columns{width:340px}.responsiveContainer .seven.columns{width:400px}.responsiveContainer .eight.columns{width:460px}.responsiveContainer .nine.columns{width:520px}.responsiveContainer .ten.columns{width:580px}.responsiveContainer .eleven.columns{width:640px}.responsiveContainer .twelve.columns{width:700px}.responsiveContainer .thirteen.columns{width:760px}.responsiveContainer .fourteen.columns{width:820px}.responsiveContainer .fifteen.columns{width:880px}.responsiveContainer .sixteen.columns{width:940px}.responsiveContainer .one-third.column{width:300px}.responsiveContainer .two-thirds.column{width:620px}.responsiveContainer .offset-by-one{padding-left:60px}.responsiveContainer .offset-by-two{padding-left:120px}.responsiveContainer .offset-by-three{padding-left:180px}.responsiveContainer .offset-by-four{padding-left:240px}.responsiveContainer .offset-by-five{padding-left:300px}.responsiveContainer .offset-by-six{padding-left:360px}.responsiveContainer .offset-by-seven{padding-left:420px}.responsiveContainer .offset-by-eight{padding-left:480px}.responsiveContainer .offset-by-nine{padding-left:540px}.responsiveContainer .offset-by-ten{padding-left:600px}.responsiveContainer .offset-by-eleven{padding-left:660px}.responsiveContainer .offset-by-twelve{padding-left:720px}.responsiveContainer .offset-by-thirteen{padding-left:780px}.responsiveContainer .offset-by-fourteen{padding-left:840px}.responsiveContainer .offset-by-fifteen{padding-left:900px}.responsiveContainer .offset-by-one-third{padding-left:320px}.responsiveContainer .offset-by-two-menu{padding-left:158px}@media only screen and (min-width:768px) and (max-width:959px){.responsiveContainer{width:768px}.responsiveContainer .column,.responsiveContainer .columns{margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0;margin-right:10px}.column.omega,.columns.omega{margin-right:0;margin-left:10px}.alpha.omega{margin-left:0;margin-right:0}.responsiveContainer .one.column,.responsiveContainer .one.columns{width:28px}.responsiveContainer .two.columns{width:76px}.responsiveContainer .three.columns{width:124px}.responsiveContainer .four.columns{width:172px}.responsiveContainer .five.columns{width:220px}.responsiveContainer .six.columns{width:268px}.responsiveContainer .seven.columns{width:316px}.responsiveContainer .eight.columns{width:364px}.responsiveContainer .nine.columns{width:412px}.responsiveContainer .ten.columns{width:460px}.responsiveContainer .eleven.columns{width:508px}.responsiveContainer .twelve.columns{width:556px}.responsiveContainer .thirteen.columns{width:604px}.responsiveContainer .fourteen.columns{width:652px}.responsiveContainer .fifteen.columns{width:700px}.responsiveContainer .sixteen.columns{width:748px}.responsiveContainer .one-third.column{width:236px}.responsiveContainer .two-thirds.column{width:492px}.responsiveContainer .offset-by-one{padding-left:48px}.responsiveContainer .offset-by-two{padding-left:96px}.responsiveContainer .offset-by-three{padding-left:144px}.responsiveContainer .offset-by-four{padding-left:192px}.responsiveContainer .offset-by-five{padding-left:240px}.responsiveContainer .offset-by-six{padding-left:288px}.responsiveContainer .offset-by-seven{padding-left:336px}.responsiveContainer .offset-by-eight{padding-left:384px}.responsiveContainer .offset-by-nine{padding-left:432px}.responsiveContainer .offset-by-ten{padding-left:480px}.responsiveContainer .offset-by-eleven{padding-left:528px}.responsiveContainer .offset-by-twelve{padding-left:576px}.responsiveContainer .offset-by-thirteen{padding-left:624px}.responsiveContainer .offset-by-fourteen{padding-left:672px}.responsiveContainer .offset-by-fifteen{padding-left:720px}.responsiveContainer .offset-by-one-third{padding-left:256px}.responsiveContainer .offset-by-two-menu{padding-left:12px}}@media only screen and (max-width:767px){.responsiveContainer{width:300px}.responsiveContainer .column,.responsiveContainer .columns{margin:0}.responsiveContainer .eight.columns,.responsiveContainer .eleven.columns,.responsiveContainer .fifteen.columns,.responsiveContainer .five.columns,.responsiveContainer .four.columns,.responsiveContainer .fourteen.columns,.responsiveContainer .nine.columns,.responsiveContainer .one-third.column,.responsiveContainer .one.column,.responsiveContainer .one.columns,.responsiveContainer .seven.columns,.responsiveContainer .six.columns,.responsiveContainer .sixteen.columns,.responsiveContainer .ten.columns,.responsiveContainer .thirteen.columns,.responsiveContainer .three.columns,.responsiveContainer .twelve.columns,.responsiveContainer .two-thirds.column,.responsiveContainer .two.columns{width:300px}.responsiveContainer .offset-by-eight,.responsiveContainer .offset-by-eleven,.responsiveContainer .offset-by-fifteen,.responsiveContainer .offset-by-five,.responsiveContainer .offset-by-four,.responsiveContainer .offset-by-fourteen,.responsiveContainer .offset-by-nine,.responsiveContainer .offset-by-one,.responsiveContainer .offset-by-one-third,.responsiveContainer .offset-by-seven,.responsiveContainer .offset-by-six,.responsiveContainer .offset-by-ten,.responsiveContainer .offset-by-thirteen,.responsiveContainer .offset-by-three,.responsiveContainer .offset-by-twelve,.responsiveContainer .offset-by-two{padding-left:0}}@media only screen and (min-width:480px) and (max-width:767px){.responsiveContainer{width:420px}.responsiveContainer .column,.responsiveContainer .columns{margin:0}.responsiveContainer .eight.columns,.responsiveContainer .eleven.columns,.responsiveContainer .fifteen.columns,.responsiveContainer .five.columns,.responsiveContainer .four.columns,.responsiveContainer .fourteen.columns,.responsiveContainer .nine.columns,.responsiveContainer .one-third.column,.responsiveContainer .one.column,.responsiveContainer .one.columns,.responsiveContainer .seven.columns,.responsiveContainer .six.columns,.responsiveContainer .sixteen.columns,.responsiveContainer .ten.columns,.responsiveContainer .thirteen.columns,.responsiveContainer .three.columns,.responsiveContainer .twelve.columns,.responsiveContainer .two-thirds.column,.responsiveContainer .two.columns{width:420px}}.responsiveContainer:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}


/* Sign Up for Updates - Modal */
.modal.hide {display: none;}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: #373c44;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.3;
  filter: alpha(opacity=40);
}
a#button {
  display: block;
  border: none;
  cursor: pointer;
  text-decoration: none;
  width: 226px;
  height: 126px;
  margin-top: -40px;
  margin-bottom: 20px;
}
a#button:hover {
}
a#button:active,
a#button:focus {
  border-bottom: 0;
  outline: none;
}
.modal {
  text-align: left;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 200;
  width: 398px;
  margin: -17% 0 0 -250px;
  background-color: #FFF;
  z-index: 1000;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0 0 4px rgba(55, 60, 65, 0.1);
  -moz-box-shadow: 0 0 0 4px rgba(55, 60, 65, 0.1);
  -webkit-box-shadow: 0 0 0 4px rgba(55, 60, 65, 0.1);
  padding: 50px 50px 55px;
}
.modal a.close {
  position: absolute;
  top: 15px;
  right: 18px;
  padding: 5px 10px;
  color: #9099A3;
  text-decoration: none;
}
.modal a.close:hover {
  color: #5d6670;
}
.modal h2{
  color: #00598A;
  margin-bottom: 10px;
  padding: 0;
  font-size: 36px;
}
.modal p {
  font-size: 16px;
  line-height: 1.3em;
  color: #666;
  font-family: "ProximaNova";
  font-weight: normal;
  width: 100%;
  border-bottom: 1px solid #ECEEF1;
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.modal #response {
  float: left;
  font-family: "ProximaNova";
  font-size: 15px;
  margin: 23px 0 0 20px;
  padding: 0 0 0 25px;
  color: #9099A3;
  background: url('images/tick.png') left center no-repeat;
  display: none;
}
.modal form#subForm button,
.modal form#subForm input {
  font-family: Arial, sans-serif;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 0;
}
.modal form#subForm input {
  width: 378px;
  border: 1px solid #cfd4db;
  padding: 12px 10px;
  margin: 0 0 5px 0;
  font-size: 15px;
  color: #373c44;
}
.modal form#subForm input::-webkit-input-placeholder {
  color: #c8ccd1;
}
.modal form#subForm input:-moz-placeholder {
  color: #c8ccd1;
}
.modal form#subForm input::-moz-placeholder {
  color: #c8ccd1;
}
.modal form#subForm input:-ms-input-placeholder {
  color: #c8ccd1;
}
.modal form#subForm input:focus {
  border-color: #b1b9c6;
  outline: none;
}
.modal form#subForm input:focus::-webkit-input-placeholder {
  color: #acb3ba;
}
.modal form#subForm input:focus:-moz-placeholder {
  color: #acb3ba;
}
.modal form#subForm input:focus::-moz-placeholder {
  color: #acb3ba;
}
.modal form#subForm input:focus:-ms-input-placeholder {
  color: #acb3ba;
}
.modal form#subForm input.error {
  background: url('images/cross.png') right center no-repeat;
  background-position: 372px center;
  color: #df452c;
}
.modal form#subForm button {
  float: left;
  background: #4EC5E0;
  border: none;
  border-bottom: 2px solid #00598A;
  color: #fff;
  font-size: 15px;
  padding: 13px 30px;
  cursor: pointer;
  margin-top: 10px;
}
.modal form#subForm button:hover {
  background: #00598A;
}
.modal form#subForm button:active,
.modal form#subForm button:focus {
  background: #00598A;
  border-bottom: 0;
  border-top: 2px solid #00598A;
  outline: none;
}
@media only screen and (max-width: 480px) {
  .modal {
    margin: 0;
    top: 0;
    left: 0;
    width: 80%;
    margin-top: 2%;
    margin-left: 2%;
    margin-right: 2%;
    padding: 8%;
  }
  .modal form#subForm a.close {
    font-size: 18px;
    font-weight: bold;
  }
  .modal form#subForm h1 {
    line-height: 1;
    margin-bottom: 30px;
  }
  .modal form#subForm input {
    width: 94%;
    padding-left: 3%;
    padding-right: 3%;
  }
  .modal form#subForm input.error {
    background-position: 95% center;
  }
  .modal form#subForm button {
    float: left;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .modal form#subForm #response {
    font-size: 16px;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0 0 22px 0;
    text-align: center;
    background-position: bottom center;
  }
}
 
.event-title{ margin: 0 0 10px 0; font-size: 28px; padding: 0; line-height: 1em; }
.fundraise-ideas-container{ display: table; height: 130px; width: 100%; margin: 10px 0; }
.fundraise-ideas{ display: table-cell; vertical-align:middle; text-align: center; border: 1px solid #e1e1e1; color: #fff; height: 130px; font-size: 18px; line-height: 24px; padding: 15px; width: 100%; font-weight: bold; }
.fundraise-ideas a{ color: #000; display: inline-block; margin-top: 5px; }
.fundraise-ideas a:hover{ text-decoration: none; }

.ideas-blue{ background-color: #00598A; background-color: rgba(0,89,138,0.80); }
.ideas-light-blue{ background-color: #4ec5e0; background-color: rgba(78,197,224,0.80); }
.ideas-purple{ background-color: #9A1F87; background-color: rgba(154,31,135,0.80); }
.ideas-yellow{ background-color: #fcb813; background-color: rgba(252,184,19,0.80); }
.ideas-green{ background-color: #91b947; background-color: rgba(145,185,71,0.80); }

.ideas-blue:hover{ background-color: rgba(0,89,138,1); }
.ideas-light-blue:hover{ background-color: rgba(78,197,224,1); }
.ideas-purple:hover{ background-color: rgba(154,31,135,1); }
.ideas-yellow:hover{ background-color: rgba(252,184,19,1); }
.ideas-green:hover{ background-color: rgba(145,185,71,1); }

@media only screen and (max-width: 767px) {
	.fundraise-ideas-container{ height: 50px; margin: 5px 0; }
	.fundraise-ideas{ height: 50px; }
}

@media only screen and (max-width: 480px) {
	.fundraise-ideas-container{ height: 40px; }
	.fundraise-ideas{ height: 40px; font-size: 16px; line-height: 20px; }
}

/* Contact Us Page */

.address p { line-height: 24px !important; }
.slide-text-image{ margin-bottom: 15px; }

.fr-general	{overflow: hidden; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; margin-bottom: 40px;}
.fr-hiking {overflow: hidden; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; margin-bottom: 40px;}
.fr-holiday {overflow: hidden; border-bottom: 1px solid #e1e1e1; padding-bottom: 20px; margin-bottom: 40px;}
.fr-general:last-child	{border-bottom: none;}
.fr-hiking:last-child {border-bottom: none;}
.fr-holiday:last-child {border-bottom: none;}

.page-id-1310 .header-image span{ left: 40px; right: auto; }
.page-id-1310 h1, .page-id-2065 h1{ padding: 60px 0; }
.page-id-1310 h3{ font-size: 40px; line-height: 46px; }
.wwd-why-clean-water h3{ color: #fff; text-transform: uppercase; }
.wwd-why-clean-water p, .wwd-school-pack p{ font-size: 26px; line-height: 30px; }
.wwd-school-pack h3, .wwd-clean-water-benefit h3{ color: #00598A; }
.wwd-clean-water-benefit h3{ font-size: 30px; line-height: 36px; }
table.share-message-thumbnail{ border: 0; width: 100%; margin-bottom: 20px; }
table.share-message-thumbnail td{ vertical-align: bottom; align: center; height: 322px; }
.wwd-share-message-cta a{ text-decoration: none; }

.wwd-facts-round{ width: 241px; height: 241px; float: left; margin: 0 15px; }
.wwd-facts h3, .wwd-facts-round h3{ line-height: 226px; }
.wwd-across-the-world{ width: 280px; margin: 20px auto;}

.campaign-description a{ color: #00598A; font-weight: bold; text-decoration: none; }
.campaign h3{ margin-bottom: 30px; }

.header-image .wwd-1015-water-drop{ font-size: 42px; line-height: 44px; text-align: center; padding-top: 100px; height: 177px; width: 216px; background-repeat:no-repeat; top: 20px !important; right: 20px !important; left: auto !important; }

.wwd-share-message-cta .followUs img{ float: left; margin: 0 10px 0 0; }
.wwd-share-message-cta .followUs .facebook, .wwd-share-message-cta .followUs .twitter{ line-height: 32px; text-align: left; margin-bottom: 10px; }

.uk-relief-page-title{ font-size: 90px; }
.page-first-fact-figure{ display: block; font-size: 100px; margin-bottom: 15px; }
.page-first-fact-stats{ display: block; font-size: 50px; }
 
.rwa-content h3{ color: #4ec5e0; }

.pa-purpose-content h3{ color: #00598A; }
.pa-purpose-content p{ color: #ffffff; }

.pa-content h2{ color: #00598A; padding: 10px 0 30px 0; font-size: 50px; }
.pa-content h3{ color: #4ec5e0; }
.pa-content ul{ margin: 0 0 30px 10px; padding: 0; }
.pa-content li{ margin: 0 0 8px 10px; padding: 0; list-style: disc; line-height: 1.3em; }
.pa-content-table-border{ border: 1px solid #e1e1e1; background-color: #f5f5f5; padding: 30px 40px; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2); }
.blog-sidebar{ border: 1px solid #e1e1e1; background-color: #f5f5f5; padding: 15px; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.2); }
img.image-uk-relief:hover{ border-color: #91b947; }
img.image-rob-stroud:hover{ border-color: #fcb813; }
img.image-mchere-school:hover{ border-color: #4ec5e0; }
img.image-practical-action:hover{ border-color: #00598A; }

@media screen and (min-width:768px) and (max-width:959px){
	.header-image .wwd-1015-water-drop{ font-size: 34px; line-height: 36px; text-align: center; padding-top: 80px; height: 140px; width: 172px; background-repeat:no-repeat; top: 20px !important; right: 20px !important; left: auto !important; background-size: 172px 220px; }
}

@media only screen and (max-width: 959px){
	.wwd-facts-round{ clear: both; float: none; margin: 0 auto; }
	.wwd-facts{ width: 100% !important; }
	.wwd-facts h3{ line-height: 44px; margin: 15px 0; }
	.uk-relief-page-title{ font-size: 70px; }
}
@media only screen and (max-width: 767px){
	.framed-images{ margin-bottom: 30px !important; clear: both; float: none; }
	.uk-relief-page-title{ font-size: 40px; }
	.header-image .wwd-1015-water-drop{ display: none; }
	.read-more-image{ display: block; margin: 0 auto; }
	.pa-content-table-border{ padding: 10px; }
}

.wp-paginate {padding:0; margin:0; font-size: 20px; font-weight: normal;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#00598A; color:#fff; margin-right:4px; display: inline-block; line-height: 34px; width: 34px; height: 34px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#91b947; color:#fff !important; text-decoration:none !important;}
.wp-paginate .title {color:#000; margin-right:4px;}
.wp-paginate .gap {color:#000; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#91b947; margin-right:4px; display: inline-block; line-height: 34px; width: 34px; height: 34px; text-align:center;text-decoration:none;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}


.donationsRatio{ border: 1px solid #e1e1e1; padding: 10px; font-size: 16px; line-height: 20px; }
.donationsRatio img{ display: block; margin: 0 10px 0 0; float: left; } 

.relative{ position: relative; }
#glass-animation{ position: absolute; width: 54px; height: 80px; top: 24px; left: 0; }
#glass-empty{ background-image: url(images/glass-empty-54x80.png); width: 54px; height: 80px; position: absolute; top: 0; left: 0; z-index: 10; }
#glass-full{ background-image: url(images/glass-full-54x80.png); width: 54px; height: 80px; position: absolute; top: 0; left: 0; z-index: 20; clip: rect(80px, 54px, 80px, 0px); }
@media only screen and (max-width: 767px){
	#glass-animation{ display: none; }	
}