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

@font-face {
font-family: Sofia;
src: url('sofiapro_light_macroman/SofiaProLight-webfont.eot'); /* IE9 Compatibility Modes */
src: url('sofiapro_light_macroman/SofiaProLight-webfont.eot?') format('eot'),  /* IE6-IE8 */
url('sofiapro_light_macroman/SofiaProLight-webfont.woff') format('woff'), /* Modern Browsers */
url('sofiapro_light_macroman/SofiaProLight-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
url('sofiapro_light_macroman/SofiaProLight-webfont.svg#SofiaProLight-webfont') format('svg'); /* Legacy iOS */
}

*{margin: 0; padding: 0;
}

#wrapper {
	max-width:1250px;
	margin:auto;background-color: #fff;
}

body {
	background-color: #005673;
}

h1 {
	
}
h2 {
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;

	color:#fff; 	
	font-weight:normal;
	font-size:1.5em;	
}
h2.bodyh2 {
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;

	color:#fff; 	
	font-weight:normal;
	font-size:1.3em;	
	margin-top:25px;
}
h3 {
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;

	color:#fff; 	
	font-weight:normal;
	font-size:1.3em;	
	margin-bottom:10px;
}
p {
    font-family: 'Quattrocento Sans', sans-serif;
	letter-spacing: 0.02em;
	font-size:0.75em;
	color:#fff;
}
img {
	border:0px;	
}
.yellowtext {
	color:#F1CE00; /* yellow */	
}
p.smallertext {
	font-size:80%;	
}
.phonenumber {
	font-size:120%;	
}
.lgescreenonly {
	display:none;	
}
.contactmessage {
	color:#F15A24; /* orange */	
}
h2.paddingtopclearleft {
	margin-top:20px;
	clear:left;
}
#header {
	text-align:center;		
	background-color:#00AEEF; /*blue*/

}
#header p {
	font-size:1em;	
	margin: 15px 5% 0 5%;
}
#header p.headeraddress {
	font-size:0.85em;	
	margin: 5px 5% 0 5%;
	color:#ABE1FA; /*light blue*/
}
#header img.logo {
	margin:35px 5% 0 5%;
	width:60%;
	max-width:327px;
}
@media only screen and (min-width: 535px) {
#header img.logo {
	margin:35px 5% 0 5%;
}
}
@media only screen and (min-width: 800px) {
p {
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;

	font-size:0.85em;
	color:#fff;
}
.lgescreenonly {
	display:inline;	
}
#header {
	text-align:left;	
}
#header p {
	float:right;
	clear:right;
	margin: 15px 5% 0 0;
}
#header p.headeraddress {
	margin: 5px 5% 0 0;
}
#header img.logo {
	margin:55px 0 0 5%;
}
}

/* NAVIGATION - mobile first -------------------------- */
.group {
	margin-top:20px;	
}
ul.nav {
	list-style:none;	
	text-align:center;
	background-color:#fff; /* light green */
}
ul.nav li {
	display:block;	
	float:none;
	padding:10px 0;
	color:#000;
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;

	letter-spacing:0.03em;
	font-size:0.9em;
	text-align:center;
}
ul.nav a {
	text-decoration:none;
	color:#95C93D;
}	
ul.nav a li {
	color:#95C93D;
	text-decoration:none;
}	
ul.nav a:hover li,
ul.nav a:active li {
	color:#fff;
	background-color:#93ca2f; /* yellow */
}	

