@charset "UTF-8";
/*
Theme Name: WP Default
Theme URI: 
Author: Silver Connect Web Design
Author URI: http://silverconnectwebdesign.com
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

WP Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*###################################
# General Styles
###################################*/
html {font-size: 16px; /* 1em */ overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {font-family: "Figtree", sans-serif; margin: 0 auto; width: 100%; min-width: 1200px;}
a, a:visited {color: inherit; text-decoration: none; transition: all .5s ease; -webkit-transition: all .5s ease; text-decoration: none !important;}
a:hover {}
a:focus {outline: none !important;}
img {transition: all ease 0.5s;}
h1, h2, h3, h4, h5 {line-height: 1.2; }
h1, h2, h3, h4, h5, .h1, .h2, .h3, li  { margin: 0; }

h1, h2.title { font: 60px "DarumaDrop One"; line-height: 0.8; }
h3 {font-size: 40px; font-weight: 700; }
h4 {font-size: 16px; font-weight: 400; color: #333; letter-spacing: 2px;}

p, li {font-size: 18px; color: #333; line-height: 1.8;}
p { margin-bottom: 20px; }


/*###################################
## Layouts
###################################*/
.site {margin: 0 auto;}
.full {width: 100%;}
.main {max-width: 100%;}
.entry-content {margin: 0;}
.hentry, .so-panel, .panel-grid {margin-bottom: 0!important;}
.has-1-columns .wp-block-column {flex-basis: 100%;}
.wp-block-column, .blocks-gallery-item {margin: 0 !important;}
.wp-block-gallery.is-cropped .blocks-gallery-item img {height: auto; width: auto; object-fit: contain;}
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
.container, .container-fluid {max-width: 1400px; margin: 0 auto; padding-left: 10px; padding-right: 10px;}
.row { max-width: 100%; margin: 0 auto; }

.clearfix {clear: both;}

/*###################################
## Forms
###################################*/

/*.ctc-form {text-align: center;}
.ctc-form p {margin-bottom: 0;}
.ctc-form label {font-weight: 400;} 
.ctc-form textarea {max-height: 110px;}
.ctc-form textarea, .ctc-form input {font-family: "Arial";}
.ctc-form textarea, .ctc-form input:not([type="checkbox"]), .ctc-form select {padding: 10px 20px;}
.ctc-form input:not([type="checkbox"]), .ctc-form select {height: 45px;}
.ctc-form input[type="submit"] {background: #fff!important; border-radius: 0!important; margin-top: 10px; border: none;}
.ctc-form input[type="submit"]:hover {background: #1E2A5A!important;}
.ctc-hide {display: none;}
.ctc-form .form-control {border-radius: 0px;}
.wpcf7-response-output {text-align: center; background: #fff;}
.wpcf7-acceptance span.wpcf7-list-item {margin: 0;}*/

.wpcf7-form {margin: 0 auto; text-align: center; }
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form textarea {font-family:Arial; font-size: 16px; color:#000; height:45px; display: block; width: 100%; border:1px solid #ddd; border-radius: 3px; padding: 5px 10px; box-sizing: border-box; margin: 0 auto 8px; }
.wpcf7-form textarea {height: 120px; padding-top:10px; }
.wpcf7-form button {display: inline-block; margin: 20px auto 0; border-radius: 0; }
.wpcf7-form span.ctc-hide,
.wpcf7-form br { display: none; }
.wpcf7-form p { display: inline !important; }
.wpcf7-form .g-recaptcha > div { margin: 0 auto; }
.wpcf7-form .consents label { display: block; }

/*###################################
## Buttons
###################################*/
/*.btn {font-size: 16px; color: #000!important; background: #ddd; padding: 15px 40px; display: inline-block; position: relative; z-index: 10;}
.btn:before {width: 100%; height: 0; background: #333; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); position: absolute; content: ""; transition: all ease 0.5s; z-index: -1;}
.btn:hover:before {height: 100%;}
.btn:hover {color: #fff!important;}*/

.btn { display: inline-flex; justify-content: center; align-items: center; width: 200px; height: 60px; border-radius: 3em; background-color: #81cb2f; color: #fff !important; font-size: 20px; font-weight: 700; border: none; }
.btn:hover { background-color: #f9ba24; }

/*###################################
## Menus
###################################*/
/*Main Menu*/
.main-navigation {clear: both; display: block; width: 100%;}
.main-navigation ul {list-style: none; margin: 0; padding-left: 0; display: flex; justify-content: space-between; align-items: center;}
.main-navigation ul li {float: none; display: inline-block; position: relative;}
.main-navigation ul li.menu-item-has-children a:after {font-family: "FontAwesome"; content: "\f0d7"; margin-left: 10px;}
.main-navigation ul li.menu-item-has-children:hover a:after {content: "\f0d8";}
.main-navigation ul li a { padding: 10px; font-size: 18px; font-weight: 700; color: #fff; display: block; }
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a { color: #f9ba24; }

/* Sub Menu */
.main-navigation li.menu-item-has-children .sub-menu a:after {display: none;}
.main-navigation ul li.menu-item-has-children:hover ul {top: 100%; opacity: 1;}
.main-navigation ul ul {background: rgba(0, 0, 0, 0.7); opacity: 0; text-align: left; top: 50%; display: block; transition: all ease 0.5s;}
.main-navigation ul ul li.menu-item-has-children:hover ul {top: 50%!important; opacity: 1!important; z-index: 1!important;}
.main-navigation ul ul ul { left: 100%; top: -100%!important; transition: all ease 0.5s; opacity: 0!important; z-index: -1!important;}
.main-navigation .sub-menu li {display: block; text-align: left; margin-right: 0; margin-left: 0;}
.main-navigation .sub-menu a {color: #fff; width: 300px; padding: 15px 10px!important;}
.main-navigation .sub-menu a:hover, .main-navigation .sub-menu .current-menu-item > a, .main-navigation .sub-menu .current-menu-ancestor > a {color: #000; background: rgba(255,255,255,0.7)!important;}

/*Footer Menu*/
.footer-navigation ul { list-style: none; margin: 0; padding: 0; text-align: right; }
.footer-navigation li { float: none; display: block; margin-bottom: 10px; }
.footer-navigation li a { display: block; color: #000; font-size: 18px;}
.footer-navigation a:hover, .footer-navigation .current_page_item a, .footer-navigation .current-menu-item a {}

/*Social Menu*/
.social-navigation ul {margin-bottom: 0;}
.social-navigation li {margin: 0 10px;}
.social-navigation li.sm-loc a:before {content: "\f041";}
.social-navigation li:first-of-type {margin-left: 0px;}
.social-navigation li:last-of-type {margin-right: 0px;}
.social-navigation a {font-size: 13px; color: #fff; display: inline-block; height: auto!important; width: auto!important;}
.social-navigation a:before {width: 30px!important; height: 30px!important; line-height: 30px!important; background: #eee; border-radius: 50%; transition: all ease 0.5s;}
.social-navigation a:hover:before {transform: rotate(360deg); border-radius: 0px; background: #ddd; box-shadow: 0 0 10px #333;}

/*###################################
## Header
###################################*/

.site-header { position: absolute; top: 0; left: 0; right: 0; z-index: 1; padding: 25px 0; }
.admin-bar .site-header { top: 32px; }

.header-row { display: flex; justify-content: space-between; align-items: center; max-width: 1830px; }
.hd-logo { max-width: 30%; width: 470px; }
.hd-nav { max-width: 65%; width: 890px; }

/*###################################
## Banner
###################################*/
#banner { position: relative; }
#banner:before { content:""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); }
#banner:after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 200px; background: url(assets/images/banner-shape.png)no-repeat center bottom; background-size: contain; }

#banner-caption { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); max-width: 860px; margin: 0 auto; }
#banner-caption h3 { font: 700 30px "Figtree"; }
#banner-caption h2, #banner-caption h3, #banner-caption p { text-align: center; color: #fff; }
#banner-caption h2.title { font-size: 80px; }
#banner-phone { position: absolute; z-index: 1; bottom: 100px; left: 0; right: 0; text-align: center; }
#banner-phone i { font-size: 0; }
#banner-phone i:before { font-size: 20px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; border-radius: 100%; color: #fff; background-color: #f9ba24; }
#banner-phone h3, #banner-phone a { color: #fff; }
#banner-phone h3 { font-size: 18px; font-weight: 700; }
#banner-phone a { font-size: 30px; font-weight: 700; }

/*###################################
## Content
###################################*/
.site-content {}

#welcome { padding: 70px 0; }
.about-section { background-position: center left 20px !important; margin-bottom: 40px; }
.about-section .container { max-width: 1440px; min-height: 580px; border-radius: 3em; display: flex; justify-content: flex-start; align-items: center; padding: 40px 80px; background-repeat: no-repeat; background-position: center right; box-shadow: 5px 10px 20px rgba(0,0,0,0.1); }
.about-section .container .textwidget { max-width: 460px; }

#daycare .container { background-color: #ecf7f6; }
#preschool { background-position: center right 20px !important; }
#preschool .container { background-color: #fef8e9; }
#parent-info .container { background-color: #FBE9F4; }

#age-groups { padding: 40px 0; }
#age-groups .title-row {}
#age-groups .ag-row { margin-top: 40px; margin-bottom: 40px; background-position: top 30px center !important; }
#age-groups .ag-row > div:nth-of-type(even) { margin-top: 60px; }
.ag-col .sow-image-container { align-items: center !important; width: 150px; height: 150px; border-radius: 50%; background-color: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); margin: 0 auto 15px; }
.ag-col h3 { font-size: 30px; }
.ag-col h3 span { font-size: 16px; font-weight: 400; display: block; }

#wcu { position: relative; padding: 180px 0 260px; background-repeat: no-repeat; background-position: center bottom !important; }
#wcu:before { content: "";position: absolute; top: 0;left: 0;right: 0;width: 100%;height: 200px;background: url(assets/images/banner-shape.png)no-repeat bottom center;background-size: contain;transform: rotate(180deg) scaleX(-1); }

#wcu .title { color: #fff; margin-bottom: 60px; }
.wcu-row > div { padding: 20px; background-color: #fff; border-radius: 3em; }
.wcu-row .textwidget { max-width: 170px; }
.wcu-row .textwidget i { font-size: 0; margin-bottom: 15px; }
.wcu-row .textwidget i:before { font-size: 20px; color: #fff; width: 40px; height: 40px; background-color: #f9ba24; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; }

#callout { position: relative; min-height: 900px; }
#callout:before {  z-index: 1;content: "";position: absolute; top: -2px;left: 0;right: 0;width: 100%;height: 200px;background: url(assets/images/callout-shape.png)no-repeat center top;background-size: contain; }

.callout-title { max-width: 800px; }
.callout-title .so-widget-sow-editor { position: relative; margin-top: -128px; z-index: 1; padding: 115px 20px; background-color: #fff; border-radius: 3em; box-shadow: 5px 10px 20px rgba(0,0,0,0.1); }
.callout-title .textwidget { max-width: 100%; width: 520px; margin: 0 auto; }

/*###################################
## Footer
###################################*/
.site-footer {}
.footer-top { padding-top: 100px; }
.footer-top .row { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 40px; border-bottom: 1px solid #f9ba24; }
.footer-top .col { width: 33.33%; }
.footer-top .col h3 { font-size: 18px; font-weight: 700; text-transform: uppercase;margin-bottom: 25px; }

.ft-info-item a:before, .ft-address i { font: 400 15px "FontAwesome"; color: #f9ba24; display: inline-flex; width: 20px; height: 20px; text-align: center; justify-content: center; align-items: center; vertical-align: middle; margin-right: 15px; }
.ft-info-item a, .ft-address span { font: 400 20px "Figtree"; }
.ft-info-item { margin-bottom: 30px; }
.ft-nav h3 { text-align: right; }

.ft-bottom .row { display: flex; justify-content: space-between; align-items: flex-start; }
.ft-bottom .col { max-width: 50%; }
.ft-bottom .ft-text { width: 640px; }
.ft-bottom .ft-copy { text-align: right; }

/*###################################
## Sidebar
###################################*/
#primary.sideMain {float:left; width: 70%;}
#secondary {float:right; width: 30%; padding: 20px; box-sizing: border-box; border: 1px solid #535353; box-sizing: border-box;}
.search-form {display: flex;}
.search-form .search-submit {width: 100%; max-width: 85px;}

/*###################################
## Inner Pages
###################################*/
.inner .site-header { background-color: #43b2a3; position: static; }
.inner #content {background: #fff; text-align: left; min-height: 400px; padding: 40px 0;}
.inner #content h1 {text-align: center; line-height: 1.2; margin-bottom: 30px;}
.inner .site-footer { border-top: 1px solid #f9ba24; }

/*programs*/
.program-row { margin-bottom: 20px; }
.program-col h3 { font-size: 24px; }

/* contact */
.contact-us-page #content .container { max-width: 800px; }

/* error404 */
.inner #content .error-404 h1 {font-size: 35px;}
.inner #content .error-404 h2 {font-size: 70px;}
.error-404 .search-form {margin: 0 auto 20px;}
.error-404 {text-align: center;}

/*###################################
## Responsive
###################################*/

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {
  .main-navigation ul li a { font-size: 16px; padding: 5px; }
  #banner-phone { bottom: 50px; }
  #banner-media img { min-height: 670px; object-fit: cover; }
  .about-section .container { min-height: 460px; }
  #wcu { padding: 100px 0 160px; }
  #callout { min-height: 700px; }
  .callout-title .so-widget-sow-editor { margin-top: -80px; padding: 65px 20px; }
}

@media screen and (max-width: 1200px) {
  body {min-width: 320px;}
  .about-section .container { padding: 20px; min-height: 320px; }
  #age-groups .ag-row { background-size: 100% !important; }
  .ag-col .sow-image-container { width: 100px; height: 100px; padding: 20px; }
  .ag-col h3 { font-size: 24px; }
  .wcu-row .textwidget { max-width: unset; }
  .wcu-row > div { width: 19% !important; border-radius: 1.5em; padding: 10px !important; }
  #callout { min-height: 550px; }
}


@media screen and (max-width: 1024px){
  #wprmenu_bar { max-width: 100%; }
  h1, h2.title { font-size: 45px !important; line-height: 1.2; }

  .btn { width: 150px; height: 45px; font-size: 16px; }

  #banner-media img { min-height: 440px; }
  #banner-phone { bottom: 20px; }
  #banner-phone h3 { display: none; }
  #banner-phone p, #banner-phone a { display: inline-block; vertical-align: middle; }
  #banner-phone p { margin: 0 10px 0 0; }
  #welcome { padding: 40px 0; }
  .about-section .container { position: relative; }
  .about-section .container:before { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: rgba(255, 255, 255, 0.6); }
  .about-section h3 { font-size: 30px; }
  .about-section .container .textwidget { max-width: 100%; }
  .about-section p { text-shadow: 1px 1px 2px #fff; }
  .about-section .row { position: relative; z-index: 1; }
  #age-groups .ag-row > div:nth-of-type(even) { margin-top: 0; }
  #wcu { padding: 40px 0; }
  #wcu .title { margin-bottom: 30px; }
  .wcu-row > div { flex: 0 auto !important; width: 49.3%; }
  .wcu-row p { margin: 0; }
  #callout { min-height: unset; padding: 120px 0 40px; }
  .callout-title .so-widget-sow-editor { margin-top: 0; padding: 30px; background-color: rgba(255,255,255,0.6); }

  .ft-info-item a, .ft-address span,
  .footer-navigation li a { font-size: 16px; }
  .ft-info-item a:before, .ft-address i { margin-right: 5px; }
  .footer-top { padding-top: 30px; }
  .footer-top .row { flex-wrap:wrap; }
  .footer-top .col { width: 50%; margin-bottom: 15px; }
  .footer-top .ft-logo { width: 100%; order: -1; text-align: center; }
  .footer-top .ft-logo img { max-width: 320px; }
  .ft-bottom .row { flex-direction: column; }
  .ft-bottom .col { width: 100%; max-width: unset; text-align: center; }
  .ft-bottom .col p { font-size: 15px; margin: 5px 0; }
}

@media screen and (max-width: 780px) {
  h1, h2.title { font-size: 38px !important; line-height: 1.2; }
  /*#banner-media img {  }*/
  .wcu-row > div { width: 100% !important; }
  .footer-top .col { width: 100%; }
  .footer-top .col, .footer-top .col h3, .footer-navigation ul { text-align: center; }
}