/*
Theme Name: New Theme
Author: Nancy Chen
Description:  Complete fresh look of wordpress
Version: 1.0
*/

body{
	margin: 0;
	padding: 0;
	font-family: 'Dosis', sans-serif;
	color: #4A4A4A;
}
body.about nav ul li a.selected, body.montessori nav ul li a.selected, body.team nav ul li a.selected, body.gallery nav ul li a.selected, body.contact nav ul li a.selected{
	color: #288B17;
}
*{
	box-sizing: border-box;
}
a{
	text-decoration: none;	
}
section{
	display: block;
	clear: both;
}
/*--------------------------*/
header{
	text-align: center;
	height: 280px;
	background: no-repeat center top fixed;
	background-size: 2000px;
}
body.home header{
	background-size: 800px; 
}
.nav{
	max-width: 1180px;
	margin: 0 auto;
}
.logo{
	width: 150px;
	height: 150px;
	display: block;
	text-align: center;
	padding: 10px;
    margin: -100px auto 0;
    position: absolute;
    left: 50%;
    margin-left: -75px;
}
.logo img{
	width: 100%;
}
nav{
	display: block;
	background: #9BD0A2;
	overflow: hidden;
	margin: 0 0 50px 0;
}
nav ul{
	list-style: none;
	margin: 0;
	text-align: center;
	padding: 60px 0 10px 0;
}
nav ul li{
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	display: inline-block;
}
nav ul li a{
	color: #fff;
	display: block;
	padding: 10px;
	text-transform: uppercase;
}
section{
	display: block;
	clear: both !important;
}
.container{
	margin: 0 auto;
	display: block;
	clear: both;
	overflow: hidden;
	padding: 0 20px;
}
.grey{
	background: #F8F7F6;
}
h1{
	font-size: 44px;
	font-weight: bold;
	text-align: center;
	margin: 50px auto 20px;
}
h4{
	margin: 0;
	font-size: 30px;
}
p.intro{
	font-size: 24px;
	font-weight: medium;
	text-align: center;
	margin: 0 auto 20px;
}
p{
	font-size: 20px;
	line-height: 30px;
}
.short{
	margin: 0 auto 100px;
}
img{
	width: 100%;
}
.download{
	text-align: center;
	margin: 40px 0;
	padding: 0;
}
.download li a{
	display: inline-block;
	height: 64px;
	font-size: 26px;
	font-weight: bold;
	color: #4A4A4A;
	padding: 15px 0 0 65px;
}
.download li a:hover{
	color: #288B17;
}
.download li{
	display: inline-block;
	margin: 0 20px 0;
}
a.news{
	background: url('img/icon-newsletter.png') no-repeat left;
}
a.handbook{
	background: url('img/icon-parent-handbook.png') no-repeat left;
}
a.enrolment{
	background: url('img/icon-enrolment-form.png') no-repeat left;
}
.feature{
	padding: 0 0 100px 0;
}
.col-container {
    display: flex;
 	 flex-flow: row wrap;
  	/* This aligns items to the end line on main-axis */
  	justify-content: space-around;
}

.features{
	width: 100%;
	margin: 0 0 20px;
	border-bottom: 1px #979797 dotted;
	font-size: 18px;
}
.feature-image{
	position: relative;
}
.feature-image a{
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	z-index: 999;
}
.feature-image img{
	width: 100%;
}

