/*
Theme Name: Drayton Avenue Cooperative Preschool
Theme URI: Drayton Avenue Cooperative Preschool
Author: Drayton Avenue Cooperative Preschool
Author URI: Drayton Avenue Cooperative Preschool
Description: Drayton Avenue Cooperative Preschool
Version: 1.0
*/

html,body {margin:0;padding:0;width:100%;min-height:100%;background:#233769;font-size:21px;color:#233769;font-family: 'Kameron', serif;}

/* ---------------------------------
HONEYPOT
----------------------------------*/

.hp-wrap {
    display: none;
}

.honeypot-wrap {
    display: none;
}
form,p,h1,h2,h3,h4,h5,h6,table,tr,td,figure {margin:0;padding:0;}
img,table{border:0;vertical-align:middle}
.both {clear:both;}
.left {text-align:left;}
.right{text-align:right;}
.center {text-align:center;}
img.alignleft, .fl-left {float:left;}
.fl-right {float:right;}
img {max-width:75%;height:auto !important;}
a {text-decoration:none;color:#008fcf;}
a:hover {text-decoration:underline;color:#008fcf;}
.hide   {display:none;}
p {padding: 5px 0 15px 0;}

h1 {margin:25px 0;padding:12px;background:#008fcf;color:#fff;text-align:center;font-size:36px;font-weight:normal;}
article h3 {font-size:28px;padding: 5px 0 15px 0;}

img.alignleft {float:left;padding: 25px 25px 25px 0;}
img.alignright {float:right;padding: 25px 0 25px 25px;}

.wrapper {width:90%;max-width:1000px;margin:0 auto;position:relative;display:block;padding: 15px;}


#header {padding:10px 0;background:#f8a028;}
#headerMenu {float:right;text-align:right;padding-top:15px;font-family: 'Kameron', serif;}
#headerMenu ul {margin:0;padding:0;list-style:none;}
#headerMenu li {margin:0;padding:0;display:inline-block;}
#headerMenu li a {display:block;font-size:20px;color:#233769;text-decoration:none;height:35px;line-height:35px;padding:0 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#headerMenu li a:hover, #headerMenu li.current-menu-item a {background:#233769;color:#fff;}

#footer {background:#233769;color:#fff;padding:20px 0;font-size:18px;}
#footer a {color:#008fcf;text-decoration:none;}
#footer a:hover {text-decoration:underline;color:#fff;}
#footer aside {width:50%;float:left;}
#footer .widget {padding-bottom:15px;}
#footer ul {margin:0;padding:0;list-style:none;display:block;}
#footer li {margin:0;padding:0;display:inline-block;width:49%;}
#footer label {display:block;padding:0 10px;height:30px;line-height:30px;font-size:16px;}
#footer input[type="text"], #footer input[type="email"] {border:0;padding:0 10px;margin:0;width:100%;height:30px;line-height:30px;background:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#footer textarea  {border:0;padding: 10px;margin:0;width:100%;height:110px;background:#fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#footer form p {margin:0;padding:0;}
#footer input[type="submit"] {border:0;margin:10px 0;background:#008fcf;color:#fff;height:30px;line-height:30px;padding:0 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

#middle {background:#e6e6e6;}
#middle article header {text-align:center;position:relative;}
#middle article header img {width:100%;}
#middle article header h2  {font-size:36px;background: rgba(248,160,40,.75);font-weight:normal;padding:15px 0;/*font-family: 'Lato', sans-serif;*/width:100%;}
#middle article header.imageHeader {min-height:100px;}
#middle article header.imageHeader h2 {position:absolute;left:0;bottom:0;}
/* Additional styles added for the Easy FAQ with Expanding Text plugin */
#middle article h2.bg_faq_closed {color:#008FCF;}
#middle article h2.bg_faq_opened {color:#008FCF;}
#middle article h3.bg_faq_closed {color:#008FCF;}
#middle article h3.bg_faq_opened {color:#008FCF;}
/* End additional plugin styles */
#middle article .excerpt   {padding: 20px 0;}

.inpBoxGroup {}
.inpBoxGroup .inpBox {width:49%;float:left;}
.inpBoxGroup .inpBox img {width:150px;max-width:100%;margin:10px 0;height:60px;}
.inpBoxGroup .inpBox:nth-child(2n) {float:right;}

#middle article header .homeTopWidget {padding:10% 0;width:100%;}
#middle article header.imageHeader .homeTopWidget {position:absolute;left:0;top:0;width:100%;}
#middle article header .homeTopWidget .btn {display:inline-block;color:#fff;background:#008fcf;font-size:30px;text-decoration:none;width:290px;height:50px;line-height:50px;margin:0 10px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#middle article header .homeTopWidget .btn:hover {background:#F8A028;color:#233769;}

.homeBottomWidget {background:#008fcf;padding:25px 0;text-align:center;}
.homeBottomWidget h4 {font-size:36px;background: rgba(248,160,40,1);font-weight:normal;padding:15px 0;width:100%;}
.homeBottomWidget .textwidget {padding:5% 0;}
.homeBottomWidget .btn {display:inline-block;color:#233769;background:#fff;font-size:30px;text-decoration:none;width:290px;height:50px;line-height:50px;margin:0 10px;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.homeBottomWidget .btn:hover {background:#F8A028;color:#233769;}

.testimonials {background:#233769;color:#fff;padding:25px;}
.testimonials .row {margin:0 -50px;}
.testimonials article {padding:25px 50px;float:left;width:50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family: 'Lato', sans-serif;font-size:18px;}
#middle .testimonials article .excerpt,.testimonials article .excerpt p,.testimonials article h3 {margin:0;padding:0;}
.testimonials article h3 {text-align:right;font-family: 'Lato', sans-serif;font-size:18px;font-weight:normal;}
.testimonials h2 {text-align:center;font-size:36px;margin:0;padding:0;font-weight:normal;font-family: 'Dynalight', cursive;}
article h3 {font-weight:normal}

#pull {display:none;}

@media(max-width:900px) {
	body {font-size:18px;}
	#middle article header .homeTopWidget .btn, .homeBottomWidget .btn {font-size:24px;width:220px;}
	#middle article header h2, .homeBottomWidget h4, h1 {font-size:28px;}
	.testimonials {font-size:16px;}
	 h1, .testimonials h2 {font-size:30px;}
	.testimonials .row {margin:0 -25px;}
	.testimonials article {padding:25px;}
	#footer aside {float:none;margin:0 auto;width:90%;}
	#footer aside:first-child {width:50%;text-align:center;}
	#footer aside:first-child .widget_nav_menu {text-align:left;}
	#middle article.homePageContent .excerpt {display:none;}
	#middle article header .homeTopWidget {padding: 5% 0}
	#pull {display:block;float:right;border:1px solid #233769;width:35px;height:35px;margin-bottom:15px;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
	#pull i {display:block;background: #233769;margin:6px;height:3px;}
	.logo {max-width:50%;position:absolute;left:0;top:0;}
	#headerMenuContent {clear:both;display:none;}
	#headerMenu {width:100%;}
	#headerMenuContent.ShowMenu {display:block;}

}
@media(max-width:660px) {
	body {font-size:16px;}
	#middle article header .homeTopWidget .btn, .homeBottomWidget .btn {font-size:24px;width:220px;height:30px;line-height:30px;display:block;margin: 10px auto;}
	#middle article header h2, .homeBottomWidget h4, article h3 {font-size:22px;padding: 5px 0;}
	 h1 {font-size:28px;}
	 .testimonials h2 {font-size:26px;}
	.testimonials article {width:100%;float:none;}
	#footer aside, #footer aside:first-child {width:100%;}
	#middle article header .homeTopWidget {padding: 2% 0}
	#headerMenu li a {text-align:left;}
}
@media(max-width:560px) {
	#middle article header.imageHeader h2 {position:relative;}
	#headerMenu li a {font-size:16px;}
	img.alignleft, img.alignright {float:none;padding: 25px 0;width:100%;}
	#headerMenu li {display:block;text-align:center;}
	.testimonials article, .testimonials article h3 {font-size:14px;}
}
@media(max-width:400px) {
	#headerMenu {padding-top:5px;}
}

.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

.white{
	color:#ffffff;
}

.paddingRight3px{
	padding-right:3px;
}