/*
Theme Name: SunnySteps-Child
Theme URI:
Version: 4.27.4
Description: SunnySteps-Child Theme.
Author: TOVO, Inc.
Author URI: https://tovodesign.com
Template: SunnySteps
*/

@import url("/wp-content/themes/SunnySteps/style.css");


/*Font Family*/
blockquote, .nf-field-label, .et_pb_testimonial_description_inner, .et_pb_testimonial_author {font-family: 'Overlock', display;}

.et_pb_section_first .et_pb_post_title h1, .field-wrap input[type=submit] {font-family: 'Autour One', display;}

.ftr-cta-container h2::before, #menu-top-cta-buttons .consult a::before, #menu-top-cta-buttons .payors a::before {font-family: 'ETmodules';}

/*Font Size*/
.field-wrap input[type=submit] {font-size:15px;}
.ftr-cta-container .textwidget p {font-size:16px;}
#top-header .et-social-icon a:before {font-size:16px !important;}
.hero .et_pb_section_first .et_pb_post_title h1 {font-size:17px;}
.et_pb_testimonial_author {font-size:18px;}
.ftr-cta-container h2, .et_pb_testimonial_description_inner {font-size:24px;}
#menu-top-cta-buttons a::before {font-size:28px}
blockquote {font-size:30px;}
.home .et_pb_section_first .et_pb_text h1, .hero .et_pb_section_first .et_pb_text h2 {font-size:62px;}
.ftr-cta-container h2::before {font-size:72px;}

/*Line Height*/
.home .et_pb_section_first .et_pb_text h1, .hero .et_pb_section_first .et_pb_text h2 {line-height:1.0em;}
blockquote {line-height:1.5em;}

/*Letter Spacing*/
.hero .et_pb_section_first .et_pb_post_title h1 {letter-spacing: 0.1em;}

/*Text-transform*/
.hero .et_pb_section_first .et_pb_post_title h1 {text-transform:uppercase;}