.slide-trigger {
	display: none; /* need this */
	cursor: pointer;
	height:36px;
	background-color:#95C93D;
    padding-top:15px;
}
.slide-trigger:hover {
	color:#CAE49E; /* 50% green */
}
.sub {
	background-image: url(images/mobile_sub_nav_bkg.gif);
	background-repeat:repeat-x;
}
.slide-trigger span {
	background-image: url("images/dropdown-arrows.png");
	background-position: 0 -14px;
	display: block;
	float: right;
	margin-top: 3px;
	height: 14px;
	width: 32px;
}
h2.navheader {
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;

	letter-spacing:0.03em;
	font-size:1.1em;
	color:#fff;
	font-weight:600;	
	text-align:center;
	padding-left: 32px;
	font-weight:normal;
	background-image:url(images/nav_green_bkg.gif);
	background-repeat:repeat-x;
}
ul.sub {
	font-size:0.9em;	
	background-color:#F8FBF1; /* 7% green */
}
ul.nav li.subcont {
	padding:0px;
}
ul.sub a:hover li,
ul.sub a:active li {
	color:#fff;
	background-color:#93ca2f; /* yellow */
}
ul.subdesktop {
	display:none;	
}

@media only screen and (max-width: 770px) {
	.slide-trigger { display: block; }
	.no-js .slide-trigger { display: none; }
	.nav { display: none; }
    .no-js .nav { display: block; }
	.nav { margin: 0 0px; }
	.nav li { float: none; }
	.nav a li { border-bottom: 1px solid #fff; }
}
/* TABLET and up */
@media screen and (min-width: 771px) {
ul.nav {
	list-style:none;
	border:0px;
	text-align:center;
	height:51px;
	padding-right:3%;
	display: block!important;
	background-color:#93ca2f; /* light green */
}
ul.nav li {
	display:block;	
	font-size:1em;
	padding-top:15px;
	margin:0 2%;
	float:right;
}
ul.nav a li {
	color:#E6F2D2;
	text-decoration:none;
}	
ul.nav li.nav-current {
	color:#fff;
	text-decoration:underline;
}
ul.nav a:hover li,
ul.nav a:active li {
	color:#F1CE00;
	background-color:transparent; 	/* none */
}
ul.nav li.subcont {
	display:none;
}
ul.subdesktop {
	display:block;	
	list-style:none;
	border:0px;
	text-align:center;
	background-color:#EEF6E1;
	height:49px;
	padding-right:3%;
}
ul.subdesktop li {
	display:block;	
	float:left;
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;

	font-size:0.9em;
	padding-top:15px;
	margin:0 2%;
	float:right;
}
ul.subdesktop  a li {
	color:#95C93D; 	/* green */
}
ul.subdesktop a.subhere li,
ul.subdesktop a:hover li {
	text-decoration:underline;	
}
}
/* END NAVIGATION - mobile first -------------------------- */
.banner {
	overflow:hidden;
	padding-bottom:32px;
	background-repeat: no-repeat;
    background-size: cover;
    min-height: 200px;
	position: relative;
}
.bannerhome {
	background-image: url("images/assets/happy-boy-at-childcare.jpg");
}
.bannercentre {
	background-image: url("images/assets/growing-healthy-minds-together.jpg");
}
.bannerstaff {
	background-image: url("images/assets/playing-outside-having-fun.jpg");
}
.bannerhistory {
	background-image: url("images/assets/childcare-centre-history.jpg");
}
.bannermission {
	background-image: url("images/assets/centre-mission-statement.jpg");
}
.bannerfees {
	background-image: url("images/assets/drawing-at-childcare.jpg");
}
.bannernutrition {
	background-image: url("images/assets/learning-nutrition-at-childcare.jpg");
}
.bannerrecipes {
	background-image: url("images/assets/childcare-healthy-recipes.jpg");
}
.bannerprog {
	background-image: url("images/assets/childcare-educational-programming.jpg");
}
.bannerresources {
	background-image: url("images/assets/parent-resources.jpg");
}
.bannerpolicies {
	background-image: url("images/assets/childcare-policies.jpg");
}
.bannercontact {
	background-image: url("images/assets/contact-surrey-downs-childcare.jpg");
}
.bannerpreenrol {
	background-image: url("images/assets/childcare-pre-enrolment.jpg");
}
.bannerenq {
	background-image: url("images/assets/childcare-enquiries.jpg");
}


.banner h1 {
	/*background-color:rgba(149,201,61,0.5);*/
	background-color:rgba(0,174,239,0.50);
    bottom: 0;
    color: #fff;
    font-family: "Sofia","Century Gothic",sans-serif;
    font-size: 1em;
    font-weight: normal;
    padding: 15px 5%;
    position: absolute;
    text-align: center;
    width: 100%;
	box-sizing: border-box;
}
img.heroimage,
img.heroimagesub {
	width:60%;
	margin:0 20%;
}
@media only screen and (min-width: 770px) {
.banner {
    min-height: 250px;
}	
}
@media only screen and (min-width: 920px) {
.banner {
    min-height: 300px;
}	
.banner h1 {
	font-size:1.3em;
}
}
@media only screen and (min-width: 1020px) {
.banner {
    min-height: 350px;
}	
}
@media only screen and (min-width: 1150px) {
.banner {
    min-height: 400px;
}	
.banner h1 {
	font-size:1.5em;
}
}


.secondarycontent {
	background-color:#f1f1f1; /* orange */
}
.maincontent,
.secondarycontent {
	width:84%;
	margin:20px 5%;
	padding:3%;
}
.maincontent h2,
.secondarycontent h2 {
	margin-bottom:10px;
	color:#00AEEF
}
.maincontent a,
.secondarycontent a {
	text-decoration:none;	
	color:#93ca2f; /* green */	
}
.maincontent a:hover,
.maincontent a:focus,
.maincontent a:active,
.secondarycontent a:hover,
.secondarycontent a:focus,
.secondarycontent a:active {
	text-decoration:none;	
	color:#00aeef; /* blue */
}
.homecontent a.homebtn {
	text-decoration:none;
}
#wrapper .homecontent a .yellowbtn p {
	text-decoration:none;
}
.maincontent p,
.secondarycontent  p {
	margin-top:15px;
	line-height:180%;
	color:#424242;
}
img.bird {
	float:right;
	margin:-30px -35px 10px 20px;
}
.yellowbtn {
	width:95%;
	margin:15px 0%;
	background-color:#93ca2f; /* green */
	border:1px solid #fff;
	padding:5px 2.5% 7px;
	text-align:center;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	color:#fff;
}
a .yellowbtn p {
	font-size:0.8em;
	line-height:150%;
	margin-top:3px;
	color:#fff;
}
a:hover .yellowbtn,
a:active .yellowbtn {
	background-color:#00aeef; /* blue */
	color:#fff;
}
a:hover .yellowbtn p,
a:active .yellowbtn p {
	color:#fff;
}


