/* Landscape phones and down: (max-width: 480px) */ 
/* Landscape phone to portrait tablet: (max-width: 767px) */ 
/* Portrait tablet to landscape and desktop: @media (min-width: 768px) and (max-width: 979px) */
/* Large desktop: (min-width: 1200px) */ 

@font-face {
  font-family: 'Angelina';
  src: url('../fonts/angelina.ttf');
}

* {
	font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #3B465C;
    padding: 0px;
    margin: 0px;
}

body {
    display: block;
    padding: 5px;
}

.main {
    clear: both;
}

h1 {
	font-family: 'Angelina', sans-serif;
    font-size: 46px;    
    font-weight: 100;
    margin-bottom: 12px;
    color: #3B465C;
}

h2 {
	font-family: 'Angelina', sans-serif;
    font-weight: 100;
    font-size: 40px;    
    margin-bottom: 12px;
    color: #3B465C;
}

h3 {
	font-family: 'Angelina', sans-serif;
    font-weight: 100;
    font-size: 16px;    
    margin-bottom: 12px;
    color: #3B465C;
}

p {
    font-size: 14px;    
    line-height: 1.7;
    margin-bottom: 14px;
}

li {
    line-height: 1.7;
}

/* Header */
.header {
    width: 100%;
    border-bottom: 3px solid lightgray;
    margin-bottom: 5px;
}

.header .content {
    max-width: 1000px;
    height: 150px;
    width: 100%;
    margin: 20px auto 15px auto;
}

.company-logo {
    display: block;
    float: left;
    background: url(../images/company-logo.jpg) no-repeat; 
    margin-left: 0;
    margin-bottom: 0;
    width: 210px;
    height: 162px;
    background-size: contain;
}

.header .call-us {
    position: relative;
    margin-top: 0;
    float: right;
}

.header .call-us .phone {
    padding: 5px 10px 5px 10px;
	font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    margin-bottom: 0;
    display: block;
}

.header .call-us .phone:nth-child(2) {
    padding: 0 10px 5px 60px;
}

.header .call-us .phone:first-child {
    background: url(../images/phone-icon.jpg) no-repeat; 
    background-position: center left;
    background-size: 60px;
    padding: 5px 10px 5px 60px;
}

.header .call-us .phone .site {
    font-size: 12px;
}

@media (max-width: 767px) {
    .header .content {
        max-width: none;
        height: 45px;
        width: 100%;
        margin: 5px auto 5px auto;
        display: table;
    }

    .company-logo {
        width: 150px;
        height: 116px;
        margin-bottom: 5px;
        margin-left: 10px;
    }

    .header .call-us {
        margin-right: -40px;
    }

    .header .call-us .phone {
        background-size: 40px;
        padding: 0 10px 5px 45px;
        font-size: 12px;
        display: block;
    }

    .header .call-us .phone:nth-child(2) {
        padding: 0 10px 5px 60px;
    }
}

@media (max-width: 350px) {
    .header .call-us {
        display: none;
    }
}

/* Footer */
.footer {
    border-top: 3px solid lightgray;    
    background-color: #3B465C;
    width: 100%;
}

.footer h2 {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid lightgray;    
}

.footer .content {
    max-width: 1000px;
    width: 95%;
    padding: 15px 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: hidden;
}

@media (max-width: 480px) {
    .footer .content {
        width: 100%;
        padding: 15px 0;
    }
}

.info {
    background-color: white;
    width: 97%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 10px;
}

.info p {
    font-size: 10px;
}

.designed-by a {
    font-size: 10px;
    color: #4a5f18;
}

.copyright {
    float: left;
}

.designed-by {
    float: right;
}

@media (max-width: 480px) {
    .copyright {
        text-align: center;
        float: none;
    }

    .designed-by {
        text-align: center;
        float: none;
    }
}

/* Header menu */
.header .menu {
    margin-top: 120px;
    margin-right: -225px;
    float: right;
}

