/*!
Theme Name: daycare-child
Template: daycare

color reference
- primary #2f3c4c
- accent #fd8549
- body #566476
*/
body {
	font-family: "Be Vietnam Pro", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.65em;
	font-variation-settings:
	  "wdth" 100;
	background-color: rgba(138,224,229,.1);
	color: #566476;
}
h1 {
	color: #2f3c4c;
    letter-spacing: -1px;
	font-size: 3.5rem;
	font-weight: 600;
	line-height: 1.3em;
}
h2 {
	color: #2f3c4c;
    letter-spacing: -1px;
	font-size: 3rem;
    font-weight: 600;
	line-height: 1.3em;
}
h3 {
	color: #2f3c4c;
    letter-spacing: -1px;
	font-size: 2rem;
    font-weight: 600;
	line-height: 1.3em;
}
h6 {
	letter-spacing: 2px;
    font-size: 1rem;
    font-weight: 600;
	line-height: 1.25em;
}
p {
	color: #566476;
	margin-bottom: 1em;
	padding: 0.5em;
	line-height: 2em;
}
.accent-color {color:#fd8549;}
#primary {
	min-height: 70vh;
	/* padding-bottom: 6rem; */
}
.internal-page {
	background-image:url('images/day-care-page-header-blobs.svg');
	background-position: top right;
	background-repeat: no-repeat;
}
.row-section {padding-bottom: 6rem;}
.row-section:last-child {padding-bottom: 0px;}
.cta-btn {
	background-color: #2f3c4c;
	font-weight: 500;
	border: none;
}
.cta-btn:hover {background-color:#fd8549}
.cta-icon {
    display: inline-block;
    width: 50px;
    height: 50px;
	text-align: center;
	font-size: 1rem;
    padding: 15px;
	border-radius: 25px;
	color: #fff;
	background-color: #fd8549;
	margin-right: 10px;
}
.btn-circle.btn-lg {
	padding: 15px 40px;
	font-size: 1rem;
	border-radius: 35px;
}
.btn-white {
	background-color: #fff;
	color: #2f3c4c;
	border: 1px solid #2f3c4c;
}
.btn-white:hover {
	background-color: #2f3c4c;
	color: #fff;
	border: 1px solid #2f3c4c;
}
a {color:#fd8549;}
a.phone {
	font-weight: 600;
	color: #2f3c4c;
	text-decoration: none;
}
img.rounded-corners {border-radius:15px;}
.blockquote-wrapper {
	/* background-image:url('images/day-care-quotes-background.svg'); */
	/* background-position: bottom right; */
	/* background-repeat: no-repeat; */
	background-color: #fff;
    padding: 30px;
    border-radius: 15px;
}
.blockquote::before {
	content: "\F6B0";
	font-family: "Bootstrap-icons";
	font-size: 2.5rem;
	color: #fd8549;
}
.blockquote p {
	font-size: 1.5rem;
	font-style: italic;
}
.blockquote-footer {
	font-size: 1rem;
	font-style: italic;
}
.img-wrap img {width:100%;}
.post-thumbnail {margin-bottom:3rem;}
.post-thumbnail img {
	width: 100%;
    max-height: 30vh;
    border-radius: 15px;
}

/* main nav */
#site-navigation{
	background: transparent!important;
	margin-bottom: 5rem;
}
.current-menu-item a.nav-link,
a.nav-link:hover {
	color:#fd8549;
}
.nav-item {padding:0 24px;}
.nav-link {
	font-size: .8rem;
	font-weight: 600;
	padding: 0 1em;
}
@media screen and (min-width: 37.5em) {
	/* add flex to non mobile screens only */
	#navbarSupportedContent {justify-content: flex-end;}
}
/* small to medium screens */
@media screen and (max-width: 990px) {
	.nav-item {
		padding-top: 20px;
		padding-bottom: 15px;
		border-bottom: 1px solid #8ae0e5;
	}
	.nav-link {
		font-size: 1.5rem;
		font-weight: 400;
		padding: 0;
	}
}

/* footer */
.site-footer {
	background-color: #fff;
	background-image:url('images/day-care-blobs-background.svg');
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-top: 1.5rem;
}
.site-footer h5 {
	font-size: 1.5rem;
	color: #2f3c4c;
	line-height: 1.2em;
    font-weight: 600;
}
.site-footer p {
	padding: 0;
	font-weight: 100;
}
#footer-menu-1,
#footer-menu-2 {
    list-style: none;
    padding-left: 0;
}
#footer-menu-1 li,
#footer-menu-2 li {
	padding-left: 0;
	margin: 10px 0;
}
#footer-menu-1 li a,
#footer-menu-2 li a {
	color: #fd8549;
	font-size: 1rem;
    font-weight: 200;
	text-decoration: none;
	padding: 0;
}
#footer-menu-1 li:hover a,
#footer-menu-2 li:hover a {
	color: #2f3c4c;
}
.footer-cta-wrapper {
	background-image:url('images/happy-child-painting.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.footer-cta {
	background-color: rgba(0,0,0,0.7);
	padding: 8rem 0;
    color: #fff;
}
.footer-cta h3 {
	line-height: 1.2em;
    font-size: 3.5rem;
    font-weight: 600;
	padding-bottom: 50px;
}
.footer-cta .cta-btn {
    font-size: 1.2rem;
	background-color: #fd8549;
}
.footer-cta .cta-btn:hover {
	color: #2f3c4c;
	background-color: #fff;
}
.footer-menu-wrapper {
	padding-top: 1rem;
	margin-top: 5rem;
}
.footer-menu-wrapper>div>div {margin-bottom: 1.5rem;}
.socials span {display:block;}
.socials a {
	font-size: 1rem;
	text-decoration: none;
	color: #566476;
	padding: 10px 10px 10px 0;
}
.socials a:hover,
.socials a:hover i {
	color: #fd8549;
}
.footer-icon i {
    display: inline-block;
	text-align: center;
	font-size: 1.5rem;
	color: #566476;
	margin-right: 10px;
}

/* landing page */
.landing {
	background-image:url('images/day-care-hero-blobs-background.svg');
	background-position: top right;
	background-repeat: no-repeat;
}
.program-card {
	background-color: #fff;
	border: 1px solid #8ae0e5;
}

/* landing - hero section */
.hero p {padding: 1.5rem 0;}
.hero .cta-btn {margin-bottom: 2.5rem;}

/* blog */
.blog article,
.archive article {
	padding: 1rem 0 3rem;
	border-bottom: 1px solid #e9eaec;
}
.blog article .entry-header,
.archive article .entry-header {
	margin-bottom:1rem;
}
.single article .entry-header {
	margin-bottom: 1rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #e9eaec;
}
.archive-description p {padding:0;}
.single article .entry-content,
.archive article .entry-content {
	padding-bottom:2rem;
}
.blog article .entry-meta,
.blog article .entry-footer,
.single article .entry-meta,
.single article .entry-footer,
.archive article .entry-meta,
.archive article .entry-footer {
	letter-spacing: 1px;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.25em;
}
.blog article .entry-footer span,
.single article .entry-footer span,
.archive article .entry-footer span {
	display:block;
}
.blog article .entry-meta a,
.blog article .entry-footer a {
	text-decoration:none;
}
.blog article .entry-meta a:hover,
.blog article .entry-footer a:hover,
.archive article .entry-meta a:hover,
.archive article .entry-footer a:hover {
	color: #566476;
}
.posts-navigation {margin-top:3rem;}
.posts-navigation .nav-links {
	display: flex;
	justify-content: space-between;
}
.posts-navigation a {
	text-decoration:none;
    background: #fff;
    padding: 15px;
    border: 1px solid #fd8549;
    border-radius: 30px;
}
.posts-navigation a:hover {
	color: #fff;
	background-color: #2f3c4c;
	border: 1px solid #2f3c4c;
}
.posts-navigation .nav-previous a::before {
	position: relative;
	top: 3px;
	content: "\F129";
	font-family: "Bootstrap-icons";
	font-size: 1.2rem;
	color: #fd8549;
	padding-right: 8px;
}
.posts-navigation .nav-next a::after {
	position: relative;
	top: 3px;
	content: "\F133";
	font-family: "Bootstrap-icons";
	font-size: 1.2rem;
	color: #fd8549;
	padding-left: 8px;
}
.posts-navigation a:hover::before,
.posts-navigation a:hover::after {
	color: #fff;
}
.comments-wrapper {
	margin-top: 3rem;
	padding-top: 3rem;
	border-top: 1px solid #e9eaec;
}
@media screen and (max-width: 1200px) {
	.blog .site-main,
	.archive .site-main,
	.single .site-main,
	.archive .site-main {
		padding: 0 3rem;
	}
	.blog .site-main>div>div:first-child,
	.archive .site-main>div>div:first-child,
	.single .site-main>div>div:first-child,
	.archive .site-main>div>div:first-child {
		margin-bottom: 3rem;
	}
}

/* sidebar */
aside#secondary .widget h2 {
	font-size: 1.2rem;
}
aside#secondary section {
	padding: 2rem;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #8ae0e5;
	margin-bottom: 2rem;
}
aside#secondary section ul {
	list-style: none;
    padding-left: 0;
}
aside#secondary section li {margin: 10px 0;}
h2.comments-title {
	letter-spacing: 2px;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.25em;
}
#comments ol {
	list-style: none;
    padding-left: 0;
}
.comment-list {
	margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9eaec;	
}
.comment-list li {margin-bottom: 1.2rem;}
.comment-list li::before {
	content: "\F6B0";
	font-family: "Bootstrap-icons";
	font-size: 2.5rem;
	color: #fd8549;
}
.comment-list li .comment-body {padding-left: 15px;}
.comment-metadata a {
	color: #2f3c4c;
	letter-spacing: 1px;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.25em;
	text-decoration: none;
}
.comment-list li .comment-content {
	background: #fff;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 10px;
}
.comment-list li .reply {text-align:right;}
.comment-list li .reply a::before {
	content: "\F132";
	font-family: "Bootstrap-icons";
	font-size: 1rem;
	color: #fd8549;
	margin-right: 5px;
}
.comment-list li .reply a {
	text-decoration:none;
    background: #fff;
    padding: 10px 30px;
    border: 1px solid #fd8549;
    border-radius: 30px;
}
.comment-list li .reply a:hover::before {color:#fff;}
.comment-list li .reply a:hover {
	color: #fff;
	background-color: #2f3c4c;
	border: 1px solid #2f3c4c;
}
#commentform .comment-notes {
	padding: 0;
	font-style: italic;
}
#commentform label {display:block;}
#commentform .comment-form-cookies-consent label {display:inline;}
#commentform input[type="checkbox"] {width:20px;}
#commentform input[type="submit"] {
	width: auto;
	color: #fff;
    background: #2f3c4c;
    padding: 10px 30px;
    border: none;
    border-radius: 30px;
}
#commentform input[type="submit"]:hover {
    background: #fd8549;
}
#commentform input,
#commentform textarea {
	border-radius: 10px;
	width: 100%;
	padding: 5px 10px;
	box-shadow: none;
	outline: none;
	border: 1px solid #8ae0e5;
}
#commentform input:focus,
#commentform textarea:focus {
	box-shadow: none;
	outline: none;
}
#reply-title small {
    display: block;
	font-size: 50%;
    letter-spacing: normal;
    font-weight: 300;
}
@media screen and (max-width: 990px) {
	.comment-respond {margin-top:1rem;}
}

/* contact form - cf7 plugin */
.contact-form form {
	background: #fff;
    border-radius: 10px;
    padding: 1rem;
}
.contact-form form .required {color: #fd8549;}
.contact-form form input,
.contact-form form textarea {
	width: 100%;
	padding: 3px 8px;
	border-radius: 5px;
	border: 1px solid #e9eaec;
}
.contact-form form input[type="submit"] {
	color: #fff;
	background-color: #2f3c4c;
	font-weight: 500;
	padding: 5px;
	border: none;	
}
.contact-form form input[type="submit"]:hover {background-color: #fd8549;}
/* error message per field */
.contact-form form .wpcf7-not-valid-tip {
	font-weight: 600;
    font-size: 90%;
}