/***********************************************************
Create A Dream Foundation - Global stylesheet

Colour hex values:

Dark Blue - #4673c8
Light Blue - #39b4f0
Green - #3bb97a
Orange - #fe8a19
Pink - #fd0168
***********************************************************/

/***********************************************************
Global page styling
***********************************************************/
html {
	background-color:#4673c8;
    color:#ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-style:normal;
    font-weight:normal;
    font-size:100%;
    line-height:1.5;
	}
body {
	margin:0px;
	}
.PageWrapper {
	width:1140px;
	margin-left:auto;
	margin-right:auto;
	}
main {
	display:block;
	width:100%;
	float:left;
	}
@media only screen and (max-width:1139px) {
	.PageWrapper {
		width:100%;
		}
	}


/***********************************************************
Global box styling
***********************************************************/
.rounded-corners-all {
	border-radius:18px;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	}
.rounded-corners-bottom {
	border-bottom-left-radius:18px;
	-moz-border-bottom-left-radius:18px;
	-webkit-border-bottom-left-radius:18px;	
	border-bottom-right-radius:18px;
	-moz-border-bottom-right-radius:18px;
	-webkit-border-bottom-right-radius:18px;
	}
.box-shadow {
	box-shadow:2px 2px 0px 1px rgba(46,92,184,0.55);	
	-moz-box-shadow:2px 2px 0px 1px rgba(46,92,184,0.55);
	-webkit-box-shadow:2px 2px 0px 1px rgba(46,92,184,0.55);
	}
.box-margin-right {
	margin-right:30px;
	}
.box-margin-top {
	margin-top:30px;
	}
.box-padding {
	padding:25px 30px;
	}
@media only screen and (max-width:1139px) {
	.rounded-corners-all {
		border-radius:0px;
		}
	.box-shadow {
		box-shadow:none;	
		}
	.box-padding {
		padding:25px 0px;
		}
	.box-margin-top {
		margin-top:0px;
		}
	.box-margin-right {
		margin-right:0px;
		}
	}
	
	
/***********************************************************
Page header
***********************************************************/
header {
	width:100%;
	display:block;
	}
.header-left {
	width:400px;
	float:left;
	}
.header-left img {
	width:380px;
	margin-top:5px;
	border:none;
	}
.header-right {
	width:740px;
	float:right;
	display:inline;
	}
.donate {
	width:700px;
	float:right;
	}
.donate img {
	float:right;
	width:365px;
	border:none;
	}
@media only screen and (max-width:1139px) {
	.header-left {
		width:100%;
		text-align:center;
		margin-top:20px;
		}
	.header-left img {
		width:80%;
		max-width:380px;
		margin-bottom:20px;
		}
	.header-right {
		display:none;
		}
	}


/***********************************************************
Main navigation
***********************************************************/
.navigation-bar {
	width:760px;
	clear:right;
	float:right;
	margin:48px 0px;
	}
.navigation-bar ul {
	list-style:none;
	margin:0px;
	padding-left:0px;
	float:right;
	}
.navigation-bar ul li {
	display:inline-block;
    float:left;
    position:relative;
	margin-left:15px;
	background-color:#fd0168;
	}
.navigation-bar ul li a {
	padding:15px 14px;
	text-decoration:none;
	color:#ffffff;
	font-size:22px;
	display:block;
	letter-spacing:1px;
	}
.navigation-bar-mobile {
	display:none;
	}
@media only screen and (max-width:1139px) {
	.navigation-bar-mobile {
		display:inline;
		float:left;
		padding:15px 0px;
		font-size:18px;
		text-align:center;
		width:100%;
		color:#ffffff;
		text-decoration:none;
		background-color:#fd0168;
		}
	.navigation-bar-mobile i {
		display:inline;
		margin-left:5px;
		font-size:16px;
	}
	.navigation-bar-mobile-heading {
		width:100px;
		color:#ffffff;
		padding:10px 0px 15px 0px;
		text-decoration:none;
		font-size:18px;
		display:inline;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		}
	.navigation-bar-mobile-links {
		width:100%;
		float:left;
		background-color:#fd0168;
		}
	.navigation-bar-mobile-button {
		width:60%;
		color:#ffffff;
		padding:10px 0px;
		margin-top:5px;
		margin-bottom:5px;
		border-top:1px dotted #ffffff;
		text-decoration:none;
		font-size:18px;
		display:block;
		float:none;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		}
	}