.header .menu a, 
.header .menu .deeper .nav-header {
	font-family: 'Roboto', sans-serif;
    font-size: 14px;
    display: block;
    background-color: #3B465C;
    text-decoration: none;
    color: white;
    text-transform: lowercase;
    border: 1px solid #3B465C;
    padding: 5px 10px 6px 10px;
}

.header .menu .active > a {
    background-color: white;
    color: #3B465C;
    border: 1px solid #3B465C;
}

.header .menu .current > a,
.header .menu a:hover,
.header .menu .current a:hover {
    background-color: #AAB780;
    color: white;
    border: 1px solid #AAB780;
}

.header .menu ul {
    display: block;
    margin-left: 0;
    z-index: 600;
}

.header .menu li {
    list-style-type: none;
}

.header .menu li ul a {
    border-radius: 0;
}

.header .menu > li {
    list-style-type: none;
    float: left;
    margin-left: 5px;
}

.header .menu li ul {
    display: none;
}

.header .menu li:hover ul,
.header .menu li ul.expand {
    position: absolute;
    display: block;
    margin-left: 0;
    background-color: #0f693a;
    border-top: 2px solid white;
}

.header .menu .active .nav-header {
    background-color: white;
    color: #0f693a;
}

@media (max-width: 767px) {
    .header .menu-button {
        background: url(../images/hamburger-icon.png) no-repeat;
        z-index: 99;
        height: 30px;
        width: 30px;
        margin-top: 75px;
        float: right;
    }

    .header .menu {
        margin-top: 0;
        margin-right: 0;
        float: none;
	    display: none;
    }

    .header .menu.expand {
	    display: block; 
        width: 100%;
        clear: both;
    }

    .header .menu > li {
        float: none;
        margin-left: 0;
        border-bottom: 1px solid white;
    }

    .header .menu li ul li a {
        padding-left: 30px;
    }

    .header .menu li li {
        border-bottom: 1px solid white;
        list-style-type: none;
    }

    .header .menu li li:first-child {
        border-top: 1px solid white;
    }

    .header .menu li li:last-child {
        border: 0;
    }

    .header .menu li ul {
        margin-left: 0;
        display: block;
    }

    .header .menu li:hover ul,
    .header .menu li ul.expand {
        position: relative;
        border-top: 0;
    }

    .header .menu a, 
    .header .menu .deeper .nav-header {
        padding: 5px 10px 6px 10px;
        font-size: 13px;
        border-radius: 0;
    }
}

/* Footer Menu */
.footer .menu li {
    list-style-type: none;
}

.footer .menu a {
    font-size: 14px;
    color: white;
    text-decoration: none;
    text-transform: lowercase;
    padding: 3px 12px;
    border: 1px solid #3B465C;
    display: block;
}

.footer .menu a:hover {
    border: 1px solid white;
}

.footer .menu li {
    margin-bottom: 0;
}

.footer .menu li:first-child a {
    text-transform: none;
	font-family: 'Angelina', sans-serif;
    font-weight: 100;
    font-size: 26px;    
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid #3B465C;
}

.footer .menu li:first-child a:hover {
    border-bottom: 1px solid white;
}

.footer .custommore-info {
    float: right;
    display: block;
    margin-top: 0;
    padding: 10px 40px 30px 0
}

.footer .custommore-info .heading {
	font-family: 'Angelina', sans-serif;
    font-size: 26px;    
    font-weight: 100;
    color: white;
    font-size: 26px;    
    padding: 0;
    margin: 0;
}

.footer .custommore-info .contact-info,
.footer .custommore-info .contact-info a,
.footer .custommore-info .contact-info td {
    color: white;
	font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    font-size: 14px;    
    padding: 0;
    margin: 0;
}

.footer .custommore-info .contact-info td {
    vertical-align: top;
}

.footer .custommore-info .contact-info tr.site td {
    text-decoration: underline;
    padding: 15px 0 5px 0;
}

.footer .custommore-info .contact-info tr.site:first-child td {
    padding: 0 0 5px 0;
}

