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


body {
	margin: 0;
	padding: 0;
	line-height: 0; /* fixes skeleton image flush problem */
}

p {
	line-height: 1.6; /* fixes skeleton image flush problem */
}




.homepage-image{
	background:url(../images/learning-loft-banner-1.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	height:500px;
}


.admissions-image{
	background:url(../images/learning-loft-banner-2.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	height:400px;
}

.curriculum-image {
	background:url(../images/learning-loft-banner-3.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	height:400px;
}

.art-image {
	background:url(../images/learning-loft-banner-4.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	height:400px;
}

.faq-image {
	background:url(../images/learning-loft-banner-5.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	height:400px;
}

.about-image {
	background:url(../images/learning-loft-banner-6.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	height:400px;
}

.contact-image {
	background:url(../images/learning-loft-banner-7.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	height:400px;
}

.scallop-top{
	background:url(../images/scallop-top.png);
	background-size:auto;
	background-repeat:repeat-x;
	background-position:center;
	margin-bottom:-.4em;
	text-align:center;
}

.scallop-bot{
	background:url(../images/scallop-bot.png);
	background-size:auto;
	background-repeat:repeat-x;
	background-position:center;
	margin-top:-.4em;
	text-align:center;
}

.scallop-green{
	background:url(../images/green-border.jpg);
	background-size:cover;
	background-repeat:repeat-x;
	background-position:center;
	text-align:center;
}

.navi{
	margin-top:2em;
}

.navi-logo{
	padding-bottom:1em;
}


.navi-links{
	text-align:center;
	margin-top:2em;
}

.navi-links img{
	width:30px;
	height:30px;
}

.navi-phone{
	margin-top:3em;
	text-align:right;
}

.navi-phone img{
	width:25px;
	height:25px;
}

.navi-phone a{
	color:#e9723a;
}

.navi ul{
	list-style-type:none;
	margin-top:3em;
}

.navi li{
	display:inline;
}

.navi a{
	font-family: 'Ubuntu', sans-serif;
	text-decoration:none;
	font-weight:700;
	font-size:15pt;
}

.navi p{
	font-family: 'Ubuntu', sans-serif;
	color:#000;
	text-decoration:none;
	font-weight:700;
	font-size:14pt;
}

.navi a:hover{
	opacity:.8;
}

.nav{
	display:none;
}


/*DESKTOP NAVIGATION*/
/* Dropdown Button */
.navigation{
	text-align:right;
	margin-top:2.5em;
}

.dropbtn {
    color: #3fb7e9;
    padding: 10px;
    border: none;
    cursor: pointer;
}

.dropbtn a{
    color: #003775;
    border: none;
    cursor: pointer;
}

.dropbtn a:hover{
    color: #fff;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	color:#003775;
	vertical-align:middle;
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	text-align:center;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #84bb34;
    min-width: 160px;
	height:120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	text-align:left;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #fff;
    padding: 1em;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #f1f1f1;
	color:#003775;
	}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #ededed;
}



.welcome{
	padding-top:2em;
}

.welcome p{
	font-family: 'PT Serif', serif;
	text-align:center;
	font-size:14pt;
	color:#000;
}

h1{
	font-family: 'Ubuntu', sans-serif;
	color:#1f275d;
	text-align:center;
	font-weight:700;
	font-size:20pt;
	line-height:25pt;
}

.blue-div hr{
	border:2px dashed #3fb7e9;
	margin-top:3em;
	margin-bottom:3em;
}

.programs{
	margin-top:2em;
	margin-bottom:2em;
}

.programs a:hover{
	opacity:.8;
} 

.home-visit{
	background-color:#83bb34;
	text-align:center;
	margin-bottom:-9em;
}

.grass{
	background-image:url(../images/bg-grass-2.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	height:150px;
}

.hours{
	margin-top:2em;
}

.green-text{
	margin-top:2em;
}

.home-button{
	margin-top:1em;
}

.home-visit p{
	font-family: 'PT Serif', serif;
	text-align:center;
	font-size:14pt;
	color:#fff;
}

.orange{
	background-color:#e9723a;
}

.orange-left{
	background-color:#fff;
	margin-top:2em;
	margin-bottom:2em;
	padding-bottom:1em;
	text-align:center;
}


.footer{
	padding-top:3em;
	padding-bottom:3em;
	text-align:center;
}

.footer-links p{
	font-family: 'PT Serif', serif;
	text-align:center;
	font-size:14pt;
	color:#000;
}

.footer-links a{
	font-family: 'PT Serif', serif;
	text-align:center;
	font-size:14pt;
	color:#000;
	line-height:normal;
}

.footer-links a:hover{
	opacity:.5;
}

.footer img{
	width:50%;
	height:50%;
}


.body-padding{
	padding-top:2em;
}

.adminbut{
	margin-top:1em;
}

.admissions-1 a:hover{
	opacity:.8;
}

.admissions{
	font-family: 'PT Serif', serif;
	text-align:center;
	font-size:14pt;
	color:#000;
}

.admissions-2{
	margin-top:2em;
}

.admissions-2-left{
	border:2px dashed #3fb7e9;
	padding:2em;
}

.admissions-2-right{
	border:2px dashed #83bb34;
	padding:2em;
}

.admissions-3{
	text-align:center;
	margin-top:3em;
}

.admissions-3 p{
	font-family: 'Ubuntu', sans-serif;
	color:#e76797;
	font-size:11pt;
	text-align:left;
}

.about p{
	font-family: 'PT Serif', serif;
	text-align:center;
	font-size:14pt;
	color:#000;
}

.monster-blue{
	position:absolute;
	z-index:999;
	left:-90px;
	top:100px;
}

.monster-pink{
	position:absolute;
	z-index:999;
	width:50%;
	left:-90px;
	top:70px;
}

.blocks{
	position:absolute;
	z-index:999;
	left:-90px;
	top:100px;
}

.about-box-1, .about-box-2, .about-box-3{
	margin-top:1em;
	padding-top:2em;
	padding-bottom:2em;
	padding-left:5em;
	padding-right:5em;
	position:relative;
}

.about-box-1{
	border:2px dashed #3fb7e9;
}

.about-box-2{
	border:2px dashed #e76797;
}

.about-box-3{
	border:2px dashed #e9723a;
}


.about-box-4{
	background-color:#e76797;
	margin-top:3em;
	padding-top:3em;
	padding-bottom:3em;
}

.dotbox-pad{
	margin-top:3em;
}


.copyright{
	background-color:#83bb34;
	text-align:center;
	padding-bottom:1em;
}

.copyright p{
	font-family: 'Ubuntu', sans-serif;
	color:#fff;
	font-size:11pt;
	text-align:center;
	text-transform:uppercase;
}

.copyright a{
	color:#fff;
	text-decoration:underline;
}

.copyright a:hover{
	text-decoration:none;
}

.curriculum{
	margin-top:2em;
}

.curriculum-1{
	background-color:#2aa8d4;
	padding-top:3em;
	padding-bottom:3em;
	padding-left:4em;
	padding-right:4em;
	position:relative;
}

.monster-orange{
	position:absolute;
	z-index:999;
	left:-100px;
	top:230px;
}


.curriculum-2{
	background-color:#97c45b;
	padding-top:3em;
	padding-bottom:3em;
	padding-left:4em;
	padding-right:4em;
}

.curriculum-1 p,.curriculum-2 p{
	color:#fff;
}

.arts-box-1, .arts-box-2, .arts-box-3{
	padding-top:2em;
	padding-bottom:2em;
	padding-left:2em;
	padding-right:2em;
	position:relative;
}


.arts-box-1{
	border:2px dashed #3fb7e9;
}

.arts-box-2{
	border:2px dashed #e76797;
}

.arts-box-3{
	border:2px dashed #e9723a;
}



@media (min-width: 50px) and (max-width: 1174px) {



.orange-left{
	background-image:none;
}

.orange-right{
	background-image:none;
}

.orangebg{
	display:none;
}

.orange-text{
	width:100% !important;
	padding-right:2em;
	padding-left:2em;
}



}



@media (max-width: 550px) {
.navi-logo{
	margin-top:2em;
}

.navi-links{
	display:none;
}


h1{
	font-size:23pt;
}

.welcome p{
	font-size:11pt;
}


.prog-col-1{
	width: 50% !important;
	margin:0;
	padding:0;
}

.prog-col-2{
	width: 50% !important;
	margin:0;
	padding:0;
}

.prog-col-1 img{
	width:95%;
	height:95%;
}

.prog-col-2 img{
	width: 95%;
	height:95%;
}

.orange-text p{
	font-size:12pt;
}

.navi-phone{
	display:none;
}

.navi a{
	font-size:12pt;
}

.homepage-image{
	height:250px;
}

.admissions-image, .curriculum-image, .art-image, .faq-image, .about-image, .contact-image {
	height:250px;
}

.left-monster{
	display:none;
}

.right-monster{
	display:none;
}

.home-visit{
	padding-left:2em;
	padding-right:2em;
	padding-bottom:1em;
	margin-bottom:0;
}

.home-visit p{
	font-size:16pt;
}

.grass{
	display:none;
}

.feet{
	margin-top:2em;
}

.admissions{
	font-family: 'PT Serif', serif;
	text-align:center;
	font-size:12pt;
	color:#000;
}

.admissions-1-a{
	width:100% !important;
}

.admissions-1-a img{
	width:30%;
	height:30%;
}

.admissions-1-b{
	width:100% !important;
	margin:0;
}

.admissions-2-left{
	margin-bottom:2em;
}

.monster-blue{
	display:none;
}

.monster-pink{
	display:none;
}

.blocks{
	display:none;
}

.about-box-1, .about-box-2, .about-box-3{
	padding-left:2em;
	padding-right:2em;
}

.about p{
	font-size:12pt;
}

.monster-orange{
	display:none;
}

.curriculum-1, .curriculum-2{
	padding:2em;
	width:100% !important;
	margin:0;
}

.faq-pic{
	margin-left:0;
	margin-right:0;
	margin-top:2em;
}

.faq-box-1{
	margin:0;
}

}

@media (min-width: 550px) and (max-width: 647px) {
.monster-blue{
	display:none;
}

.monster-pink{
	display:none;
}

.blocks{
	display:none;
}
.about-box-1, .about-box-2, .about-box-3{
	padding-left:2em;
	padding-right:2em;
}



}


/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) and (max-width: 882px) {
.navi-logo{
	margin-top:2em;
}

.navi-links{
	display:none;
}

.prog-col-1, .prog-col-2{
	width: 48% !important;
	margin-top:0;
	margin-botton:0;
	margin-right:.5em;
	margin-left:0;
	padding:0;
}

.navi-logo{
	width: 100% !important;
	text-align:center;
}

.navi-logo img{
	width: 70%;
	height: 70%;
}

.navi-links{
	width: 100% !important;
	margin:0;
	padding:0;
}

.navi a{
	font-size:16pt;
}

.navi ul{
	margin-top:2em;
}

.navi-phone{
	display:none;
}

.homepage-image{
	height:300px;
}

.admissions-image, .curriculum-image, .art-image, .faq-image, .about-image, .contact-image {
	height:300px;
}

.left-monster{
	width:30% !important;
}

.right-monster{
	display:none;
}

.green-text{
	width:60% !important;
	margin:0;
	padding:2em;
}

.admissions-1-a{
	width:100% !important;
}

.admissions-1-a img{
	width:30%;
	height:30%;
}

.admissions-1-b{
	width:100% !important;
	margin:0;
}

.admissions-2-left{
	width:100% !important;
	margin-left: 0;
	margin-right: 0;
	margin-bottom:2em;
}

.admissions-2-right{
	width:100% !important;
	margin:0;
}

.monster-blue{
	left:-90px;
	top:190px;
}

.monster-pink{
	left:-80px;
	top:150px;
}

.blocks{
	left:-90px;
	top:190px;
}

.about p{
	font-size:12pt;
}

.monster-orange{
	display:none;
}

.curriculum-1, .curriculum-2{
	padding:2em;
	width:100% !important;
	margin:0;
}

.art-pic, .art-text{
	width:100% !important;
	text-align:center;
	margin:0;
}

.art-pic img{
	width:50%;
	height:50%;
	text-align:center;
}

.faq-text{
	width:50% !important;
	margin-left:0;
	margin-right:0;
}

.faq-pic{
	width:50% !important;
	margin-left:0;
	margin-right:0;
}

}


/* Larger than tablet */
@media (min-width: 882px) and (max-width: 1000px) {


.navi-links{
	margin-top:2em;
}

.prog-col-1{
	width: 48% !important;
	margin-top:0;
	margin-botton:0;
	margin-right:.5em;
	margin-left:0;
	padding:0;
}

.prog-col-2{
	width: 48% !important;
	margin-top:0;
	margin-botton:0;
	margin-left:.5em;
	margin-right:0;
	padding:0;
}

.navi ul{
	margin-top:2em;
}

.homepage-image{
	height:400px;
}

.admissions-image, .curriculum-image, .art-image, .faq-image, .about-image, .contact-image {
	height:400px;
}

.contact-image {
	height:400px !important;
}


.monster-orange{
	top:340px;
}



}




/* Larger than desktop */
@media (min-width: 1000px) and (max-width: 1200px) {



.monster-orange{
	top:260px;
}

}



/* Larger than Desktop HD */
@media (min-width: 1200px) {





}
.section.review .row {
    display: flex;
    align-items: center;
}
.section.review {
    padding: 50px 0;
}
span#reviewstars-text {
    line-height: 1.5;
    font-size: 14pt;
}
.section.review .eight.columns div {
    background: #82ba34;
    height: 171px;
    margin: 0 5px;
}
.section.review .eight.columns {
    display: flex;
    align-items: center;
}
.section.review .eight.columns div:last-child {
    width: 271px;
}

@media (max-width: 650px) {
.section.review .row, .section.review .eight.columns {
    flex-direction: column;
}
.section.review .columns {
    width: 100%!important;
    text-align: center;
    margin: 10px auto;
}
.section.review .eight.columns div {
    margin: 10px 5px!important;
}
}