/***********************************************************
Main banner photo
***********************************************************/
.banner-photo {
	width:1140px;
	height:480px;
	float:left;
	}
.banner-photo img {
	width:1140px;
	height:480px;
	}
@media only screen and (max-width:1139px) {
	.banner-photo {
		width:100%;
		height:auto;
		line-height:0;
		}
	.banner-photo img {
		width:100%;
		height:auto;
		}
	}


/***********************************************************
Promotional buttons
***********************************************************/
.navigation-feature-buttons {
	width:100%;
	clear:both;
	float:left;
	margin-top:30px;
	margin-bottom:30px;
	}
.content-page-feature-buttons {
	width:300px;
	float:left;
	}
.button {
	width:300px;
	height:270px;
	float:left;
	position:relative;
	color:#ffffff;
	}
.button-green {
	background-color:#3bb97a;
	}
.button-orange {
	background-color:#fe8a19;
	}
.button-pink {
	background-color:#fd0168;
	}
.button-icon {
	width:80px;
	float:left;
	margin-right:30px;
	}
.button-icon i {
	color:#ffffff;
	font-size:85px;
	margin-bottom:15px;
	}
.button-label {
	width:190px;
	float:left;
	}
.button-label h2 {
	font-size:36px;
	margin:0px;
	line-height:1;
	font-weight:normal;
	}
.button-text {
	font-size:17px;
	clear:both;
	float:left;
	width:100%;
	}
.button-read-more {
	clear:both;
	float:right;
	position:absolute;
    bottom:25px;
    right:25px;
	width:150px;
	border:2px dotted #ffffff;
	text-decoration:none;
	padding:6px;
	font-size:20px;
	color:#ffffff;
	text-align:center;
	}
.button-read-more-dreams {
	clear:both;
	float:left;
    bottom:25px;
    right:25px;
	width:150px;
	border:2px dotted #fd0168;
	text-decoration:none;
	padding:6px;
	font-size:20px;
	color:#fd0168;
	text-align:center;
	margin-bottom:10px;
	}
.button-download {
	clear:both;
    bottom:25px;
    right:25px;
	width:300px;
	border:2px dotted #fd0168;
	text-decoration:none;
	padding:6px;
	font-size:20px;
	color:#fd0168;
	text-align:center;
	margin-bottom:25px;
	}
@media only screen and (max-width:1139px) {
	.navigation-feature-buttons,
	.content-page-feature-buttons {
		margin-top:0px;
		margin-bottom:0px;
		width:100%;
		}
	.button {
		width:100%;
		height:auto;
		text-align:center;
		}
	.button-icon,
	.button-label,
	.button-text {
		width:80%;
		margin-right:0px;
		text-align:center;
		float:none;
		margin-left:auto;
		margin-right:auto;
		}
	.button-icon {
		margin-top:10px;
		}
	.button-label h2 {
		margin-bottom:20px;
		}
	.button-read-more,
	.button-read-more-dreams,
	.button-download {
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		margin-bottom:15px;
		position:static;
		float:none;
		border-radius:18px;
		-moz-border-radius:18px;
		-webkit-border-radius:18px;
		}
	a.button-link {
		text-decoration:none !important;
		}
	}

/***********************************************************
Latest news
***********************************************************/
.latest-news-box {
	width:100%;
	background-color:#ffffff;
	clear:both;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box; 
	padding-bottom:0px;
	}
.latest-news-box h2 {
	font-size:36px;
	font-weight:normal;
	margin:0px 0px 25px 0px;
	color:#fd0168;
	}
.latest-news-item {
	width:100%;
	float:left;
	clear:left;
	}
.latest-news-item-content {
	float:left;
	width:850px;
	}