.footer .custommore-info .contact-info tr.hours td {
    padding: 15px 0 5px 0;
}

.footer .custommore-info .contact-info tr.hours:nth-child(2) td {
    padding: 5px 0 5px 0;
}

.footer .menu-section {
    max-width: 250px;
    padding: 10px 40px 30px 0;
    float: left;
}

@media (max-width: 940px) {
    .footer .custommore-info {
        float: left;
        margin-top: 0;
        margin-left: 12px;
    }

    .footer .custommore-info .heading {
        margin-bottom: 5px;    
    }

    .footer .custommore-info p.contact-info {
        line-height: 1.2;
    }
}

@media (max-width: 480px) {
    .footer .menu-section {
        max-width: none;
        float: none;
        display: block;
        overflow: hidden;
    }

    .footer .custommore-info {
        margin-top: 0;
    }

    .footer .custommore-info .heading {
        margin-bottom: 5px;    
    }

    .footer .custommore-info p.contact-info {
        line-height: 1.2;
    }
}

/* Article */
.item-page {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: hidden;
}

.item-page ul {
    margin-left: 20px;    
}

.item-page .page-header {
    display: block;
}

.item-page div[itemprop="articleBody"] {
    float: left;
}

.item-page div[itemprop="articleBody"] h2:not(:first-of-type) {
    padding-top: 20px;
}

.item-page div[itemprop="articleBody"] h2 .room-name {
	font-family: 'Angelina', sans-serif;
    font-weight: bold;
    font-size: 40px;    
    padding-right: 15px;
}

