.nav {
    text-align: center;
}

.nav-inline .nav-item {
    display: inline-block;
}

.nav-pills .nav-item {
    float: none;
}

.nav-pills .nav-link {
    padding: .5em .75em;
}

.nav img,
#logo {width: 350px;}

.card img {width: 160px;}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover, .nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover {
    background-color: #6CCCDF;
}

.pointer { cursor: pointer;}

/**** Custom Anchor colors ****/

a:link {color:#6CCCDF; text-decoration: none;}

a:visited {color:#6CCCDF; text-decoration: none;}

a:hover {color:#55A3B2; text-decoration: none; cursor: pointer;}

a:active {color:#55A3B2; text-decoration: none;}

/**** Text Color Styles ****/

.white-text { color: #FFFFFF;}

.main-blue { color: #6CCCDF; }

.dark-main-blue {color: #55A3B2;}

.infant-yellow {color: #F8ED42;}

.dark-infant-yellow {color: #C0BA38;}

.toddler-blue {color: #3780B2;}

.dark-toddler-blue {color: #2C669C;}

.preschool-green {color: #53B848;}

.dark-preschool-green {color: #3E9339;}

#custom-red,
.custom-red {color: #F04E37;}



/**** Background Color Styles ****/

.white-bg {background-color: #FFFFFF;}

.main-blue-bg {background-color: #6CCCDF; }

.dark-main-blue-bg {background-color: #55A3B2;}

.infant-yellow-bg {background-color: #F8ED42;}

.dark-infant-yellow-bg {background-color: #C0BA38;}

.toddler-blue-bg {background-color: #3780B2;}

.dark-toddler-blue-bg {background-color: #2C669C;}

.preschool-green-bg {background-color: #53B848;}

.dark-preschool-green-bg {background-color: #3E9339;}

.custom-red-bg {background-color: #F04E37;}

.field_wrapper { background-color: #6CCCDF; color: #fff;}

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

.padding {padding: 40px;}


/* Border Styles */

.infant-border {border: 5px solid rgb(248, 237, 66);}
.toddler-border {border: 5px solid rgb(55, 128, 195);}
.preschool-border {border: 5px solid rgb(83, 184, 72);}

/* Holiday List syles */

.list-group-item {
	border: 0;
}

.list-group {
	border-bottom: 1px solid #e5e5e5;
}

/* About Us Page */

.about-container {}

.about-img { 
    border-radius: 50%;
    border: .25em solid #3780B2;
}

.about-name {
    border-radius: 18px;
    color: #fff;
    padding: .25em 1em;
}

.about-name h4 { margin: 0;}


.events img {border-radius: .25rem;}

a.carousel-control.right, a.carousel-control.left {
    background: none;
}

/***** Hide / Show FAQ's  *****/

.top {cursor: pointer;}
.bottom,
.hidden {display: none;}


/* CTA Style */

#cta {
    color:#fff;
    background-color: #3780B2;
    border-radius: .25rem;
    transition: 250ms; 
    text-decoration: none;   
}

#cta:hover {
    background-color: #6CCCDF;
    transition: 250ms;
}

#topErrorDiv { cursor: pointer; }

#inclement {display: none;}

#regular-btn, #inclement-btn {
    display: inline-block;
    width: 100px;
    cursor: pointer;
    color: #fff;
    padding: .5em;
    border-radius: .25em;
}

#regular-btn { background: rgba(55, 128, 195, .7); margin-right:.5em;}
#regular-btn:hover { background: rgba(55, 128, 195, 1); }

#inclement-btn { background: rgba(155, 155, 155, .7); }
#inclement-btn:hover { background: rgba(155, 155, 155, 1); }

img.thumbnail {
    width:70%;
}

.colored-container {background: #3780B2; padding: 20px; margin:50px 0; display: block; color: #fff}
.colored-container input {color:#222;}

@media screen and (min-width: 768px) {

.nav img,
#logo {width: 220px;}

img.thumbnail {
    width:150px;
    height:150px;
}

.card img {width: 120px;}

.colored-container {background: #3780B2; padding: 20px; margin:50px 0; display: block; color: #fff}

.colored-container input {color:#222;}

}