.latest-news-item h3 {
	color:#fd0168;
	margin:0px;
	font-weight:normal;
	}
.latest-news-item p {
	color:#4673c8;
	font-size:18px;
	}
.latest-news-item-content a:link,
.latest-news-item-content a:visited {
	color:#fd0168;
	text-decoration:underline;
	}
.latest-news-item-content a:hover {
	text-decoration:none;
	}
.latest-news-image {
	width:200px;
	height:150px;
	margin-right:30px;
	margin-bottom:30px;
	float:left;
	}
.latest-news-item-separator {
	width:100%;
	float:left;
	clear:left;
	margin-bottom:30px;
	border-bottom:1px dotted #fd0168;
	}
@media only screen and (max-width:1139px) {
	.latest-news-box {
		text-align:center;
		padding-bottom:20px;
		}
	.latest-news-item-content,
	.latest-news-image,
	.latest-news-item-separator {
		width:80%;
		float:none;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		}
	.latest-news-image img {
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		}
	}


/***********************************************************
Main page content area
***********************************************************/
.content-area-box-group {
	float:left;
	}
.content-area-box {
	width:750px;
	min-height:1020px;
	background-color:#ffffff;
	clear:both;
	float:left;
	box-sizing:border-box;
	padding-bottom:20px;
	}
.content-area-box-group .content-area-box {
	min-height:0px;
	}
.content-area-box h2 {
	font-size:36px;
	margin:0px 0px 25px 0px;
	color:#fd0168;
	font-weight:normal;
	}
.content-area-box h3 {
	font-size:22px;
	margin:0px 0px 20px 0px;
	color:#fd0168;
	font-weight:normal;
	}
.content-area-box p {
	color:#4673c8;
	font-size:18px;
	}
.content-area-box ul li {
	color:#4673c8;
	font-size:18px;
	}
.content-area-box a:link,
.content-area-box a:visited {
	color:#fd0168;
	text-decoration:underline;
	}
.content-area-box a:hover,
.content-area-box a:active {
	color:#fd0168;
	text-decoration:none;
	}
.content-area-box p.content-summary {
	color:#fd0168;
	margin-top:0px;
	}	
.content-area-box p.content-summary-list {
	color:##4673c8;
	width:450px;
	margin-top:0px;
	float:left;
	}		
.content-area-box p.content-summary-news-list {
	color:#4673c8;
	width:500px;
	margin-top:0px;
	float:left;
	}		
.content-area-box .content-summary-image {
	background-size:contain;	
	width:200px;
	height:84px;
	float:right;
	}
.content-area-box .content-summary-news-image {
	background-size:contain;	
	width:134px;
	height:100px;
	float:right;
	margin-bottom:8px;
	}
@media only screen and (max-width:1139px) {
	.content-area-box {
		text-align:center;
		padding-bottom:20px;
		width:100%;
		min-height:0px;
		}
	.content-area-box h2,
	.content-area-box h3,
	.content-area-box p,
	.content-area-box p.content-summary-news-list,
	.content-area-box p.content-summary-list {
		width:80%;
		margin-left:auto;
		margin-right:auto;
		}
	.content-area-box div.content-summary-image,
	.content-area-box div.content-summary-news-image {
		margin-right:auto;
		margin-left:auto;
		margin-bottom:25px;
		float:none;
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		}
	.content-area-box ul {
		list-style-type:none;
		padding-left:0px;
		width:80%;
		margin-left:auto;
		margin-right:auto;
		}
	.content-area-box ul li {
		margin-left:0px;
		margin-top:10px;
		}
	.content-area-box p.content-summary,
	.content-area-box p.content-summary-list,
	.content-area-box p.content-summary-news-list,	
	.content-area-box .content-summary-image {
		float:none;
		clear:both;
		}
	}