.item-page div[itemprop="articleBody"] h3 {
    margin-top: 40px;
	font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.home .item-page {
    background-color: white;   
}

.our-beliefs .item-page {
    background-color: white;   
    background: url(../images/our-belief-side-bg.jpg) no-repeat; 
    background-position-x: right;
    background-position-y: 100px;
}

.our-mission .item-page {
    background-color: white;   
    background: url(../images/our-mission-side-bg.jpg) no-repeat; 
    background-position-x: right;
    background-position-y: 50px;
}

.directors-message .item-page {
    background-color: white;   
    background: url(../images/director-side-bg.jpg) no-repeat; 
    background-position-x: right;
    background-position-y: 100px;
}

.our-programs .item-page {
    background-color: white;   
    background: url(../images/our-programs-side-bg.jpg) no-repeat; 
    background-position-x: right;
    background-position-y: 100px;
}

.pre-toddlers .item-page {
    background-color: white;   
    background: url(../images/JOY-side-bg.jpg) no-repeat; 
    background-position-x: right;
    background-position-y: 60px;
}

.toddlers .item-page {
    background-color: white;   
    background: url(../images/PEACE-side-banner.jpg) no-repeat; 
    background-position-x: right;
    background-position-y: 100px;
}

.pre-kinder .item-page {
    background-color: white;   
    background: url(../images/LOVE-side-bg.jpg) no-repeat; 
    background-position-x: right;
    background-position-y: 100px;
}

.kinder .item-page {
    background-color: white;   
    background: url(../images/FAITH-side-bg.jpg) no-repeat; 
    background-position-x: right;
    background-position-y: 100px;
}

.before-after-school .item-page {
    background-color: white;   
    background: url(../images/HOPE-side-bg.jpg) no-repeat; 
    background-position-x: right;
    background-position-y: 100px;
}

.holiday-program .item-page {
    background-color: white;   
    background: url(../images/GRACE-side-bg.jpg) no-repeat; 
    background-position-x: right;
    background-position-y: 30px;
}

.special-events .item-page {
    min-height: 400px;
    background-color: white;   
    background: url(../images/special-events-side-bg.jpg) no-repeat; 
    background-position-x: right;
    background-position-y: 50px;
}

.gallery .item-page {
    background-color: white;   
}

@media (max-width: 767px) {
    .item-page {
        padding: 30px 10px 20px 10px;
        max-width: 747px;
    }

    .directors-message .item-page {
        padding: 30px 10px 420px 10px;
        background: url(../images/director-side-bg.jpg) no-repeat; 
        background-position-x: right;
        background-position-y: bottom;
    }

    .home .item-page,
    .our-beliefs .item-page,
    .our-mission .item-page,
    .our-programs .item-page,
    .pre-toddlers .item-page,
    .toddlers .item-page,
    .pre-kinder .item-page,
    .kinder .item-page,
    .before-after-school .item-page,
    .holiday-program .item-page,
    .special-events .item-page {
        background: none; 
        min-height: 100px;
    }
}

@media (max-width: 480px) {
    .item-page {
        padding: 20px 7px 15px 7px;
        max-width: 747px;
    }

    .directors-message .item-page {
        padding: 20px 7px 420px 7px;
        background: url(../images/director-side-bg.jpg) no-repeat; 
        background-position-x: right;
        background-position-y: bottom;
    }

    .home .item-page,
    .our-beliefs .item-page,
    .our-mission .item-page,
    .our-programs .item-page,
    .pre-toddlers .item-page,
    .toddlers .item-page,
    .pre-kinder .item-page,
    .kinder .item-page,
    .before-after-school .item-page,
    .holiday-program .item-page,
    .special-events .item-page {
        background: none; 
    }
}


.home .logos img {
    width: 250px;
    padding: 10px;
}

.home .logos .centre {
    font-weight: bold;
    text-align: left;
    margin-left: 15px;
    display: block;
}

.home .highlights {
    background-position: center center;
    background-image: url(../images/home-small-bg.png?v=20250920);
    background-repeat: no-repeat;
    background-color: #f3f3f4; 
    height: 580px;
    display: none;
}

@media (min-width: 768px) {
    .item-page {
        padding: 50px 10px 50px 10px;
        max-width: 980px;
    }

    .home .item-page {
        padding: 50px 10px 40px 10px;
        max-width: 980px;
    }

    .home .highlights {
        display: block;
    }

    .holiday-program .item-page {
        padding: 50px 10px 100px 10px;
    }

    .special-events .item-page {
        padding: 50px 10px 40px 10px;
    }

    .item-page div[itemprop="articleBody"] {
        max-width: 55%;
    }

    .home .item-page div[itemprop="articleBody"] {
        max-width: 100%;
    }

    .our-beliefs .item-page div[itemprop="articleBody"] {
        max-width: 70%;
    }

    .our-mission .item-page div[itemprop="articleBody"] {
        max-width: 70%;
    }

    .directors-message .item-page div[itemprop="articleBody"] {
        max-width: 70%;
    }

    .our-programs .item-page div[itemprop="articleBody"] {
        max-width: 75%;
    }

    .pre-toddlers .item-page div[itemprop="articleBody"] {
        max-width: 70%;
    }

    .toddlers .item-page div[itemprop="articleBody"] {
        max-width: 70%;
    }

    .pre-kinder .item-page div[itemprop="articleBody"] {
        max-width: 70%;
    }

    .kinder .item-page div[itemprop="articleBody"] {
        max-width: 70%;
    }

    .before-after-school .item-page div[itemprop="articleBody"] {
        max-width: 70%;
    }

    .holiday-program .item-page div[itemprop="articleBody"] {
        max-width: 70%;
    }

    .special-events .item-page div[itemprop="articleBody"] {
        max-width: 70%;
    }

    .gallery .item-page div[itemprop="articleBody"] {
        max-width: 100%;
    }
}

@media (min-width: 900px) {
    .item-page div[itemprop="articleBody"] {
        max-width: 60%;
    }

    .home .item-page div[itemprop="articleBody"] {
        max-width: 100%;
    }

    .our-beliefs .item-page div[itemprop="articleBody"] {
        max-width: 70%;
    }

    .our-mission .item-page div[itemprop="articleBody"] {
        max-width: 70%;
    }

    .directors-message .item-page div[itemprop="articleBody"] {
        max-width: 75%;
    }

    .our-programs .item-page div[itemprop="articleBody"] {
        max-width: 75%;
    }

    .pre-toddlers .item-page div[itemprop="articleBody"] {
        max-width: 75%;
    }

    .toddlers .item-page div[itemprop="articleBody"] {
        max-width: 75%;
    }

    .pre-kinder .item-page div[itemprop="articleBody"] {
        max-width: 75%;
    }

    .kinder .item-page div[itemprop="articleBody"] {
        max-width: 75%;
    }

    .before-after-school .item-page div[itemprop="articleBody"] {
        max-width: 75%;
    }

    .holiday-program .item-page div[itemprop="articleBody"] {
        max-width: 75%;
    }

    .special-events .item-page div[itemprop="articleBody"] {
        max-width: 75%;
    }

    .gallery .item-page div[itemprop="articleBody"] {
        max-width: 100%;
    }
}

@media (min-width: 945px) {
    .home .item-page {
        padding: 50px 10px 20px 10px;
    }

    .home .welcome {
        float: left;
        width: 70%;
    }

    .home .logos {
        width: 27%;
        float: right;

    }

    .home .highlights {
        background-position: center center;
        background-image: url(../images/home-big-bg.png?v=20250920);
        background-repeat: no-repeat;
        background-color: #f3f3f4; 
        height: 300px;
    }

    .special-events .item-page {
        padding: 50px 10px 40px 10px;
    }

    .home .item-page div[itemprop="articleBody"] {
        max-width: 100%;
    }

    .gallery .item-page div[itemprop="articleBody"] {
        max-width: 100%;
    }
}

/* Banners */
.banner {
    width: 100%;
    max-width: 1000px;
    display: block;
    margin-left: auto;    
    margin-right: auto;    
}

.banner img {
    width: 100%;
    display: block;
}

.banner img.large {
    display: block;
}

.banner img.small {
    display: none;
}

.banner p {
    margin: 0;    
    padding: 0;   
    line-height: 0; 
}

@media (max-width: 480px) {
    .banner img.large {
        display: none;
    }

    .banner img.small {
        display: block;
    }
}

/* Gallery */
.gallery .photo {
    display: block;
    margin: 0 15px 15px 0;
    float: left;
    width: 48%;
    overflow: hidden;
}

.gallery .photo.full-width {
    width: 98%;
}

.gallery .photo img {
    display: block;    
}

.gallery .photo.full-width img {
    width: 100%;
    height: 100%;
}

.gallery .photo.protrait img {
    width: 100%;
    height: 100%;
}

.gallery .photo.landscape img {
    width: 100%;
    height: 100%;
}

@media (max-width: 780px) {
    .gallery .photo {
        margin: 0 15px 15px 0;
        width: 97%;
    }
}

/* Message */
.newsletters #system-message-container {
    display: none;
}

