body{font-family: 'Open Sans', sans-serif;color:#5d636f; text-rendering: optimizeLegibility;}
body p{font-size:1.25em;}

a {outline: 0;}
a:hover, a:active, a:focus {outline:0;}
.calls a{font:400 1.4em 'open sans';}
p.postmetadata{ border: 1px solid #ede9e9;
    border-width: 1px 0 1px 0;padding:0.8em 0;margin-bottom:3.2em;}
p.postmetadata a{color:#8d99ae;}
p.postmetadata a:hover{color:#04a9e8;}
.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}


h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif;color:#2b2d42;}
#header h1{font:800 5em 'open sans';color:#fff;text-shadow:1px 1px 1px #000;margin-bottom:0.4em;}
#header h2{color:#F0C808;text-shadow:1px 1px 1px #000;position:absolute;
top:2.3em;left:6.6em;background:rgba(0,0,0,0.4);padding:0 1.1em 0 0.2em;}
#footer h2{color:#fff; font-family: 'Gentium Book Basic', sans-serif;text-transform:uppercase;}
#header img{float:left;margin:0 0.5em 0.5em 0;}
#homeintro h2,#reviews h2,.bodupage h1,#videos h2{font:800 3.5em 'open sans';color:#2b2d42;padding-bottom:0.4em;}
.bodupage h1{padding:0.8em 0 0.2em 0;border-bottom: solid 1px #ccc;margin-bottom:0.8em;}
#reviews h2{color:#fff;}
.testimonials div.panel{margin:0 0.5em;}
#reviews p{padding:0 2em;}
#reviews a{color:#5d636f;}
.bodupage{padding:0 1.4em;}
.boduAnimationDelay{animation-delay: 3s;}


.panel.personal{background:#2b2d42;color:#fff;}
.panel.personal label{color:#fff;}
.panel.personal textarea{min-height:8em;}

.homespanish .calls div.pagelogo{display:none;padding-left:8em;}

/*==================================================================*/
/* Lists                                                            */
/*==================================================================*/
#homeintro ul,.frontmenu ul,#floatingHeader ul,#sidebar ul,#footer ul{list-style:none;}
#homeintro ul li,#floatingHeader ul li{padding:0.5em 0;}
#homeintro ul li i,#floatingHeader ul li i{color:#04a9e8;}
.frontmenu{transition: all 300ms;}
.frontmenu ul{margin:0;padding:0.5em 0 0 0.5em;float:left;}
.frontmenu ul li{float:left;position:relative;padding:0;margin:0;}
.frontmenu ul li a{color:#ffffff;padding:0.5em;}
.frontmenu ul.sub-menu{position:absolute;top:1.4em;left:-0.8em;padding:0;display:none;z-index:9999;}
.frontmenu ul li:hover ul.sub-menu{display:block;padding:0.5em 0.2em;}
.frontmenu ul.sub-menu li{width:150px;}
.frontmenu ul.sub-menu li{display: block;
    border: none;
    background: url(../images/dropdown_sprite.png) -150px 0 repeat-y;
    width: 150px;
    margin: 0;
    padding: 0;
    height: auto;
    clear: both;
    line-height: 1.2em;}
.frontmenu ul.sub-menu > li:first-child{background: url(../images/dropdown_sprite.png) 0 0 no-repeat;
    padding-top: 10px;}

.frontmenu ul.sub-menu li a{background: url(../images/dropdown_sprite.png) -300px bottom no-repeat;
    display: block;
    color: #999;
    height: auto;
    padding: 8px 10px 10px 10px;font-size:0.8em;
    line-height: normal;}


.frontmenu.is-stuck ul.sub-menu li a{color:#fff;}
#floatingHeader ul li a{color:#2b2d42;}

ul.footermenu{padding:1.8em 0 0 0;}
ul.footermenu li a{color:#fff;}

.calls .button{font-weight:bold;font-size:1.8em;background:#04a9e8;}
.spanishpage div.calls img{margin:0 auto;}
.calls .button.success{background:#c11018;}
.calls .button:hover{background:#2b2d42;}

.button-group {
  position: relative;
  display: inline-block;
  margin: 1rem 0; }
  .button-group:before {
    content: attr(data-grouptype);
    z-index: 99999;
    color: #999;
    display: block;
    font-size: 1.5rem;
    padding: 0.25em;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 50.5%;
    top: 0.85rem; }
    .button-group.ourschool:before{background:transparent;}
  .button-group button + button {
    margin-left: 5px; }

.spanishpage.enrollpage .button-group{display:none;}
/* sticky header */
.frontmenu div.logo-image{display:none;}
.frontmenu.is-stuck{position: fixed;
	background-color: #2b2d42;
	padding: 0px;
	top: 0;
	left: 0;
	width: 100%;
	border:bottom ridge 1px #ccc;z-index:9999;height:70px;}
.frontmenu.is-stuck ul li a{color:#fff;}
.frontmenu.is-stuck div.logo-image {display:block;border-color:#2b2d42;border-radius:50%;background:#2b2d42;padding:0.2em 1.2em;}
.frontmenu.is-stuck div.logo-image img{padding:0.2em;background:#2b2d42;border-color:#2b2d42;border-radius:50%;}
 
.slick-list{margin-bottom:2em;}

/* speech bubbles */

.testimonials div.panel,#sidebar li.testimonials.panel{background:#2b2d42;color:#fff;border:none;}
.testimonials div.panel p,#sidebar li.testimonials.panel p{color:#fff;}
.bubble 
{
position: relative;
width: 100%;
min-height: 140px;
padding: 0px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:0.4em;
margin-bottom:2em;
}
.testimonials div.bubble p,#sidebar li.testimonials.panel div.bubble p{color:#2b2d42;}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -15px;
left: 110px;
}
.boduslick{padding:1.4em 0 0.4em 2.4em;}
.dateposted{padding:0.8em 0;}

#footeraddress{padding:6em 0;color:#fff;}
#footeraddress  a{color:#fff;}
#footeraddress a span.bodu{color:#a8c038;}

@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {
#header h1 {font-size:3em;margin:0;padding:0;}
#homeintro h2, #reviews h2, .bodupage h1, #videos h2{font-size:2.4em;}
.button-group:before{display:none;}

#smallheader{min-height:200px;}
 } /* max-width 640px, mobile-only styles, use when QAing mobile issues */