/***********************************************************
Events and fundraising
***********************************************************/
/*
.events-fundraising {
	width:750px;
	min-height:1020px;
	background-color:#ffffff;
	clear:both;
	float:left;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box; 
	padding-bottom:0px;
	}
.events-fundraising h2 {
	font-size:36px;
	font-weight:normal;
	margin:0px 0px 25px 0px;
	color:#fd0168;
	}
.events-fundraising .latest-news-item {
	width:100%;
	float:left;
	clear:left;
	}
.events-fundraising .latest-news-item-content {
	float:left;
	width:850px;
	}
.events-fundraising .latest-news-item h3 {
	color:#fd0168;
	margin:0px;
	font-weight:normal;
	}
.events-fundraising .latest-news-item p {
	color:#4673c8;
	font-size:18px;
	}
.events-fundraising .latest-news-item-content a:link,
.events-fundraising .latest-news-item-content a:visited {
	color:#fd0168;
	text-decoration:underline;
	}
.events-fundraising .latest-news-item-content a:hover {
	text-decoration:none;
	}
.events-fundraising .latest-news-image {
	width:200px;
	height:150px;
	margin-right:30px;
	margin-bottom:30px;
	float:left;
	}
.events-fundraising .latest-news-item-separator {
	width:100%;
	float:left;
	clear:left;
	margin-bottom:30px;
	border-bottom:1px dotted #fd0168;
	}
@media only screen and (max-width:1139px) {
	.events-fundraising {
		text-align:center;
		padding-bottom:20px;
		}
	.events-fundraising .latest-news-item-content,
	.events-fundraising .latest-news-image,
	.events-fundraising .latest-news-item-separator {
		width:80%;
		float:none;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		}
	.events-fundraising .latest-news-image img {
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		}
	}
*/

/***********************************************************
Photo gallery
***********************************************************/
.photo-gallery {
	width:100%;
	float:left;
	margin-bottom:10px;
	}
.photo-gallery img {
	width:136px;
	display:block;
	border:none;
	float:left;
	margin:0px;
	padding:1px;
	}
.photo-gallery-mobile {
	display:none;
	}
@media only screen and (max-width:1139px) {
	.photo-gallery {
		display:none;
		}
	.photo-gallery-mobile {
		display:block;
		line-height:0px;
		margin-bottom:10px;
		}
	.photo-gallery-mobile img {
		width:80%;
		border-top:1px solid #ffffff;
		line-height:0px;
		}
	}


/***********************************************************
Contact form
***********************************************************/
.contact-form {
	width:100%;
	float:left;
	clear:left;
	}
.contact-form-row {
	float:left;
	clear: left;
	width:100%;
	margin-bottom:15px;
	}
.contact-form-row label {
	width:100%;
	float:left;
	clear:left;
	color:#4673c8;
	font-size:18px;
	}
.contact-form-row input,
.contact-form-row textarea {
	width:100%;
	padding:10px;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:18px;	
	color:#4673c8;
	box-sizing:border-box;
	border:1px solid #4673c8;
	}
.contact-form-row input.contact-form-button {
	background-color:#fd0168;
	font-size:22px;
	color:#ffffff;
	padding:10px 0px;
	cursor:pointer;
	border:none;
	-webkit-appearance:none;
	}
@media only screen and (max-width:1139px) {
	.contact-form {
		width:80%;
		margin-left:auto;
		margin-right:auto;
		display:block;
		float:none;
		}
	.contact-form-row input,
	.contact-form-row textarea {
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		}
	}


/***********************************************************
Footer
***********************************************************/
footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px dotted #ffffff;
	margin-top:30px;
	margin-bottom:10px;
	text-align:center;
	font-size:21px;
	}
.footer-links a {
	color:#ffffff;
	text-decoration:none;
	margin-left:5px;
	margin-right:10px;
	}
.footer-links a:hover {
	text-decoration:underline;
	}
.social-media-logos {
	width:100%;
	}
.social-media-logos i {
	font-size:50px;
	color:#ffffff;
	margin-left:5px;
	margin-right:5px;
	}
@media only screen and (max-width:1139px) {
	footer {
		border:none;
		margin-top:10px;
		}
	footer .footer-links,
	footer .social-media-logos,
	footer p {
		width:80%;
		margin-left:auto;
		margin-right:auto;
		float:none;
		}
	}