/* Newsletters */
.newsletters .item-page {
    display: none;
}

.newsletters-intro,
#btl,
div.file-list {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: hidden;
}

#btl {
    margin-bottom: 30px;
}

.btl-panel {
    margin-left: 10px;
}

.btl-content-block h3 {
	font-family: 'Open Sans', sans-serif;
    text-transform: none !important;
}

.btl-buttonsubmit {
    border-top: none !important;
}

div.file-list {
    min-height: 300px;
    margin-bottom: 30px;
    background: url(../images/newsletter-side-bg.jpg) no-repeat; 
    background-position-x: right;
    background-position-y: top;
}

.file-list .table {
    width: 40% !important;
    margin-left: 10px;
}

.file-list .table th {
    font-weight: normal;
    font-size: 20px;
    padding-left: 0 !important;
    padding-bottom: 15px !important;
}

.file-list a {
    text-decoration: none;    
}

@media (max-width: 767px) {
    .newsletters-intro {
        padding: 30px 10px 0 10px;
        background: none;
        max-width: 747px;
    }

    div.file-list {
        background: none;
    }
    
    .file-list .table {
        width: 90% !important;
        max-width: 400px;
    }
}

@media (max-width: 480px) {
    .newsletters-intro {
        padding: 20px 7px 0 7px;
        max-width: 747px;
        background: none; 
    }

    div.file-list {
        background: none;
    }
    
    .file-list .table {
        width: 90% !important;
        max-width: 400px;
    }
}