.title{
	padding: 10px 25px;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	position: absolute;
	bottom: 0;
}
.first{
	background: #F57862;
}
.second{
	background: #FFCA4A;
}
.third{
	background: #9BD0A2;
}
.quote{
	background: #9BD0A2;
	margin: 0;
	position: relative;
	text-align: center;
	padding: 0 0 100px;
}
.quote-icon{
	display: block;
	background: url('img/quote-icon.png') no-repeat;
	width: 75px;
	height: 75px;
	margin: -30px 0 0;
	position: absolute;
	left: 50%;
    margin-left: -38px;
}
.testimonial{
	font-size: 28px;
	line-height: 34px;
	font-weight: bold;
	width: 90%;
	margin: 50px auto 20px;
}
.from{
	font-size: 20px;
	font-weight: medium;
}
.left-col{
	padding: 0 0 20px;
	overflow: hidden;
}
.right-col{
	padding: 0 0 20px;
	overflow: hidden;
}
.divider{
	border-bottom: 1px dotted #979797;
}
.divider .left-col, .divider .right-col{
	padding: 50px 20px;
}
.links{
	text-align: center;
	padding: 0;
}
.links a{
	color: #288B17;
	font-size: 26px;
	display: inline-block;
	padding: 10px 20px;
}
#map-canvas, #map_canvas {
    width: 90%;
    padding: 6px 0 0 0;
    height: 450px;
    margin: 50px auto 0;
}
.formContent{
	padding: 20px;
	font-size: 18px;
}
.formContent .details a{
	color: #288B17 !important;
}
.form{
	margin: 40px 0 100px;
	display: block;
}
.form label, .sunshine-gallery-password-form label{
	color: #4A4A4A;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
	display: block;
}
.form form input[type=text], .form form input[type=email]{
	height: 40px;
	width: 100%;
	font-size: 16px;
	padding: 10px;
	border: 1px solid #C8C8C8;
	color: #333333;
}
.form form textarea{
	height: 200px;
	width: 100%;
	font-size: 16px;
	padding: 10px;
	border: 1px solid #C8C8C8;
	color: #333333;
}
.form form input[type=submit], .sunshine-gallery-password-form input[type=submit]{
	background: #9BD0A2;
	text-transform: uppercase;
	color: #ffffff;
	height: 40px;
	width: 100%;
	padding: 10px 40px;
	border: 0;
	font-size: 18px;
}
footer{
	text-align: center;
	font-size: 20px;
	padding: 20px 20px;
}
.find, .call{
	font-weight: bold;
}
.break{
	display: block;
}
.sunshine-gallery-password-form{
	padding: 20px;
	margin: 0 0 100px 0;
}
.sunshine-gallery-password-form input[type=password]{
	height: 40px;
	width: 100%;
	font-size: 16px;
	padding: 10px;
	border: 1px solid #C8C8C8;
	color: #333333;
}
.sunshine-gallery-password-form input[type=submit]{
	margin: 20px 0;
}
@media screen and (min-width: 40em){
	body.home header{
		background-size: 1000px; 
	}
	.container{
		padding: 0 20px;
		max-width: 1180px;
	}
	h1{
		width: 80%;
	}
	p.intro{
		width: 80%;
		margin: 0 auto 50px;
	}
	.title{
		font-size: 20px;
	}
	.features{
		width: 31%;
		float: left;
		margin: 0 5px 20px;
	}
	.left-col{
		float: left;
		width: 50%;
		padding: 0 20px 50px;
	}
	.right-col{
		float: left;
		width: 50%;
		padding: 0 20px 50px;
		overflow: hidden;
	}
	.left-col img{
		width: 100%;
	}
}
@media screen and (min-width: 60em){
	body{
		/*background: green;*/
	}
	header{
		text-align: center;
		height: 250px; 
		background: repeat-x center center; 
	}
	body.home header{
		text-align: center;
		height: 500px;
		background: no-repeat center center fixed; 
	  	-webkit-background-size: cover;
	  	-moz-background-size: cover;
	  	-o-background-size: cover;
	  	background-size: cover;
	}
	.logo{
		width: 200px;
		height: 200px;
		display: inline-block;
	    position: static;
	    margin: -105px auto 0;
	}
	nav{
		display: block;
		background: #9BD0A2;
		height: 66px;
		margin: 0;
		overflow: visible;
	}
	nav ul{
		list-style: none;
		margin: 0;
		padding: 0;
		float: right;
	}
	nav ul li{
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		display: inline-block;
	}
	nav ul li a{
		color: #fff;
		display: block;
		padding: 20px;
		text-transform: uppercase;
	}
	.container{
		padding: 0;
		overflow: hidden;
	}
	h1{
		margin: 100px auto 20px;
	}
	.short{
		width: 80%;
	}
	.title{
		font-size: 28px;
	}
	.features{
		margin: 0 10px 20px;
	}
	.testimonial{
		width: 70%;
	}
	#map-canvas, #map_canvas {
	    width: 80%;
	}
	footer{
		font-size: 28px;
		padding: 20px 20px;
	}
	.break{
		display: inline;
	}
	.call{
		margin: 0 0 0 50px;
	}
	.imgLast .left-col{
		float: right;
	}
	.formContent{
		padding: 100px 20px 100px;
		max-width: 1180px;
		margin: 0 auto;
		overflow: hidden;
	}
	.details{
		width: 40%;
		float: left;
	}
	a.email{
	color: #288B17;
}
	.form{
		width: 60%;
		float: left;
		margin: -30px 0 50px;
	}
	.form form input[type=submit], .sunshine-gallery-password-form input[type=submit]{
		width: auto;
		padding: 10px 60px;
	}
	.sunshine-gallery-password-form input[type=password]{
		 width: 60%;
	}
}

.wpape_gallery_button{
	display: none;
}
#wpape_gallery_5c737e7ae204efilter{
	display: none;
}
#wpape_gallery_5c737e7ae204e .wpape-img-container {
	
	    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0 solid rgb(27, 154, 247);
    -webkit-box-shadow: 0px 5px 7px rgba(34, 25, 25, 0.4);
    -moz-box-shadow: 0px 5px 7px rgba(34, 25, 25, 0.4);
    -o-box-shadow: 0px 5px 7px rgba(34, 25, 25, 0.4);
    -ms-box-shadow: 0px 5px 7px rgba(34, 25, 25, 0.4);
    box-shadow: 0px 5px 7px rgba(34, 25, 25, 0.4);
}