/*
Theme Name:  Water For Africa
Theme URI:   http://www.waterforafrica.org.uk
Version:     1.0
Description: This is a custom child theme created for the site Water For Africa.
Author:      Yellow Circle Web Solutions
Author URI:  https://www.yellowcircle.co.uk
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

/****************************************************************
*				          Structure								*
*****************************************************************/
body, html { font-family: 'Open Sans', sans-serif; }
#top-menu-nav li { text-transform: uppercase; }
.page-id-390.et_fixed_nav #main-header { background-color: #258492!important; }
.page-id-412.et_fixed_nav #main-header { background-color: #258492!important; }

/****************************************************************
*						  Navigation							*
*****************************************************************/
span.mobile_menu_bar:before {color: #fff!important; font-size: 50px; top: 26px;}


/****************************************************************
*						   Footer	                            *
*****************************************************************/
.footer-section p { font-size: 16px; color: #636363; text-align: center; }
.footer-section { margin-bottom: -10%; }
.footer-section a { color: #636363!important; }
.footer-fa-icons { color: #258492!important; font-size: 34px!important; padding-left: 35px; padding-right: 35px; padding-top: 15px; }
/***************************************************************
*						Typography								*
*****************************************************************/
/*homepage*/
.homepage-main-banner h1 { font-size: 85px; text-transform: uppercase; text-align: center; color: #fff; font-weight: 600; padding-top: 200px; }
.homepage-main-banner p { font-size: 28px; color: #fff; padding-top: 40px; padding-bottom: 40px; display: block; margin: 0 auto; max-width: 1200px; text-align: center; line-height: 1.5em; }
.fundraising-section h2 { font-size: 32px; text-transform: uppercase; text-align: center; color: #fff; padding-bottom: 5%; line-height: 1.3em; padding-top: 5%; max-width: 90%; display: block; margin: 0 auto; }
.fundraising-section p { font-size: 24px; color: #fff; text-align: center; line-height: 1.5em; max-width: 85%; margin: 0 auto; display: block; padding-top: 2% }
.fundraising-section #small-text { font-size: 20px; color: #fff; text-align: center; line-height: 1.5em; padding-top: 2%; }
.start-your-campaign p { color: #fff; text-align: center; font-size: 24px; line-height: 1.5em; }
.be-creative-section h3 { color: #515151; text-align: center; font-size: 32px; margin-bottom: 3%; }
.be-creative-section p { color: #515151; text-align: center; font-size: 24px; padding-bottom: 3%; line-height: 1.5em; }
.description { margin-bottom: 2%; margin-top: 2%; }
.orange-box { background-color: #FF7100; color: #fff; margin-top: 2%; padding: 8px; text-transform: uppercase; }
.clean-water-changes-everything h2 { font-size: 32px; text-transform: uppercase; text-align: left; color: #fff; margin-bottom: 5%; }
.clean-water-changes-everything p { font-size: 24px; color: #fff; text-align: left; line-height: 1.5em; }
.water-investment h2 { font-size: 32px; text-transform: uppercase; text-align: center; color: #fff; margin-bottom: 3%; }
.water-investment p { font-size: 24px; color: #fff; text-align: center; line-height: 1.5em; margin-bottom: 2%; }
.water-investment .et_pb_module_header { text-align: center; color: #fff; font-size: 32px; margin-bottom: 3%; }
.water-investment .et_pb_blurb_description p { text-align: center; color: #fff; font-size: 20px!important; line-height: 1.8em; }
.sponsor-a-project h2 { font-size: 32px; text-transform: uppercase; text-align: right; color: #515151; margin-bottom: 3%; margin-top: 5%; }
.sponsor-a-project p { font-size: 20px; color: #515151; text-align: right; line-height: 1.5em; margin-bottom: 2%; }
/*Fundraise*/
.fund-raise-main-heading h1 { font-size: 3.9rem; color: #fff; margin-bottom: 3%; text-transform: uppercase; }
.fund-raise-main-heading p { font-size: 1.75rem; color: #fff; line-height: 1.5em; }
.help-a-charity h2 { font-size: 2rem; text-transform: uppercase; color: #515151; text-align: center; margin-bottom: 3%; }
.help-a-charity p { font-size: 1.75rem; text-align: center; color: #515151; margin-bottom: 4%; }
/*How We Work*/
#how-we-work-title { color: #fff; font-size: 4.5rem; text-transform: uppercase; text-align: center; padding-bottom: 80px; }
.how-we-work-intro p { font-size: 1.675rem; text-align: center; line-height: 1.5em; color: #515151; }
.how-we-work h2 { font-size: 2.25rem; text-transform: uppercase; margin-bottom: 2%; }
.how-we-work p { font-size: 1.375rem; line-height: 1.5em; }
/*Our Model*/
#our-model-title { color: #fff; font-size: 4.5rem; text-transform: uppercase; text-align: center; padding-bottom: 100px; }
.our-model-intro-text p { font-size: 1.675rem; text-align: center; line-height: 1.5em; color: #515151; }
.our-model h2 { font-size: 2.15rem; text-transform: uppercase; margin-bottom: 2%; }
.our-model p { font-size: 1.15rem; line-height: 1.5em; }
/*Our Mission*/
#our-mission-title { color: #fff; font-size: 4.5rem; text-transform: uppercase; text-align: center; }
#intro-text { font-size: 1.675rem; text-align: center; line-height: 1.5em; color: #515151; }
#top-paragraph { padding-top: 8%; }
.our-mission p { font-size: 1.25rem; text-align: center; color: #fff; line-height: 1.6em; padding-top: 5%; max-width: 85%; display: block; margin: 0 auto; }
.orange-box-text p { font-size: 1.25rem; text-align: center; color: #fff; line-height: 1.6em; padding-bottom: 4%; }
#work-with-wfa { font-size: 2rem; text-transform: uppercase; text-align: center; color: #515151; }
.work-with-us-section h3 { font-size: 1.615rem; text-transform: uppercase; color: #515151; margin-bottom: 2%; }
.work-with-us-section p { font-size: 1rem; line-height: 2.5em; color: #515151; margin-top: 2%; }
#want-to-volunteer { margin-top: 3%; }
/*Our Partners*/
#our-partners-title { color: #fff; font-size: 4.5rem; text-transform: uppercase; text-align: center; padding-bottom: 100px; }
.partners-intro-text p { font-size: 1.5rem; line-height: 1.5em; color: #515151; }
/*Recent Water Projects*/
#water-projects-title { color: #fff; font-size: 4.25rem; text-transform: uppercase; text-align: center; padding-bottom: 50px; }
#our-partners-subheading { font-size: 1.5rem; color: #fff; font-weight: 600; background-color: #18B7D0; display: block; max-width: 16%; padding: 10px; }
#our-sponsors-subheading { font-size: 1.5rem; color: #fff; font-weight: 600; background-color: #FF7100; display: block; max-width: 16%; padding: 10px; }
.water-projects-intro-text { font-size: 1.675rem; text-align: center; line-height: 1.5em; color: #515151; }
.our-projects-section { margin-bottom: 5%; } /*adds margin between sections*/
/*Start your campaign*/
.start-campaign-main-banner p { font-size: 1.175rem; color: #fff; text-transform: uppercase; margin-bottom: 2%; padding-top: 100px; }
.start-campaign-main-banner h1 { font-size: 3.25rem; color: #fff; text-transform: uppercase; line-height: 1.3em; }
#gift-your-gifts { font-size: 3rem; color: #515151; text-transform: uppercase; text-align: center; }
#start-your-campaign-now { font-size: 1.75em; color: #515151; text-transform: uppercase; text-align: center; }
.follow-easy-steps h3 { font-size: 1.75rem; color: #fff; text-transform: uppercase; text-align: center; }
.follow-easy-steps p { font-size: 1.175rem; color: #fff; line-height: 1.6em; text-align: center; margin-top: 2%; }
/*follow these simple steps section*/
#background-colour-blue { background-color: #18B7D0; padding: 30px 10px; min-height: 300px; } /*makes background color blue on step 1, 3 & 5*/
#background-colour-orange { background-color: #FF7100; padding: 30px 10px; min-height: 300px; } /*makes background color orange on step 2 & 4*/
#steps-4-5-row { margin-top: 2%; }
#step-1-button { margin-top: 10%; }
#step-2-button { margin-top: 19%; }/*adds top margin to buttons*/
#step-3-button { margin-top: 19%; }
#step-4-button { margin-top: 22%; }
.step-4 { max-width: 386px!important; margin-left: 25%; } /*sets width of step 4 box*/
.step-5 { max-width: 386px!important; margin-left: 12%; } /*sets width of step 5 box*/
#share-love-with-africa { font-size: 1.675rem; text-align: center; color: #515151; margin-top: 3%; line-height: 1.5em; }
/*Start your campaign 2*/
.start-campaign-2-main-header h1 { font-size: 3.25rem; color: #fff; text-transform: uppercase; line-height: 1.3em; padding-top: 100px; margin-bottom: 2%; }
.start-campaign-2-main-header p { font-size: 1.175rem; color: #fff; text-transform: uppercase; }
.free-water-text h2 { font-size: 2rem; color: #fff; text-transform: uppercase; }
.free-water-text p { font-size: 1rem; color: #fff; line-height: 1.5em; margin-top: 2%; }
.your-organisations-publicity h2 { font-size: 2rem; text-transform: uppercase; text-align: center; margin-bottom: 2%; }
.your-organisations-publicity h3 { font-size: 1.25rem; text-align: center; margin-bottom: 1%; }
.your-organisations-publicity p { font-size: 1rem; text-align: center; line-height: 1.5em; margin-bottom: 5%; }
#contact-us-text { text-align: center; font-size: 1.5rem; color: #fff; }
/*Benefits of water*/
.benefits-of-water-heading h1 { font-size: 2rem; font-weight: 500; text-align: center; color: #FF7100; border-bottom: 2px solid #cacdd1; padding-bottom: 4%; line-height: 1.5em; }
.benefits-of-water-intro-text p { font-size: 1.25rem; line-height: 1.4em; }
.water-affects-health h2 { font-size: 1.875rem; color: #fff; margin-bottom: 4%; text-align: center; }
.water-affects-health p { font-size: 1.25rem; color: #fff; line-height: 1.4em; }
#what-does-clean-water-affect { font-size: 1.875rem; text-align: center; color: #515151; }
.what-does-clean-water-affect h3 { text-align: center; line-height: 1.5em; color: #515151!important; font-size: 1.5rem; margin-bottom: 2%; }
.what-does-clean-water-affect p { font-size: 1rem; text-align: center; line-height: 1.5em; color: #515151!important; }
#money-challenge-for-governments { font-size: 1.675rem; text-align: center; line-height: 1.5em; color: #fff; margin-top: -3%; margin-bottom: -3%; }
.invest-in-a-community-now h2 { text-align: center; color: #fff; font-size: 1.875rem; margin-bottom: 2%; }
.invest-in-a-community-now p { font-size: 1.25rem; text-align: center; color: #fff; }
/*Fundraise*/
#fund-raise-main-title { color: #fff; font-size: 3.5rem; text-transform: uppercase; text-align: center; }
#main-heading-caption { color: #fff; font-size: 1.5rem; text-align: center; margin-top: 5%; }
.fund-raising-is-fun h2 { text-align: center; font-size: 1.75rem; padding-bottom: 5%; color: #5F5F5F; display: block; max-width: 95%; margin: 0 auto; line-height: 1.3em; font-weight: 600; }
.fund-raising-is-fun p { text-align: center; font-size: 1.15rem; line-height: 1.4em; color: #5F5F5F; }
#fundraise-start-your-campaign { font-size: 1.75rem; text-align: center; color: #fff; }
#fundraising-facts-title { font-size: 1.875rem; text-align: center; color: #5F5F5F; text-transform: uppercase; }
#fundraise-now-title { font-size: 1.875rem; text-align: center; color: #5F5F5F; text-transform: uppercase; }
/*Choose Water*/
#choose-water-subheading { font-size: 1.5rem; border-bottom: 1px solid #18B7D0; text-align: left; color: #fff; max-width: 13%; padding-bottom: 2%; margin-top: 1%; }
#choose-water-title { font-size: 2.75rem; line-height: 1.3em; color: #fff; padding-top: 1%; padding-bottom: 2%; }
.right-align-text p { font-size: 1.15rem; text-align: right; line-height: 1.4em; color: #fff; }
.left-align-text p { font-size: 1.15rem; text-align: left; line-height: 1.4em; color: #5F5F5F; }
/*About Us*/
.about-us-header h2 { font-size: 2.5rem; text-align: center; color: #fff; text-transform: uppercase; padding-top: 3%; padding-bottom: 3%; }
.about-us-header p { font-size: 1.75rem; text-align: center; color: #fff; line-height: 1.4em; }
#say-hello-to-wfa { font-size: 2rem; text-align: center; color: #5F5F5F; text-transform: uppercase; }
#meet-the-team-buttons { min-width: 200px; }
/*Meet The Team*/
#meet-the-staff-title { font-size: 2.5rem; text-align: center; color: #fff; padding-top: 2%; padding-bottom: 2%; }
.meet-the-team h2 { font-size: 2rem; color: #5F5F5F; margin-top: 3%; padding-bottom: 2%; font-weight: 600; }
.meet-the-team p { font-size: 1.4rem; color: #5F5F5F; line-height: 1.6em; }
/*Founders*/
#founders-title { font-size: 2.5rem; color: #fff; text-transform: uppercase; text-align: center; margin-top: 2%; margin-bottom: 2%; }
.founders-info h2 { color: #5F5F5F; font-size: 1.75rem; }
.founders-info p { color: #5F5F5F; font-size: 1.25rem; line-height: 1.5em; }
.founders-info a {color: #5F5F5F;}
/*Board*/
#board-title { font-size: 2.5rem; text-align: center; color: #fff; text-transform: uppercase; margin-top: 1%; margin-bottom: 1%; }
.adam-handy h3 { font-size: 1.75rem; margin-bottom: 2%; margin-top: -5%; }
.adam-handy p { font-size: 1.25rem; line-height: 1.4em; }
.adam-handy a {color: #333;}
#advisory-board-subheading { font-size: 1.75rem; font-weight: 600; text-transform: uppercase; }
.advisory-board-members h3 { font-size: 1.65rem; margin-bottom: 1%; }
.advisory-board-members p { font-size: 1.15rem; line-height: 1.3em; }
/*Video Gallery*/
#wfa-video-gallery-title { font-size: 2.5rem; color: #fff; text-align: center; text-transform: uppercase; }
#sign-up-to-newsletter { font-size: 1.75rem; color: #fff; margin-bottom: 3%; }
#enter-details-to-subscribe { font-size: 1.5rem; color: #fff; margin-bottom: -5%; }
/*Careers*/
.work-with-wfa h1 { font-size: 2.5rem; text-align: center; text-transform: uppercase; color: #fff; padding-bottom: 3%; }
.work-with-wfa p { font-size: 1.75rem; text-align: center; color: #fff; line-height: 1.4em; }
#looking-for-volunteers { font-size: 1.875rem; text-align: left; text-transform: uppercase; }
.volunteers-intro-text p { font-size: 1.5rem; line-height: 1.4em; }
#sign-up-to-receive-newsletter { font-size: 1.875rem; color: #5F5F5F; }
/*Financials*/
#financials-title { font-size: 2.5rem; text-align: center; text-transform: uppercase; color: #fff; }
.annual-2017-report h2 { font-size: 2rem; color: #5F5F5F; margin-bottom: 3%; }
.annual-2017-report p { font-size: 1.25rem; color: #5F5F5F; line-height: 1.4em; }
#financials-help-a-water-charity { font-size: 1.5rem; text-align: center; color: #fff; }
/*Contact us*/
#contact-us-title { font-size: 2.5rem; text-align: center; text-transform: uppercase; color: #fff; }
#we-aim-to { font-size: 1.15rem; color: #5F5F5F; }
.contact-details p { font-size: 1.15rem; padding-top: 5%; text-align: center; }
.fa-orange-icon { color: #FF7100; margin-right: 1%; }
.contact-social-media-icons i { font-size: 28px; color: #707070; padding: 20px; }
.contact-social-media-icons { display: block; margin: 0 auto; text-align: center; margin-top: -5%; }
/*News*/
#news-title { font-size: 2.5rem; color: #fff; text-transform: uppercase; }
/*Donate*/
#donate-to-water-for-Africa-title { font-size: 2.5rem; text-align: center; color: #fff; text-transform: uppercase; padding: 10px 20px; display: block; max-width: 64%; margin: 0 auto; }
.amazon-smile-text {font-size: 1.10rem; text-align: center; margin-top: 1%;}
#donate-subheading-text { font-size: 1.25rem; text-align: center; color: #fff; line-height: 1.3em; margin-top: 2%; }
#donate-today-button { background-color: #18B7D0; border: 1px solid #18B7D0; color: #fff; text-transform: uppercase; text-align: center; max-width: 20%; padding: 10px; display: block; margin: 0 auto; font-size: 1.5rem; }
#donate-down-arrow { font-size: 40px; color: #fff; text-align: center; display: block; }
#how-will-your-money-help { font-size: 1.875rem; text-align: center; color: #5F5F5F; }
/****************************************************************
*						Colours									*
*****************************************************************/

.fg-white { color: #fff; }
.fg-dark-grey { color: #515151; }
.fg-blue { color: #18B7D0; }
.fg-orange { color: #FF7100; }
/****************************************************************
*						Links									*
*****************************************************************/





/****************************************************************
*						Blurbs									*
*****************************************************************/
/*styles blurbs on homepage*/
.homepage-blurb .et_pb_module_header, .et_pb_blurb_description { text-align: center; color: #fff; }
.homepage-blurb .et_pb_blurb_content { background-color: #18B7D0; min-height: 550px; }
/*water-projects - styles blurbs*/
.water-projects-blurb .et_pb_module_header { font-size: 1.875rem; color: #fff; margin-bottom: 2%; }
.water-projects-blurb .et_pb_blurb_description { text-align: left; font-size: 1rem; line-height: 1.8em; }
/*start campaign page - styles blurbs* - also used on start campaign 2*/
.gift-your-gifts .et_pb_module_header { font-size: 1.75rem; color: #515151; margin-bottom: 2%; text-align: center; }
.gift-your-gifts .et_pb_blurb_description { font-size: 1.175rem; color: #515151; text-align: center; line-height: 1.6em; }
/*start campaign page 2*/ 
.gift-your-gifts-2 .et_pb_module_header { font-size: 1.75rem; margin-bottom: 2%; text-align: center; color: #18B7D0; }
.gift-your-gifts-2 .et_pb_blurb_description { font-size: 1.175rem; color: #515151; text-align: center; line-height: 1.6em; }
.fundraising-facts-blurb .et_pb_blurb_description { color: #5F5F5F!important; text-align: center; line-height: 1.4em; font-size: 1rem; }
.fundraise-now-blurb .et_pb_module_header { font-size: 1.55rem; margin-bottom: 2%; }
.fundraise-now-blurb .et_pb_blurb_description { color: #5F5F5F; line-height: 1.5em; font-size: 1.15rem; text-align: left; }
/****************************************************************
*						Lists			          			    *
*****************************************************************/

 /***************************************************************
*						Images									*
*****************************************************************/
/*.clean-water-changes-everything img {margin-top: 3%;}*/
.business-model { margin-top: 100px; }
.partner-logos img { border: 1px solid #707070; }
.fundraising-facts-blurb .et_pb_main_blurb_image { width: 80%!important; }
.amazon-smile-logo img {max-width: 80%!important;}
/***************************************************************
*						Sliders									*
*****************************************************************/

/****************************************************************
*						Forms									*
****************************************************************/
/*styles contact form on 'Our Mission' page*/
.wpcf7-form {padding-bottom:25px;}
input[type=text] { width: 100%; border: 1px solid #FF7100; padding: 8px; background-color: #fff; color: #515151; }
input[type=tel] { width: 100%; border: 1px solid #FF7100; padding: 8px; background-color: #fff; color: #515151; }
input[type=email] { width: 100%; border: 1px solid #FF7100; padding: 8px; background-color: #fff; color: #515151; }
textarea { width: 100%; border: 1px solid #FF7100; background-color: #fff; color: #515151; } /*styles all fields on form*/
.wpcf7-submit { background-color: #FF7100; border: none; border-radius: 0px; color: #fff!important; padding: 10px 40px; text-transform: uppercase; font-size: 20px; cursor: pointer; margin-bottom:25px; } /*styles submit button*/
div.wpcf7-mail-sent-ok { border: 2px solid #17B6CF; color: #7F7F7F; } /*styles message that appears once form has been sent*/
#number { margin-left: 262px!important; display: inline; }
#name { display: inline; }
.contact-form-headings { font-size: 1.15rem; color: #626262; }
form { margin-top: 5%; } /*styles the headings on form*/
/*Sign up to newsletter - 'Video Galley' page*/
#newsletter-first-name, #newsletter-last-name, #newsletter-email { background-color: #17B6CF; border-color: #17B6CF; color: #fff; padding: 15px; }
#newsletter-checkbox { color: #fff; }
#newsletter-submit { background-color: #FF7100; border-color: #FF7100; color: #fff; border-radius: 0px; padding: 8px 25px!important; float: right; }
/*Sign Up To Our Newsletter 2 - Careers Page*/
#newsletter-2-message, #newsletter-2-number { background-color: #17B6CF; border-color: #17B6CF; color: #fff; padding: 15px; }
#newsletter-2-checkbox { color: #626262; }
.sign-up-to-newsletter { background-color: #fff; padding: 20px; }
#newsletter-2-checkbox { color: #FF7100!important; font-weight: 600; }

/*Makes placeholder text white on contact form 7*/
::-webkit-input-placeholder { /* WebKit browsers */
color: #fff !important;
opacity: 1;
text-transform: uppercase;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff !important;
opacity: 1;
text-transform: uppercase;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff !important;
opacity: 1;
text-transform: uppercase;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff !important;
opacity: 1;
text-transform: uppercase;
}/*Makes placeholder text white*/
/****************************************************************
*						Buttons								    *
*****************************************************************/
/*Home*/
.donate-now-button.et_pb_button { background-color: #FF7100; border-color: #FF7100; border-radius: 0px; color: #fff!important; text-transform: uppercase; margin-bottom: 200px!important; padding: 19px 40px; font-size: 1.5rem; }
.donate-now-button.et_pb_button:hover { border-radius: 0px; color: #fff!important; text-transform: uppercase; margin-bottom: 200px!important; padding-top: 19px; padding-bottom: 19px; padding-left: 20px; padding-right: -20px; font-size: 1.5rem; }
#start-your-campaign { margin-top: 3%; } /*Adds margin to start campaign button*/
/*Marathon walker support*/
.view-documentary-button { background-color: #18B7D0; border-color: #18B7D0; border-radius: 0px; text-transform: uppercase; color: #fff!important; font-size: 1.5rem; padding-top: 0px; padding-bottom: 0px; text-align: center; }
.view-documentary-button:hover { padding-top: 0px!important; padding-bottom: 0px!important; }
.donate-now-marathon-walker-button { background-color: #FF7100; border-color: #FF7100; border-radius: 0px; color: #fff!important; text-transform: uppercase; padding: 26px 30px!important; font-size: 1.5rem; margin-bottom: 100px!important; }

/*different coloured buttons used*/
.light-blue-btn { background-color: #18B7D0; border-color: #18B7D0; border-radius: 0px; color: #fff!important; text-transform: uppercase; }
.orange-btn { background-color: #FF7100; border-color: #FF7100; border-radius: 0px; color: #fff!important; text-transform: uppercase; }
.dark-blue-btn { background-color: #2F549A; border-color: #2F549A; border-radius: 0px; color: #fff!important; text-transform: uppercase; }
.white-btn-blue-text { background-color: #fff!important; border-color: #fff!important; border-radius: 0px; color: #18B7D0!important; text-transform: uppercase; display: block!important; margin: 0 auto; max-width: 80%; text-align: center; margin-top: 5%; font-size: 1.1rem;}
.purple-btn { background-color: #a120d8; border-color: #a120d8; max-width: 85%; text-align: center; color: #fff!important; border-radius: 0px; font-size: 1.25rem; }
#contact-us-button { max-width: 20%; } /*start campaign 2 - reduces width of button*/
/*Amazon Smile*/
.amazon-smile-button {background-color: #FF7100; border-color: #FF7100; border-radius: 0px; padding: 5px 10px; color: #fff!important; text-transform: uppercase; display: block!important; max-width: 25%; margin: 0 auto; text-align: center;}
.fundraise-contact-us-btn {background-color: #FF7100; border-color: #FF7100; border-radius: 0px; color: #fff!important;}
/****************************************************************
*						Custom Styles					        *
*****************************************************************/

#text-right { text-align: right; }
#mobile_menu { background-color: #258492!important; }

/****************************************************************
*			Smartphones in portrait mode (0-479px)				*
*****************************************************************/
@media only screen and (max-width: 479px) {
	.amazon-smile-button {max-width: 100%;}
	.view-documentary-button {display: block!important;}
.be-creative-section p { margin-bottom: 4%; }
.fundraising-section h2 { margin-top: -10%; }
.clean-water-changes-everything h2 { text-align: center; margin-top: -10%; }
.clean-water-changes-everything p { text-align: center; margin-top: 5%; }
.water-investment h2 { text-align: center; margin-top: -8%; }
.water-investment p { text-align: center; margin-top: 3%; }
.sponsor-a-project h2 { text-align: center; margin-top: -3%; }
.sponsor-a-project p { text-align: center; margin-top: 5%; }
.start-fundraising-button { margin-bottom: 10%; }
.water-for-life-button { text-align: center; }
.support-marathon-walker-button { text-align: center; }
/*About us*/
.about-us-header h2 { padding-bottom: 5%; }
.about-us-header p { font-size: 1.5rem; }
#say-hello-to-wfa { font-size: 1.75rem; }
/*Water Projects*/
#water-projects-title { font-size: 3rem; }
.water-projects-blurb .et_pb_module_header { text-align: center; }
.water-projects-blurb .et_pb_blurb_description { text-align: center; }
.water-projects-intro-text p { font-size: 1.5rem; }
/*Marathon walker*/
#marathon-walker-logo { display: block!important; margin: 0 auto; text-align: center; margin-bottom: 5%; }
.fund-raise-main-heading h1 { font-size: 3rem; text-align: center; padding-top: 5%; }
.fund-raise-main-heading p { font-size: 1.5rem; text-align: center; margin-top: 10%; margin-bottom: 5%; }
#donate-now-btn { display: block; text-align: center; }
.help-a-charity h2 { font-size: 1.75rem; margin-bottom: 10%; }
.help-a-charity p { font-size: 1.5rem; }
#launch-your-campaign-btn { margin-top: 10%; }
.fundraising-section h2 { margin-top: 2%; }
.fundraising-section p { padding-top: 5%; }
.start-your-campaign p { font-size: 1.25rem; margin-bottom: 5%; }
.be-creative-section h3 { font-size: 1.75rem; margin-bottom: 8%; margin-top: -10%; }
.homepage-blurb .et_pb_blurb_content { min-height: 460px; }
#learn-more-about-wfa-btn { text-align: center; }
.sponsor-a-project h2 { margin-top: 0%; }
#support-our-marathon-walker-btn { text-align: center; }
/*How we work*/
#how-we-work-title { font-size: 3rem; }
.how-we-work-intro p { font-size: 1.5rem; }
#completed-projects-btn { display: block; margin: 0 auto; text-align: center; }
.how-we-work h2 { text-align: center; font-size: 2rem; margin-bottom: 5%; }
.how-we-work p { text-align: center; font-size: 1.25rem; }
/*Our Mission*/
#our-mission-title { font-size: 2.8rem; }
#intro-text { font-size: 1.5rem; }
/*Our Model*/
#our-model-title { font-size: 3rem; }
.our-model-intro-text p { font-size: 1.5rem; }
.our-model h2 { margin-bottom: 2%; text-align: center; font-size: 2rem; }
.our-model p { font-size: 1.25rem; text-align: center; line-height: 1.5em; margin-top: 5%; }
.business-model { margin-top: 0px!important; }
#get-involved-btn { display: block; text-align: center; }
/*Our Partners*/
#our-partners-title { font-size: 3rem!important; }
#our-partners-btn { display: block!important; text-align: center; }
#our-sponsors-btn { display: block!important; text-align: center; }
#our-sponsors-subheading { max-width: 70%; }
#our-partners-subheading { max-width: 70%; }
/*Start campaign*/
.start-campaign-main-banner p { padding-top: 0px!important; font-size: 1.25rem; margin-bottom: 5%; }
.start-campaign-main-banner h1 { font-size: 2.5em; margin-top: 2%; }
.step-4 { margin-left: 0px!important; margin-top: -60px; }
.step-5 { margin-left: 0px!important; }
/*Start campaign 2*/
.start-campaign-2-main-header h1 { font-size: 2.45rem; padding-top: 0px; margin-bottom: 5%; }
#main-banner-button { display: block!important; text-align: center; }
#gift-your-gifts { font-size: 2rem!important; }
.your-organisations-publicity h2 { margin-bottom: 8%; }
.your-organisations-publicity h3 { margin-bottom: 5%; }
#contact-us-button { max-width: 100%; }
/*Choose Water*/
#choose-water-subheading { font-size: 1.75rem; max-width: 63%; padding-bottom: 5%; margin-top: 0px!important; text-align: center; display: block; margin: 0 auto; }
#choose-water-title { font-size: 2.15rem; padding-top: 5%; line-height: 1.4em; padding-bottom: 10%; text-align: center; }
.right-align-text p { text-align: center!important; line-height: 1.5em; }
.left-align-text p { text-align: center!important; line-height: 1.5em; }
/*Buttons*/#choose-water-find-out-more-btn { display: block; text-align: center; }
#choose-water-choose-water-btn { display: block; text-align: center; }
#choose-water-visit-their-site-btn { display: block; text-align: center; }
/*Fundraise*/
#fund-raise-main-title { font-size: 2.5rem; line-height: 1.2em; }
#main-heading-caption { line-height: 1.3em; }
.fund-raising-is-fun h2 { font-weight: 600; padding-bottom: 8%; max-width: 100%; }
.fundraise-now-blurb .et_pb_module_header { text-align: center; font-size: 1.5rem; margin-bottom: 5%; }
.fundraise-now-blurb .et_pb_blurb_description { text-align: center; }
#fundraise-contact-us-btn { display: block; }
#fundraise-view-projects-btn { display: block; }
.fundraise-now-blurb .et_pb_blurb_content { margin-top: 3%; }
/*Board*/
#advisory-board-subheading { text-align: center; margin-bottom: -10%; }
.adam-handy h3 { text-align: center; margin-bottom: 5%; margin-top: 3%; }
.adam-handy p { text-align: center; line-height: 1.4em; }
.advisory-board-members h3 { text-align: center; margin-bottom: 5%; }
.advisory-board-members p { line-height: 1.4em; text-align: center; }
/*Video Gallery*/
#newsletter-submit { float: left!important; }
/*Contact us*/
#contact-us-title { font-size: 2rem; }
#we-aim-to { margin-top: -10%; }
.contact-details p { padding-top: 10%; }
/*Donate*/
#donate-to-water-for-Africa-title { font-size: 1.75rem; max-width: 100%; padding: 5px 5px; margin-bottom: 5%; }
#donate-today-button { max-width: 75%; }
#donate-subheading-text { line-height: 1.4em; }
#donate-today-btn { display: block; } /*makes button fullwidth on mobile portrait*/
#logo { max-height: 75%; } /*Changes size of logo on mobile*/
iframe {overflow:scroll; height:1924px; width:100%;} /* sets the height and width of the charity checkout form */

}

/****************************************************************
*			Smartphones in landscape mode (480-768px)			*
*****************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
.homepage-blurb.et_pb_blurb_content { min-height: 720px; }
.be-creative-section p { margin-bottom: 4%; }
.fundraising-section h2 { margin-top: -10%; }
.clean-water-changes-everything h2 { text-align: center; margin-top: -10%; }
.clean-water-changes-everything p { text-align: center; margin-top: 5%; }
.water-investment h2 { text-align: center; margin-top: -10%; }
.water-investment p { text-align: center; margin-top: 5%; }
.sponsor-a-project h2 { text-align: center; margin-top: 5%; }
.sponsor-a-project p { text-align: center; margin-top: 5%; }
.start-fundraising-button { margin-bottom: 5%; }
.water-for-life-button { text-align: center; display: block!important; max-width: 80%; margin: 0 auto; }
.support-marathon-walker-button { text-align: center; display: block!important; max-width: 80%; margin: 0 auto; }
/*About us*/
.about-us-header h2 { padding-bottom: 5%; }
.about-us-header p { font-size: 1.5rem; }
#say-hello-to-wfa { font-size: 1.75rem; }
/*Water Projects*/
#water-projects-title { font-size: 3rem; }
.water-projects-blurb .et_pb_module_header { text-align: center; }
.water-projects-blurb .et_pb_blurb_description { text-align: center; }
.water-projects-intro-text p { font-size: 1.5rem; }
/*Marathon Walker*/
.help-a-charity h2 { font-size: 1.75rem; margin-top: -5%; margin-bottom: 5%; }
.help-a-charity p { margin-bottom: 10%; }
.fundraising-section h2 { margin-top: 2%; }
.fundraising-section p { padding-bottom: 5%; }
.homepage-blurb .et_pb_blurb_content { min-height: 710px; }
/*How we work*/
#how-we-work-title { font-size: 3rem; }
.how-we-work-intro p { font-size: 1.5rem; }
#completed-projects-btn { display: block; margin: 0 auto; text-align: center; }
.how-we-work h2 { text-align: center; font-size: 2.25rem; margin-bottom: 3%; }
.how-we-work p { text-align: center; font-size: 1.35rem; }
/*Our Mission*/
#our-mission-title { font-size: 2.8rem; }
#intro-text { font-size: 1.5rem; }
/*Our Model*/
#our-model-title { font-size: 3rem; }
.our-model-intro-text p { font-size: 1.5rem; }
.our-model h2 { margin-bottom: 2%; text-align: center; font-size: 2rem; }
.our-model p { font-size: 1.25rem; text-align: center; line-height: 1.5em; margin-top: 5%; }
.business-model { margin-top: 0px!important; }
#get-involved-btn { display: block; text-align: center; }
/*Our Partners*/
#our-partners-title { font-size: 3.5rem!important; padding-bottom: 80px; }
#our-sponsors-subheading { max-width: 38%; }
#our-partners-subheading { max-width: 38%; }
/*Start campaign*/
.start-campaign-main-banner p { padding-top: 0px!important; font-size: 1.25rem; margin-bottom: 5%; }
.start-campaign-main-banner h1 { font-size: 2.5em; margin-top: 2%; }
.step-4 { margin-left: 0px!important; margin-top: -70px; max-width: none!important; }
.step-5 { margin-left: 0px!important; max-width: none!important; }
.white-btn-blue-text { max-width: 45%; }
#share-love-with-africa { margin-top: 0%!important; }
/*Start campaign 2*/
.start-campaign-2-main-header h1 { font-size: 2.45rem; padding-top: 0px; margin-bottom: 5%; }
#main-banner-button { display: block!important; text-align: center; }
#gift-your-gifts { font-size: 2.5rem; }
.your-organisations-publicity h2 { margin-bottom: 8%; }
.your-organisations-publicity h3 { margin-bottom: 5%; }
#contact-us-button { max-width: 80%; }
/*Choose Water*/
#choose-water-subheading { font-size: 2rem; max-width: 60%; padding-bottom: 5%; margin-top: 0px!important; text-align: center; display: block; margin: 0 auto; }
#choose-water-title { font-size: 2.25rem; padding-top: 5%; line-height: 1.4em; padding-bottom: 10%; text-align: center; }
.right-align-text p { text-align: center!important; line-height: 1.5em; }
.left-align-text p { text-align: center!important; line-height: 1.5em; }
/*Buttons*/#choose-water-find-out-more-btn { display: block; text-align: center; }
#choose-water-choose-water-btn { display: block; text-align: center; }
#choose-water-visit-their-site-btn { display: block; text-align: center; }
/*Fundraise*/
#fund-raise-main-title { font-size: 3rem; line-height: 1.2em; }
#main-heading-caption { line-height: 1.3em; }
/*Board*/
#advisory-board-subheading { text-align: center; margin-bottom: -12%; }
.adam-handy h3 { text-align: center; margin-bottom: 5%; margin-top: 3%; }
.adam-handy p { text-align: center; line-height: 1.4em; }
.advisory-board-members h3 { text-align: center; margin-bottom: 5%; }
/*Donate*/
#donate-to-water-for-Africa-title { font-size: 1.75rem; padding: 10px 10px; max-width: 85%; margin-bottom: 5%; }
#donate-today-button { max-width: 40%; }
#donate-subheading-text { line-height: 1.4em; }
#logo { max-height: 75%; }
iframe {overflow:scroll; height:1850px; width:100%;} /* sets the height and width of the charity checkout form */
	.amazon-smile-logo img {max-width: 90%;}
	.amazon-smile-button {max-width: 75%;}
}

/****************************************************************
*			 Tablets in portrait mode (768-980px) 		        *
*****************************************************************/
@media only screen and (min-width: 768px) and (max-width: 980px) {
.homepage-blurb.et_pb_blurb_content { min-height: 720px; }
.be-creative-section p { margin-bottom: 4%; }
.fundraising-section h2 { margin-top: -10%; }
.clean-water-changes-everything h2 { text-align: center; margin-top: -10%; }
.clean-water-changes-everything p { text-align: center; margin-top: 5%; }
.water-investment h2 { text-align: center; margin-top: 2%; }
.water-investment p { text-align: center; margin-top: 10%; }
.sponsor-a-project h2 { text-align: center; margin-top: 5%; }
.sponsor-a-project p { text-align: center; margin-top: 5%; }
.start-fundraising-button { margin-bottom: 5%; }
.water-for-life-button { text-align: center; display: block!important; max-width: 80%; margin: 0 auto; }
.support-marathon-walker-button { text-align: center; display: block!important; max-width: 80%; margin: 0 auto; }
/*Marathon Walker*/
.help-a-charity h2 { margin-top: -5%; margin-bottom: 5%; }
.help-a-charity p { margin-bottom: 10%; }
.fundraising-section h2 { margin-top: 1%; font-size: 1.75rem; }
.be-creative-section h3 { margin-bottom: 5%; font-size: 1.75rem; }
.homepage-blurb .et_pb_blurb_content { min-height: 730px; }
.clean-water-changes-everything h2 { margin-top: -5%; font-size: 1.75rem; }
/*How we work*/
#how-we-work-title { font-size: 4rem; }
/*Our Mission*/
#our-mission-title { font-size: 3rem; }
#intro-text { font-size: 1.6rem; }
/*Our Model*/
.our-model h2 { margin-bottom: 2%; text-align: center; font-size: 2rem; }
.our-model p { font-size: 1.25rem; text-align: center; line-height: 1.5em; margin-top: 5%; }
.business-model { margin-top: 0px!important; }
/*Start campaign*/
.start-campaign-main-banner p { font-size: 1.35rem!important; }
.step-4 { margin-left: 0px!important; margin-top: -70px; max-width: none!important; }
.step-5 { margin-left: 0px!important; max-width: none!important; }
/*Start campaign 2*/
.start-campaign-2-main-header h1 { font-size: 3rem; padding-top: 0px; margin-bottom: 5%; }
.start-campaign-2-main-header p { line-height: 1.5em; }
#gift-your-gifts { font-size: 2.5rem; }
.your-organisations-publicity h2 { margin-bottom: 5%; }
.your-organisations-publicity h3 { margin-bottom: 3%; }
#contact-us-button { max-width: 50%; line-height: 1.5em; }
/*Choose Water*/
#choose-water-subheading { font-size: 2rem; max-width: 36%; padding-bottom: 5%; }
#choose-water-title { line-height: 1.4em; padding-top: 3%; padding-bottom: 5%; }
.right-align-text p { font-size: 1.35rem; }
.left-align-text p { font-size: 1.35rem; }
/*Board*/
.adam-handy h3 { margin-top: 0px; }
#advisory-board-subheading { margin-bottom: -15%; }
/*Donate*/
#donate-to-water-for-Africa-title { font-size: 1.75rem; padding: 10px 20px; max-width: 78%; margin-bottom: 5%; }
#donate-today-button { max-width: 35%; }
#donate-subheading-text { line-height: 1.4em; }
#logo { max-height: 100%; margin-top: 2%; }
		.amazon-smile-logo img {max-width: 80%;}
	.amazon-smile-button {max-width: 55%;}
/*Our Partners*/
#our-sponsors-subheading { max-width: 34%; }
#our-partners-subheading { max-width: 34%; }
iframe {overflow:scroll; height:1560px; width:100%;} /* sets the height and width of the charity checkout form */
}

/****************************************************************
*			Tablets in landscape mode (981-1100px)				*
*****************************************************************/
@media only screen and (min-width: 981px) and (max-width: 1100px) {
.fundraising-section h2 { margin-top: -5%; }
.et_pb_blurb_content { min-height: 420px; }
.description { margin-bottom: 8%; font-size: 12px; }
/*Marathon Walker*/
.donate-now-marathon-walker-button { text-align: center; padding: 16px; font-size: 1.2rem; }
.view-documentary-button { font-size: 1.2rem; }
.fund-raise-main-heading h1 { font-size: 3.4rem; padding-top: 3%; }
.fund-raise-main-heading p { font-size: 1.5rem; }
#image-of-video { margin-top: 100px; }
.homepage-blurb .et_pb_blurb_content { min-height: 420px; }
#learn-more-about-wfa-btn { font-size: 1.2rem }
.start-your-campaign p { margin-bottom: 2%; }
.fundraising-section h2 { margin-top: 0%; }
/*Our Mission*/
#our-mission-title { font-size: 3rem; }
#intro-text { font-size: 1.6rem; }
/*Our Model*/
.business-model { margin-top: 200px!important; }
/*Start campaign*/
#background-colour-blue { min-height: 385px!important; max-width: 244px!important; }
#background-colour-orange { min-height: 385px!important; max-width: 244px!important; }
#step-1-button { margin-top: 10%; }
#step-2-button { margin-top: 37%; }/*adds top margin to buttons*/
#step-3-button { margin-top: 35%; }
#step-4-button { margin-top: 32%; }
/*Start campaign 2*/
.start-campaign-2-main-header h1 { font-size: 3.25rem; padding-top: 100px; margin-bottom: 5%; }
.start-campaign-2-main-header p { line-height: 1.5em; }
#gift-your-gifts { font-size: 3rem; }
.your-organisations-publicity h2 { margin-bottom: 5%; }
.your-organisations-publicity h3 { margin-bottom: 3%; }
#contact-us-button { max-width: 30%; line-height: 1.5em; }
/*Choose Water*/
#choose-water-subheading { font-size: 2rem; max-width: 26%; padding-bottom: 3%; }
#choose-water-title { font-size: 2.85rem; line-height: 1.4em; padding-top: 3%; padding-bottom: 5%; }
/*Donate*/
#donate-to-water-for-Africa-title { font-size: 2rem; padding: 10px 20px; max-width: 65%; margin-bottom: 3%; }
#donate-today-button { max-width: 26%; }
			.amazon-smile-logo img {max-width: 80%; margin-top: 5%;}
	.amazon-smile-button {max-width: 40%;}
/*Our Partners*/
#our-sponsors-subheading { max-width: 26%; }
#our-partners-subheading { max-width: 25%; }
/*displays hamburger button on ipad landscape*/#et_mobile_nav_menu { display: block; }
#top-menu-nav { display: none; }
.et_header_style_left .mobile_menu_bar { padding-bottom: 50px; }
#logo { height: 75%; }
iframe {overflow:scroll; height:1650px; width:100%;} /* sets the height and width of the charity checkout form */
}

/****************************************************************
*			Large screens (1405px upwards)					    *
*****************************************************************/
@media only screen and (min-width: 1405px) {
iframe {overflow:hidden; height:1700px; width:100%;}
    .view-documentary-button {width:100%; display:block;}
    #donate-now-btn {width:100%; display:block; text-align: center;}
}

@media screen and (min-width: 1200px) and (max-width:1600px) and (min-color-index:0) and (-webkit-min-device-pixel-ratio:0) {
	.iframe-donate iframe {height: 1500px; overflow: scroll; width: 100%;}
	.homepage-blurb .et_pb_blurb_content {min-height: 472px;}
    .view-documentary-button {width:100%; display:block;}
    #donate-now-btn {width:100%; display:block; text-align: center;}
}