@media (min-width: 768px) {
    .newsletters-intro {
        padding: 50px 10px 0 10px;
        max-width: 980px;
    }
}

@media (min-width: 945px) {
    .newsletters-intro {
        padding: 50px 10px 0 10px;
        max-width: 980px;
    }
}

/* Front page image slider */
@media (max-width: 480px) {
    #djslider-loader88 {
        display: none;
    }

    #djslider-loader113 {
        display: block;
    }
}

@media (min-width: 481px) {
    #djslider-loader88 {
        display: block;
    }

    #djslider-loader113 {
        display: none;
    }
}

/* Contact Us */
.main.contact-us {
    max-width: 1000px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: hidden;
}

.main.contact-us h2:not(:first-of-type) {
	font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    padding-top: 30px;
    padding-bottom: 10px;
}

.chrono_credits {
    display: none;
}

.mapprint {
    display: none;
}

.main.contact-us form,
.main.contact-us .thankyou {
    padding: 25px 20px;
    max-width: 560px;
    width: 53%;
    float: left;
}

.main.contact-us form {
    padding: 50px 10px 20px 10px;
}

.main.contact-us .custom-contact {
    padding: 25px 20px;
    max-width: 360px;
    width: 33%;
    float: right;
    background-color: #f1f1f2;
    margin-top: 50px;
    margin-bottom: 15px;
}

.main.contact-us .googlemap {
    border: 1px solid lightgray;
    width: 95% !important;
}

.main.contact-us .contact-info {
    padding: 0;   
}

.main.contact-us .contact-info td {
    padding-left: 10px;
    padding-bottom: 10px;
}

.main.contact-us .contact-info td:first-child {
    vertical-align: top;
    width: max-content;
}

.main.contact-us .contact-info tr.site td:first-child {
    text-decoration: underline;
    padding-top: 15px;
}

.main.contact-us form .gcore-form-row {
    margin-top: 10px;
    display: table;
}

.main.contact-us form .gcore-label-left {
    width: 130px !important;
    float: left;
}

.main.contact-us form .gcore-input {
    float: left;
}

.main.contact-us form input,
.main.contact-us form textarea {
    width: 250px !important;
    border: 1px solid lightgray;
}

.main.contact-us form input[type="checkbox"] {
    width: auto !important;
    margin-right: 10px;
}

.main.contact-us form #captcha1 {
    width: 100px !important;
}

.main.contact-us form #ftd-captcha #fitem {
    float: left;
}

.main.contact-us form #ftd-captcha #fitem1 {
    float: left;
    margin-left: 10px;
}

.main.contact-us form #submit {
    margin-top: 20px;
    padding: 5px 10px;
    width: 70px !important;
}

#ftr-comments {
    margin-top: 40px;
}

@media (max-width: 680px) {
    .main.contact-us {
        padding: 0 10px 20px 10px;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .main.contact-us .thankyou {
        width: 100%;
    }

    .main.contact-us form {
        padding: 10px 10px;
        max-width: none;
        width: 95%;
        clear: both;
    }

    .main.contact-us .custom-contact {
        padding: 25px 10px 10px 10px;
        max-width: none;
        width: 95%;
        float: left;
        clear: both;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .main.contact-us form .gcore-form-row {
        width: 100%;
    }

    .main.contact-us form .gcore-label-left {
        float: none;
    }

    .main.contact-us form .gcore-input {
        float: none;
    }

    .main.contact-us form input,
    .main.contact-us form textarea {
        width: 90% !important;
    }

    .main.contact-us form #ftd-captcha #fitem1 {
        margin-top: 10px;
    }

    .main.contact-us from #ftr-submit {
        margin-left: auto;
        margin-right: auto;
    }
    
    .main.contact-us form #submit {
        padding: 5px 10px;
        width: 70px !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}