/*Font Color*/
/*White*/
.ftr-cta-container h2 {color:#fff;}
/*Lite Orange*/
.footer-widget .et_pb_widget span {color:#fbb042;}
/*Green*/
.et_pb_testimonial_author, .et_pb_testimonial:before, .ssp-steps .et_pb_blurb h4 {color:#30ba6e;}

/*Display*/
#et-info-phone:before, #footer-widgets .footer-widget li:before, .nf-before-form-content {display:none;}
.mobile-only {display:none !important;}

/*Misc*/
.et-social-facebook a.icon:before {content: "\e0c1";}
.et_pb_section:last-of-type {padding-bottom:12%;}
.et-social-icons li {margin-left:5px !important;}
.hero .et_pb_section_first::after {content: ''; position: absolute; bottom:-1px; left: 0; width: 100%; height: 72px; background: url(https://sunnystepspeds.com/wp-content/uploads/2025/07/hero-curve-child-btm.png) no-repeat; background-size: cover; z-index: 1; pointer-events: none;}
.home .et_pb_section_first::after {content: ''; position: absolute; bottom:-1px; left: 0;
    width: 100%; height: 79px; background: url(https://sunnystepspeds.com/wp-content/uploads/2025/07/hero-curve-btm1.png) no-repeat; background-size: cover; z-index: 1; pointer-events: none;}

blockquote {border:0; padding:0;}
.org-borders {position: relative; display: inline-block; margin:30px 0 50px;}
.org-borders::before, .org-borders::after {content: ''; position: absolute; left: 0; width: 100%; height: 7px; background-size: 100% 100%; background-repeat: no-repeat;}
.org-borders::before {background-image: url('https://sunnystepspeds.com/wp-content/uploads/2025/07/blockquote-top.png'); top:-20px;}
.org-borders::after {background-image: url('https://sunnystepspeds.com/wp-content/uploads/2025/07/blockquote-btm.png'); bottom:-20px;}

.underline1 {position: relative; display: inline-block;}
.underline1::after {content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 11px; background-image: url('https://sunnystepspeds.com/wp-content/uploads/2025/07/hero-title-underline.png'); background-size:auto; background-repeat: no-repeat;}


hr {border: 0; background-color: #c8e8ee; height: 2px;}

/*Buttons*/
.et_pb_button {padding:15px 30px 11px;}
.et_pb_button:hover {padding:15px 50px 11px 30px !important;}

.field-wrap input[type=submit] {border:none; background-color:#30ba6e; color:#fff; height:auto !important;}
.field-wrap input[type=submit], .field-wrap input[type=submit]:hover {border-radius:10px; padding:15px 40px 12px 40px !important; cursor:pointer;}
.field-wrap input[type=submit]:hover {background-color:#0b3f5c;}

/*Header*/
#page-container {position:relative; overflow:hidden;}
#top-header #et-info {float:right;}
#et-top-navigation {float:left; transition: none !important; transition:none !important;}

#et-top-navigation #top-menu-nav {margin-left:40px;}
.et-fixed-header #logo { content:url("https://sunnystepspeds.com/wp-content/uploads/2025/07/Sunny-Steps-Pediatrics-Half-Sun.png");}
et-fixed-header #logo { transition: all 0.8s ease-in-out;}
.sub-menu {border: 0 !important; top: 30px; border-radius: 10px;}
.sub-menu li a {line-height:1.5em;}
.et-fixed-header#main-header {box-shadow: 1px -1px 42px 0px rgba(0,0,0,0.11) !important;
-webkit-box-shadow: 1px -1px 42px 0px rgba(0,0,0,0.11) !important;
-moz-box-shadow: 1px -1px 42px 0px rgba(0,0,0,0.11) !important;}
	
	/*Top CTA Btns*/
.top-cta-btns-custom {position:absolute; right:0; top:11px;} 
#menu-top-cta-buttons a { background-color: #25bb6b; color: #fff; padding: 15px 20px 12px 15px; display: block; border-radius: 5px 0 0 5px; margin-bottom: 7px; font-size: 14px; font-weight: 600; transform: translateX(0); transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 0.5);}
#menu-top-cta-buttons a.slid-out {transform: translateX(82%);}
#menu-top-cta-buttons a:hover {transform: translateX(0);}

#menu-top-cta-buttons .consult a {background-color:#f27f0c;}
#menu-top-cta-buttons a::before {display:inline-block; vertical-align:middle; padding-right:15px;}
#menu-top-cta-buttons .payors a::before {content:'\e0d9';}

	/*Top Header*/
#top-header #et-info-email {font-size:0;}
#et-info-email:before {content:"\e010"; font-size: 18px; top: 2px; position: relative;}
#et-info-phone, #et-info-email {top: -1px;}

/*Footer*/
#main-footer {position:relative;}
#main-footer::before {content: ''; position: absolute; top: -66px; left: 0;
    width: 100%; height: 66px; background: url(https://sunnystepspeds.com/wp-content/uploads/2025/07/ftr-wave1.png) no-repeat; background-size: cover; z-index: 1; pointer-events: none;}
#footer-widgets {padding:0;}
#footer-widgets .footer-widget li {padding-left:0;}
#footer-widgets .footer-widget:nth-child(1) {padding-right:5%;}
#footer-widgets .footer-widget:nth-child(1) .et_pb_widget:first-of-type {margin-bottom:0;}
#footer-widgets .footer-widget:nth-child(2) .et_pb_widget {padding-right:8%;}
#footer-widgets .footer-widget:nth-child(2) .et_pb_widget:last-of-type {padding-right:0;}

	/*Ftr CTA*/
a.ftr-cta-link {position: relative; top: -125px;}
.ftr-cta-container { width: 886px;
    position: relative;
    margin: auto;
    color: #fff;
    background: #f68605;
    padding: 40px 40px 30px;
    border-radius: 20px;
    z-index: 1;
	  display: flex;
    flex-direction: row;
	align-items: center;
	box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.3);
	transition: transform 0.3s ease;
	cursor:pointer;
}
.ftr-cta-container h2 {padding:0 0 0 86px; flex-basis: 13em; flex-grow: 0; flex-shrink: 0; position:relative;}
.ftr-cta-container h2::before,
#menu-top-cta-buttons .consult a::before {content:'\e066';}
.ftr-cta-container h2::before {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.ftr-cta-container h2::after {content: url("https://sunnystepspeds.com/wp-content/uploads/2025/07/ssp-ftr-cta-divide.png"); position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
.ftr-cta-container .textwidget p::after {content: url("https://sunnystepspeds.com/wp-content/uploads/2025/07/ssp-organic-arrow-wht1.png"); position:relative; top:3px; margin-left:5px;     transition: all 300ms ease 0ms;}
.ftr-cta-container:hover { transform: scale(1.02); }
.ftr-cta-container:hover .textwidget p::after {margin-left:10px;}

	/*Footer Bottom*/
#footer-bottom .container {border-top:2px solid rgb(255 255 255 / 10%); padding-top:10px;}
.bottom-nav {float: left; padding: 0; line-height: 2.1em;}
.bottom-nav li {padding:0 0 0 5px}
.bottom-nav li::before {content:"|"; position:relative; top:0px; padding-right:5px; color: rgb(255 255 255 / 20%);}

/*Home*/
.ssp-steps .et_pb_column {overflow:visible;}
.ssp-steps .et_pb_blurb .et_pb_module_header, .ssp-steps .et_pb_blurb .et_pb_module_header span {text-align:center; position:relative; font-size:20px; color:#fff;}
.ssp-steps .et_pb_blurb .et_pb_module_header {top:-54px;}
.ssp-steps .et_pb_blurb .et_pb_module_header span {z-index:1;}
.ssp-steps .et_pb_blurb .et_pb_module_header::after {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.ssp-steps .et_pb_column:nth-child(1) .et_pb_blurb .et_pb_module_header::after {content: url("https://sunnystepspeds.com/wp-content/uploads/2025/07/org-lite-blue-circle.png");}
.ssp-steps .et_pb_column:nth-child(2) .et_pb_blurb .et_pb_module_header::after {content: url("https://sunnystepspeds.com/wp-content/uploads/2025/07/org-orange-circle.png"); top: 27%;}
.ssp-steps .et_pb_column:nth-child(3) .et_pb_blurb .et_pb_module_header::after {content: url("https://sunnystepspeds.com/wp-content/uploads/2025/07/org-dark-blue-circle.png"); top: 35%;}

/*Child*/
	/*No Hero*/
#main-content.no-hero .container:first-child {padding-top:250px;}
#main-content.no-hero .et_pb_section_0 {padding-top:0 !important;}
.no-hero .main_title {position:relative; display: flex; align-items: center;}
.no-hero .main_title::after { content:''; flex: 1; height: 2px; background-color: #c8e8ee; margin-left: 1rem; margin-top:10px;}
	/*Hero*/
.hero .et_pb_section_first .et_pb_post_title {margin-bottom:0 !important;}
.hero .et_pb_section_first {padding:3% 0 14%;}
.hero .et_pb_section_first, .home .et_pb_section_first {z-index:0;}
.hero .et_pb_section_first:before, .home .et_pb_section_first:before {content:''; position:absolute; width:100%; height:100%; top:0; left:0; background: #ffffff; background: linear-gradient(0deg,rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.2) 100%); z-index:1;}
.hero .et_pb_section_1 {padding-top:2%;}

.hero .et_pb_section_first .et_pb_post_title h1 {position: relative; display: inline-block;}
.hero .et_pb_section_first .et_pb_post_title h1::after {content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 11px; background-image: url('https://sunnystepspeds.com/wp-content/uploads/2025/07/hero-title-underline.png'); background-size: 100% 100%; background-repeat: no-repeat;}
	/*Contact*/
.nf-field-label {margin-bottom:0 !important;}
.nf-form-content input, .nf-form-content textarea, .nf-form-content select {border:4px solid #d6ecf1;}
.nf-form-content input, .nf-form-content select {height:60px !important;}
.two-col {display:inline-block; width:47.888%; margin-right:3%;}
.last {margin-right:0;}
	/*Testimonials*/
.et_pb_testimonial {background-color:#fff !important; border-radius:10px; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.15); padding:40px; flex: 1 1 calc(33.333% - 40px); margin: 20px;}
.et_pb_testimonial_description_inner {font-style:italic;}
.et_pb_testimonial_author {font-weight:900;}
.et_pb_testimonial_author:before {content:"-"; padding-right:3px;}
.et_pb_testimonial:before {content:"\201C"; background:transparent; font-size:120px; left:5px; top:-40px;}
.et_pb_testimonial:last-child {margin-bottom:2.75% !important;}
	/*FAQ's*/
.faqs hr, .no-hero.fine-print hr {margin:30px 0 40px;}

.no-hero.fine-print .et_pb_row, #main-content.no-hero.fine-print .container:first-child {width:50%;}

/**------Mobile------**/
@media only screen and (max-width:1350px) {
.top-cta-btns-custom {top:75px;} 
}

@media only screen and (max-width:980px) {
	#main-header {background-color:transparent !important;}
	#et-top-navigation {float:right; padding-top:5px !important;}
	.logo_container {top:-15px;}
	#top-header #et-info {width: 100%; text-align: right;}
	#logo {max-height:100px;}
	.container.et_menu_container {width:100%; padding-left:5%;}
	#top-header .container {width:90%;}
	.mobile_menu_bar:before {font-size: 52px; color:#0b3f5c;}
	#et-info-phone, #et-info-email {font-size:12px;}
	.et_mobile_menu {border:0; top: 50px;}
	.et_mobile_menu::before {content: ""; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; top: -10px; right: 16px; z-index: 9999;}
	.mobile_menu_bar::before {transition: all 0.4s ease-in-out;}
	.mobile_nav.opened .mobile_menu_bar::before {content: '\4d';}
	.mobile-only {display:list-item !important;}
	
	.top-cta-btns-custom {right: 0; top:60px;}
	#menu-top-cta-buttons a {margin-bottom: 5px; font-size: 12px;}
	#menu-top-cta-buttons a::before { font-size: 24px;}
	
	.ftr-cta-container {width:80%;}
	#main-footer a + div.container {margin-top:-75px;}
	.bottom-nav {float: none; padding-bottom:15px;}
	.bottom-nav li:first-child {padding:0;}
	.bottom-nav li:first-child::before {display:none;}
	#footer-info {padding-bottom:0;}
	.et_pb_section:last-of-type {padding-bottom:20%;}
	
	.no-hero.fine-print .et_pb_row, #main-content.no-hero.fine-print .container:first-child {width:80%;}
	
	.home .et_pb_section_first .et_pb_text h1, .hero .et_pb_section_first .et_pb_text h2 {font-size:48px;}
	.home .et_pb_section_0 {padding-top:140px !important;}
	.home .et_pb_section_0 .et_pb_text_1 {margin-bottom:15px;}
	.hero .et_pb_section_first .et_pb_post_title h1 {font-size: 14px;}
	.hero .et_pb_section_0 .et_pb_column_0, .home .et_pb_section_0 .et_pb_column_0 {width:70% !important;}
	
	.et_pb_button {padding: 12px 20px 10px; font-size:13px !important;}
	.et_pb_button:hover {padding:12px 35px 10px 20px !important;}
	
	.et_pb_text_align_center-phone ul {list-style-type:none; padding:0 0 23px 0;}
}

@media only screen and (max-width: 767px) {
	#logo {max-height:120%; max-width:inherit !important;}
	.logo_container {top: -19px;}
	.home .et_pb_section_first .et_pb_text h1, .hero .et_pb_section_first .et_pb_text h2 {font-size:36px;}
	#footer-widgets .footer-widget:nth-child(1) {padding-right:0;}
	#footer-widgets .footer-widget .widget_media_image {margin-bottom:0 !important;}
	.et_pb_section:last-of-type {padding-bottom:35%;}
}
@media only screen and (max-width:620px) {
	.ftr-cta-container {flex-wrap: wrap; justify-content: center; padding-top:30px; text-align: center;}
	.ftr-cta-container h2 {padding:0; flex-basis:fit-content; padding-bottom:15px;}
	.ftr-cta-container h2::before {position: relative; left: inherit; top: 10px; font-size: 48px; padding-right: 8px;}
	.ftr-cta-container h2::after {transform: translate(-50%, -50%) rotate(90deg); right:inherit; left:50%; top:88%;}
	.underline1::after {background-size: 100% 100%;}
	.home .et_pb_section_0 .et_pb_column_0 {width:80% !important;}
}
@media only screen and (max-width:500px) {
	#top-header .container {width: 94%;}
	.two-col {display:block; width:100%; margin-right:0;}
	.ftr-cta-container h2::before {left: inherit; top: inherit; padding-right: 0; display: block;}
	.ftr-cta-container {padding-top: 50px;}
	.hero .et_pb_section_first {background-position-x:65%;}

}
@media only screen and (max-width:479px) {
	.top-cta-btns-custom {right: -1.5%;}
}
@media only screen and (max-width:360px) {
	
}