/*
Theme Name: PostpartumNanny
Theme URI: https://github.com/studiopress/genesis-block-theme/
Template: genesis-block-theme
Author: StudioPress
Author URI: https://www.studiopress.com/
Description: A beautifully-simple yet powerful WordPress theme that integrates perfectly with the block editor and the Genesis Blocks plugin. Start building amazing websites with blocks today! Install the Genesis Blocks plugin to add even more page-building blocks such as testimonials, sharing icons, notices, call to actions, buttons and more.
Tags: one-column,featured-images,theme-options,custom-background,custom-colors,custom-logo,custom-menu,editor-style,translation-ready,footer-widgets,full-width-template,blog,sticky-post,threaded-comments,wide-blocks
Version: 1.0.0.1753128262
Updated: 2025-07-21 20:04:22

*/

body {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	line-height: 1.7;
  	font-weight: normal;
	color: #333;
	background-color: #fff;
}

p {	
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	line-height: 1.7;
  font-weight: normal;
}

strong {
  color: #5a287d;
  font-weight: 600;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: 'Fredoka', sans-serif;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 2%;
  color: #5a287d; 
}

h1, .entry-header .entry-title {
  font-size: 48px;
}

h2 {
  font-size: 42px;
}

h3 {
  font-size: 36px;
}

h4 {
  font-size: 30px;
}

h5 {
  font-size: 24px;
}

h6 {
  font-size: 18px;
}

