@charset "UTF-8";
/* CSS Document
Client: Kids First
Company: Informatics, Inc
Author: J Stephens
Date: November 2016

*/

/* Mobile First */

h2 + h3 {margin: -10px 0 0 0; font-family: "Open Sans", sans-serif; font-weight: 400;}
.site-contact h4 {margin: 0 0 -10px 0;}
.site-menu {box-shadow: 3px 3px 5px rgba(0,0,0,.3);}
a.cta-button {box-shadow: 3px 3px 5px rgba(0,0,0,.3);}
ul.footer-nav li a {border-bottom-color: rgba(255,255,255,.5);}
.middle-area hr {border-color: rgba(255,255,255,.5);}
.main-content a {text-decoration: underline;}
.main-content a:hover {text-decoration: none;}

/*.main-content {overflow: hidden;}*/

.blog-item {display: block; border-bottom: 1px solid #ccc; float: left; padding: 20px 0;}
.blog-item h3 {margin: 10px 0;}
.blog-item h4 {Font-size: 14px; color: #999; margin: 0 0 5px 0;}
.blog-item h4 a {color: #0667a6;}
.blog-item p {margin-top: 15px;}

.slider-area-box {border: 0;}

.purchase-area {background: #d0e2ec; color: #fff; border: 0; padding: 30px 0;}
.purchase-area h2 {font-size: 34px; color: #0667a6; letter-spacing: -1px;}
.purchase-area h2 + h3 {font-family: "Open Sans", sans-serif; font-weight: 400;}
.purchase-content p {font-size: 16px; color: rgba(0,0,0,.7);}
.purchase-content hr {border-color: rgba(0,0,0,.2);}

.sec-header {padding: 0 0 10px 0; text-align: center;}
.sec-header h1 {font-size: 36px;}

.main-content ul.left-side-nav li.nav-path-selected > a {background: #0667a6; color: #fff;}
.main-content ul.left-side-nav li:hover {background: rgba(0,0,0,.1); box-shadow: none; color: #222}
.main-content ul.left-side-nav a:hover {color: #222;}
.main-content ul.left-side-nav li.nav-path-selected > a:hover {color: #fff;}
.main-content ul.left-side-nav ul {margin: 0;}
.main-content ul.left-side-nav ul li {border: 0; margin: 0;}
.main-content ul.left-side-nav ul li a { padding: 15px 10px 15px 25px; font-weight: 500; background: #cfe1ed;}
.main-content ul.left-side-nav ul li a:hover {background: #bed4e2; color: #222;}

.social-icon a {display: block; color: #fff; background: #0667a6; font-size: 20px; padding: 6px 10px; float: Left;box-shadow: 3px 3px 5px rgba(0,0,0,.3); width: 100%;}

.btn-kids, .main-content .btn-kids {display: inline-block; background: #0667a6; color: #fff; padding: 10px 15px; border-radius: 4px; margin: 0 5px 5px 0;}
.btn-kids:hover, .main-content .btn-kids:hover {opacity: 1; color: #fff !important; box-shadow: 0 0 5px rgba(0,0,0,.1);}

.feature-box {padding: 5%; background: #eff6fa; border: 1px solid #b9cbd5; box-shadow: 3px 3px 15px rgba(0,0,0,.1);}
.feature-box p {margin-bottom: 1.5em; font-size: 16px !important;}
.feature-box h4 {font-size: 24px; color: #0667a6;}

#news-detail h4 {text-transform: uppercase; font-size: 16px; color: #888;font-family: "Open Sans", sans-serif; font-weight: 400;}
.blog-header {border-bottom: 1px solid #ccc; margin: 0 0 20px 0;}

div.ccm-block-page-title-byline span.page-date {font-size: 18px;}
div.ccm-block-tags-wrapper a {display: inline-block; font-size: 14px;}
div.ccm-block-tags-wrapper a span {border: none; background: none; border-radius: 0; font-weight: 400;font-size: 13px; padding: 10px;}
ul.ccm-block-topic-list-list {list-style: none; padding: 0; margin: 15px 0;}
ul.ccm-block-topic-list-list li {list-style: none; margin: 0; display: block;}
ul.ccm-block-topic-list-list a {border-top: 1px dotted #ccc; padding: 10px; display: block; font-size: 14px;}

.middle-area .ccm-block-page-list-title {font-size: 18px;}
.middle-area .ccm-block-page-list-title a:hover {color: #fff; opacity: .9;}
.middle-area div.ccm-block-page-list-page-entry-horizontal, div.ccm-block-page-list-page-entry {margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid rgba(255,255,255,.2);}
.middle-area .ccm-block-page-list-date {text-transform: uppercase; font-size: 12px; font-weight: bold; opacity: .7; margin: 5px 0 15px 0;}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.site-logo {margin: 0 0 10px 0;}
.site-contact .cta-button {display: inline-block; float: left; margin: 0; font-size: 12px; letter-spacing: normal;}
nav.ccm-responsive-navigation ul li a, ul#navmenu li:first-child a {padding: 20px 10px;}

.site-contact {text-align: right; padding: 0 15px 0 0;}
.site-contact p, .social-icon {display: inline-block;}
.social-icon a {display: inline-block; width: auto; margin: 0;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.sec-header {padding: 0 0 30px 0;}
.site-contact {margin-top: 15px;}
.site-contact .cta-button {font-size: 13px;}
.social-icon a {padding: 7px 10px;}
nav.ccm-responsive-navigation ul li a, ul#navmenu li:first-child a {padding: 20px 30px;}

#news-detail h1 {font-size: 42px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

.blog-list-item {
    width: 100%;
    float: left;
    border-bottom: 1px dotted #ccc;
    margin: 0 -15px;
    padding: 20px 0;
}

.clean-list-item {display: block; padding: 20px 0; border-bottom: 1px solid #ccc; overflow: hidden;}
.clean-list-item h2 {margin: 20px 0 0 0;}
.clean-list-item h4 {font-size: 16px; font-weight: 700; color: #222;}
.clean-list-item .event-date {display: block; overflow: hidden;}
.clean-list-item .event-date i {float: left; padding: 8px 5px 0 0;}
.clean-list-item .event-date h4 {float: left;}
.clean-list-item .event-date h4 + h4 {margin-left: 10px; padding-left: 10px; border-left: 1px solid #ccc;}
.clean-list-item .ccm-block-page-list-description {margin-top: 10px;}

.news-detail .page-date {
    border-right: 1px solid #ccc;
    padding: 0 10px 0 0;
    margin: 0 10px 0 0;
}