ul.plist {
    color: #424242;
    font-family: 'Sofia','Century Gothic',sans-serif;
    font-size: 0.85em;	
	margin:0px 0 0 14px;
	line-height:160%;
}
ul.plist li {
	margin-top:7px;	
}
ol.plist {
    color: #424242;
    font-family: 'Sofia','Century Gothic',sans-serif;
    font-size: 0.85em;	
	margin:0px 0 0 14px;
	line-height:160%;
}
ol.plist li {
	margin-top:7px;	
}
@media only screen and (min-width: 800px) {
.maincontent {
	width:50%;
	margin:20px 1% 20px 5%;
	padding:3%;
	float:left;
}
.secondarycontent {
	float: right;
    margin: 40px 5% 0 2%;
    padding: 3%;
    width: 24%;
}
}

#footer {
	color:#fff;
	clear:both;
	float:left;
	width:100%;
	margin-top:30px;
	padding:25px 10%;box-sizing: border-box;
	background-color:#00719c; 	/* blue */	
}
#footer h3 {
	border-bottom:1px solid #00afef;
	padding-bottom:5px;
	margin:0 20% 0 0;
}
ul.quicklinknav {
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;

	font-weight:normal;
	font-size:0.9em;
}
ul.quicklinknav li {
	list-style:none;
	margin-top:30px;
	
}
ul.quicklinknav li.heading {
	font-size:1.4em;
	margin-top:40px;
	color:#fff;
}
.quicklinks ul.quicklinknav a {
	text-decoration:none;
	color:#d5d5d5;
}
.quicklinks ul.quicklinknav li a:hover {
	color:#fff;
}
.openinghours {
	margin-top:40px;	
}
.openinghours p {
	font-size:1em;
	margin-top:10px;
}
.openinghours p.smallertext {
	font-size:80%;
	margin-top:3px;
	color:#d5d5d5;
}
.footerbottom {
	background-color: #005b7e;
	clear: both;
	margin-bottom: 40px;
}