img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.story-highlight {
    background-color: #ffffff;
    padding: 2rem;
    border: 1px solid #eee;
    border-left: 6px solid #5a287d;
    margin: 2rem 0;
    font-style: italic;
    border-radius: 0 8px 8px 0;
}
ul.checklist {
    list-style: none;
    padding: 0;
}
ul.checklist li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 1rem;
}
ul.checklist li::before {
    content: '✔';
    position: absolute;
    left: 0;
    color: #5a287d;
    font-weight: bold;
    font-size: 1.5rem;
}
.steps-list {
    list-style: none;
    padding-left: 0;
    counter-reset: steps-counter;
    max-width: 600px;
    margin: 3rem auto 0;
}
.steps-list li {
    position: relative;
    padding: 1rem 1rem 1rem 45px;
    margin-bottom: 1rem;
    background: #f7f5f2;
    border-radius: 8px;
}
.steps-list li::before {
    counter-increment: steps-counter;
    content: counter(steps-counter);
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-color: #5a287d;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
/* Header Styles */
.site-header {
    background-color: #fbfbfb;
}
.site-identity {
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 10px 0;
}
.custom-logo-link img {
    display: block;
    width: 200px;
    border-radius: 0;
    box-shadow: unset;
}
.logo {
	font-family: 'Fredoka', sans-serif;
    font-weight: bold;
	font-size: 24px;
	color: #5a287d;
}

.logo span {
	color: #f5a8c7;
}

nav ul {
	list-style: none;
}

nav ul li a {
	text-decoration: none;
	color: #333;
	font-family: 'Fredoka', sans-serif;
    font-weight: medium;
	transition: color 0.3s;  
	font-size: 20px;
}

nav ul li a:hover {
	color: #5a287d;
}

/***Page Header***/
.page-header {
    text-align: center;
    padding-bottom: 5rem;
    border-bottom: 1px solid #e0e0e0;
}

.page-header p {
    max-width: 750px;
    margin: 0 auto;
    color: #555;
}


/* Hero Section */
.hero {
	padding: 60px 0;
}

.hero-content {
	padding-right: 40px;
}

.hero-image {
	position: relative;
}

.subheadline {
	font-size: 18px;
	margin-bottom: 30px;
	color: #666;
}

.btn a {
	display: inline-block;
	background-color: #f5a8c7;
	color: white;
	padding: 15px 30px !important;
	border-radius: 30px;
	text-decoration: none;
	font-family: 'Fredoka', sans-serif;
    font-weight: medium;
	font-size: 18px;
	transition: all 0.3s;
	border: none;
	cursor: pointer;
}

.btn a:hover {
	background-color: #5a287d;
	transform: translateY(-3px);
	box-shadow: 0 5px 15px rgba(90, 40, 125, 0.3);
}

/* Problem Solution Section */
.problem-solution {
	padding: 80px 0;
	background-color: #f9f5fc;
}

.section-container {
	display: flex;
	align-items: center;
	max-width: 1000px;
	margin: 0 auto;
}

.section-content {
	flex: 1;
	padding: 0 30px;
}

.section-content p {
	margin-bottom: 20px;
}

/* How It Works Section */
.how-it-works {
	padding: 80px 0;
	text-align: center;
}

.steps-container {
	margin-top: 50px;
}

.step {
	padding: 0 20px;
	max-width: 300px;
	margin: 0 auto;
}

.step-icon {
	width: 80px;
	height: 80px;
	background-color: #f5a8c7;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
	color: white;
	font-size: 30px;
}

.step h3 {
	font-family: 'Fredoka', sans-serif;
    font-weight: medium;
	font-size: 22px;
	margin-bottom: 15px;
	color: #5a287d;
}

/* Services Section */
.services {
	padding: 80px 0;
	background-color: #f9f5fc;
	text-align: center;
}

.services-container {
	margin-top: 30px;
	padding: 20px 0;
}

.service {
	min-width: 240px;
	padding: 20px;
	background-color: white;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	transition: transform 0.3s;
}

.service:hover {
	transform: translateY(-10px);
}

.service-icon {
	font-size: 40px;
	color: #f5a8c7;
	margin-bottom: 20px;
}

.service h3 {
	font-family: 'Fredoka', sans-serif;
    font-weight: medium;
	font-size: 22px;
	margin-bottom: 15px;
	color: #5a287d;
}

/* Testimonials Section */
.testimonials {
	padding: 80px 0;
	text-align: center;
}

.testimonials h2 {
	margin-bottom: 10px;
}

.testimonials-container {
	display: flex;
	justify-content: space-around;
	margin-top: 50px;
}

.testimonial {
	flex: 1;
	max-width: 500px;
	padding: 30px;
	margin: 0 15px;
	background-color: white;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	position: relative;
}

.testimonial:before {
	content: """;
	position: absolute;
	top: 10px;
	left: 20px;
	font-size: 80px;
	color: #f5a8c7;
	opacity: 0.2;
	font-family: serif;
}

.testimonial-text {
	font-style: italic;
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
}

.client-name {
	font-family: 'Fredoka', sans-serif;
    font-weight: medium;
	color: #5a287d;
}

/* Trust Section */
.trust {
	padding: 60px 0;
	text-align: center;
}

.trust-badges {
	margin: 40px 0;
}

.badge {
	margin: 0 20px;
	opacity: 0.7;
	transition: opacity 0.3s;
}

.badge:hover {
	opacity: 1;
}

/***FAQs***/
.wp-block-yoast-faq-block {
  max-width: 800px;
  margin: 0 auto;
}

.schema-faq-section {
  background-color: #ffffff;
  padding: 2rem;
  margin-bottom: 2rem;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.07);
  transition: box-shadow 0.3s ease;
}

.schema-faq-section:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.schema-faq-question {
  font-size: 28px;
  font-weight: 600;
  color: #5a287d;
  margin: 0 0 1rem 0;
  display: block;
  line-height: 1.4;
  font-family: 'Fredoka', sans-serif;
}

.schema-faq-answer {
  margin: 0;
  font-size: 17px;
  line-height: 1.8;
  color: #454545;
}

.schema-faq-answer a {
  color: #5a287d;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-bottom 0.3s ease;
}

.schema-faq-answer a:hover {
  border-bottom: 2px solid #5a287d;
}

/***Call to Action***/

.cta-section {
    text-align: center;
    padding: 3rem 2rem;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.cta-section h3 {
    color: #2c3e50;
    margin: 0 0 1rem 0;
}

.cta-section p {
    margin-top: 1.5rem;
}

.cta-button {
    display: inline-block;
    background-color: #5a287d;
    color: #fff !important;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 8px;
    margin-top: 10px;
    font-weight: 600;
    transition: background-color 0.3s, transform 0.3s !important;
}

.cta-button:hover {
    background-color: #4c2168;
    text-decoration: none;
    transform: translateY(-2px);
}

/* Footer */
.site-footer {
	background-color: #5a287d;
	color: white !important;
	padding: 40px 0;
	text-align: center;
}
.footer-widgets .wp-block-heading {
  color: white;
}
.footer-widgets .footer-column {
		padding-top: 30px;
		color: white;
		text-align: left;
}

.footer-widgets .footer-column a {
		color: white;
}

#menu-footer-navigation li {
    padding-bottom: 2px;
}

/***Service Area***/
.widget-services {
    list-style: none;
    box-sizing: border-box;
    clear: both;
    margin: 0;
    padding: 0;
}
.widget-services li {
    position: relative;
    display: inline-block;
    padding: 5px 0 !important;
    margin: 0;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
}
.widget-services > li:after {
    content: ',';
	margin-right: 5px;
}
.widget-services > li:last-child:after {
    content: ' ';
}
.widget-services li a{
	text-decoration:none;
}
.widget-services li:hover a{
	color:#ffffff;
}
.widget-services ul{
	position:absolute;
	width: 360px ;
	background: #1f2760;
    padding: 10px;
	top:-50px;
	left:65%;
	display:none;
	z-index:999;
	color:#ffffff;
	margin:0;
    box-shadow: 1px 1px 10px 0px #1c1c1c91;
}
.widget-services ul li {
	display:inline-block;
	width:50% ;
	padding:3px 10px;
}
.widget-services li:hover ul{display:block;}
.widget-services ul li:nth-child(odd){float:left; box-sizing:border-box;}
.widget-services ul li:nth-child(even){float:right; box-sizing:border-box;}
.widget-services li.north-ca ul {
    top: -80px;
}
.widget-services li, .widget-services li a, 
.widget-services p, .textwidget p, .textwidget p address {
	color:#ffffff;
}
.widget-services li ul li {color: #ffffff;}

.footer-bottom {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.footer-navigation {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}

.footer-navigation a {
	color: white !important;
	margin: 0 15px;
	text-decoration: none;
}

.footer-navigation a:hover {
	text-decoration: underline;
}

.site-info {
	font-size: 14px;
	opacity: 0.9;
}
.postpartum-nanny-video {
    width: 45%;
    margin: 0 auto;
}
.pc-only {
  display: block;
}
.mobile-only {
  display: none;
}
@media only screen and (max-width: 787px) {
	.mobile-only {
    display: block;
  }
	.pc-only {
    display: none;
  }
		.postpartum-nanny {
			width: 100%;
			max-width: 100%;
	 }
  .mobile-header .container {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.mobile-navigation {
		width: 68%;
		background: transparent;
		text-align: right;
	}

	.button-toggle, .button-toggle:hover, .button-toggle:active, .button-toggle:focus {
		color: #5a287d !important;
		text-align: right;
	}

	.drawer-wrap {
		position: absolute;
		z-index: 999;
		left: 0;
		right: 0;
	}
}