/**
 * Theme Name:     One Page Express Child New
 * Author:         Benjibabs
 * Template:       one-page-express
 * Text Domain:	   one-page-express-child-New
 * Description:    One Page Express is a beautiful WordPress Theme that can be used to create a one page website in minutes by drag and drop. In comes with a predesigned home page and over 30 ready to use content sections that you can easily customize. It also has lots of customization options (video background, slideshow background, header content types, etc) that will help you create a beautiful, unique one page website in no time. One Page Express is responsive so it works on mobile devices out of the box. DEMO: https://onepageexpress.com/
 */


/* Contact us section CSS    */

/*div#contact-4.contact-section-formsection.white-text.contact-section {
        color: #ffffff; 
}*/
.contact-section-formsection:before {
	background-image: url("http://nurseryrhymeacademy.com/wp-content/uploads/2024/01/students-3518726_1920-1.jpg"); 
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: scroll; 
}

#post-347 form {
	width: 360px;
}
.contact-formcol {
        text-align: left;
}

.wpcf7 label {
        color: #3f2f0a;
        font-weight: 500;
        font-size: 16px;
        font-family: "Source Sans Pro";
}
.wpcf7-form input[type=text] {
        -webkit-appearance: none;
        background: #fafafa;
        border: 1px solid #DDDDDD;
        border-radius: 0;
        box-shadow: none;
        color: #555555;
        height: 45px;
        line-height: 1.428571429;
        margin-top: 10px;
        outline: none;
        padding: 11px 12px;
        transition: all ease-in-out .15s;
        vertical-align: middle;
        width: 100%;
}


.wpcf7-form-control.wpcf7-submit.has-spinner {
        background-color: #03a9f4;
        color: #fff;
        border: 3px solid #fff;
	border-radius: 4px;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
	background-color: #03a9f4;
	color: #fff;
	border: 3px solid #fff;
	border-radius: 8px;
	padding: 10px 30px;
}
.contact-textcol.dynamic-color h2 {
        color: #3f2f0a;
	font-weight: 500;
}

.white-text p {
	    color: #3f2f0a;
	     font-weight: 500;
    }


/* Welcome video section - full width, sits above the "Why choose us?" section */
.ope-child-video-section {
	width: 100%;
	line-height: 0;
	background-color: #000000;
}

.ope-child-video-section__player {
	display: block;
	width: 100%;
	height: auto;
	max-height: 720px;
	object-fit: cover;
}

/* Enrollment / conversion section - sits below the overlapable icon-box row */
.ope-child-enrollment-section {
	padding: 40px 0;
}

.ope-child-enrollment-inner {
	max-width: 960px;
}

.ope-child-enrollment-top,
.ope-child-enrollment-bottom {
	max-width: 680px;
	margin: 0 auto;
	text-align: center;
}

.ope-child-enrollment-badges {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-bottom: 14px;
}

.ope-child-badge {
	display: inline-block;
	background: #ffffff;
	border: 1px solid #d9eeea;
	color: #3f2f0a;
	font-weight: 600;
	font-size: 12.5px;
	padding: 5px 13px;
	border-radius: 999px;
}

a.ope-child-badge {
	text-decoration: none;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

a.ope-child-badge:hover,
a.ope-child-badge:focus {
	background: #fff3e0;
	border-color: #e8552c;
	color: #3f2f0a;
	text-decoration: none;
}

.ope-child-enrollment-headline {
	color: #3f2f0a;
	font-size: 26px;
	line-height: 1.3;
	margin: 0 0 14px;
}

.ope-child-enrollment-ribbon {
	display: inline-block;
	background: #e8552c;
	color: #ffffff;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	padding: 8px 22px;
	border-radius: 999px;
	box-shadow: 0 4px 10px rgba(232, 85, 44, 0.35);
}

.ope-child-enrollment-columns {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 24px 0;
	align-items: stretch;
}

.ope-child-enrollment-col {
	flex: 1 1 320px;
	background: #fbfefe;
	border: 1px solid #d9eeea;
	border-radius: 8px;
	padding: 20px 22px;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
}

.ope-child-enrollment-col-offer {
	border-top: 4px solid #e8552c;
}

.ope-child-enrollment-col-reasons {
	border-top: 4px solid #03a9f4;
}

.ope-child-col-group {
	display: flex;
	flex-direction: column;
}

.ope-child-col-group + .ope-child-col-group {
	padding-top: 20px;
	border-top: 1px dashed #d9eeea;
}

.ope-child-enrollment-subhead {
	color: #3f2f0a;
	font-size: 18px;
	margin: 0 0 12px;
}

.ope-child-promo-box {
	background: #e6f5f3;
	border-left: 4px solid #03a9f4;
	color: #3f2f0a;
	font-weight: 700;
	font-size: 14.5px;
	padding: 10px 14px;
	margin: 0 0 14px;
	border-radius: 4px;
}

.ope-child-enrollment-section p {
	color: #3f2f0a;
	font-size: 15px;
	line-height: 1.6;
	margin: 0 0 10px;
}

.ope-child-emphasis {
	font-weight: 700;
	font-size: 15.5px;
	margin: 0 !important;
}

.ope-child-enrollment-section h3 {
	color: #3f2f0a;
	font-size: 18px;
	margin: 0 0 12px;
}

.ope-child-benefits-grid {
	list-style: none;
	display: grid;
	grid-template-columns: 1fr;
	gap: 6px;
	margin: 0 0 4px;
	padding: 0;
}

.ope-child-benefits-grid li {
	background: #e6f5f3;
	border-radius: 5px;
	padding: 8px 10px;
	color: #3f2f0a;
	font-size: 14px;
	line-height: 1.45;
}

.ope-child-enrollment-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
	margin: 18px 0 24px;
}

.ope-child-enrollment-actions-col {
	flex-direction: column;
	align-items: stretch;
	margin: 14px 0 0;
}

.ope-child-enrollment-actions-col .button {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}

.ope-child-enrollment-closing {
	background: #3f2f0a;
	color: #ffffff;
	padding: 18px 20px;
	border-radius: 8px;
}

.ope-child-brand-name {
	color: #ffffff !important;
	font-weight: 700;
	font-size: 18px;
	margin: 0 0 4px !important;
}

.ope-child-tagline {
	color: #f6e6d6 !important;
	font-style: italic;
	font-size: 14px;
	margin: 0 !important;
}

@media (max-width: 767px) {
	.ope-child-enrollment-columns {
		flex-direction: column;
	}

	.ope-child-enrollment-headline {
		font-size: 22px;
	}
}