@media only screen and (min-width: 800px) {
#footer {
	background-color:#00719c; 	/* blue */	
	color:#fff;
	clear:both;
	float:left;
	width:100%;
	margin-top:30px;
	padding:25px 5%;
}
#footer h3 {
	border-bottom:1px solid #00afef;
	padding-bottom:5px;
	margin:0 0% 0 0;
	width:100%;
}
ul.quicklinknav {
	width:18%;
	margin-right:2%;
	float:left;
}
ul.quicklinknav {
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;

	font-weight:normal;
	font-size:0.75em;
}
ul.quicklinknav li {
	list-style:none;
	margin-top:15px;
	color:#d5d5d5;
}
ul.quicklinknav li.heading {
	font-size:1.1em;
	margin-top:20px;
	color:#fff;
}
.openinghours {
	clear:both;
	float:left;
	margin-top:30px;
	width:100%;
}
.openinghours p {
	margin-top:15px;
}
}

ul.pdfs {
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;

	font-size:0.85em;
	list-style:none;
}
ul.pdfs li {
	margin-top:30px;	
}
ul.pdfs a {
	color:#662D91; /* purple */	
}
ul.pdfs a:hover,
ul.pdfs a:active {
	color:#F15A24; /* orange */
}
.date {
	color:#969696;	
	padding-right:10px;
}
#contactform {
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;

	font-size:0.8rem;
	color:#424242; 
}
#contactform label {
	padding-top:20px;	
	clear:left;
	display:block;
}
#contactform input {
	clear:left;
	width:99%;
	color:#424242; /* purple */	
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;
	padding:10px;
	box-sizing:border-box;
	font-size:1rem;

}
#contactform input#checker,
#contactform input.timezone{
	display:none;	
}
#contactform  textarea {
	width:100%;	
	color:#424242; /* purple */	
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;
	padding:10px;
	box-sizing:border-box;
	font-size:1rem;
}
#contactform input#submit {
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;

	width:100%;
	margin:15px 0%;
	background-color:#93ca2f; 	/* green */	
	padding:6px 2.5% 7px;
	text-align:center;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	color:#fff; /* purple */
	font-size:1.2em;
	line-height:150%;
	border:0px;
	cursor:pointer;
}

#contactform input#submit:hover,
#contactform input#submit:active {
	background-color:#00aeef; /* blue */
	color:#fff;
}


#map {
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;

	font-size:0.8em;
	margin:15px 0%;
}
#map iframe {
	border:1px solid #662D91;
	width:100%;
	height:300px;
}
img.buildingimg {
	width:100%;
}
/*@media only screen and (min-width: 1200px) {
#map {
	font-family: 'Quattrocento Sans', 'Century Gothic', sans-serif;

	font-size:0.8em;
	margin:15px 0%;
	width:45%;
	float:left;
}
#map iframe {
	border:1px solid #662D91;
	width:100%;
	height:300px;
}
img.buildingimg {
	width:45%;
	margin:15px 0 15px 5%;
	float:left;
}

}*/
@media only screen and (min-width: 1000px) {
.quicklinks {
	width:62%;	
	float:left;
}
.openinghours {
	clear:none;	
	width:33%;
	margin-top:0px;
	float:right;
}
}
@media only screen and (min-width: 1150px) {
#footer {
	font-size:110%;	
	
}
}
p.copyright {
	clear:both;
	text-align:center;
	font-size:0.75em;
	padding-top:15px;
	padding-bottom:15px;
	margin:0 5%;
}
p.copyright a {
	color:#fff;
	text-decoration:none;
}	
p.copyright a:hover {
	text-decoration:underline;
}