/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 20 2024 | 18:08:54 */
/** === Loopdash (ld) styles === **/

/* General / Structure */

@media all and (min-width:992px) {
	.ld-hero-section .wp-block-media-text__content {
		max-width: 730px;
	}
}

/* Hero Section (all bg images have their own container, hence the nesting mess) */

/* Outermost element for bg images - 1 */
.ld-hero-section { 
	background-image:
		url("https://momsfirst.us/wp-content/uploads/2024/08/hero-tagline.png"),
		linear-gradient(135deg, #B2CFDF 0%, #51a766 26%, #51a766 100%);
    background-repeat: no-repeat, no-repeat;
	background-position: left 2rem, left center;
	background-size: 335px auto, cover;
}

/* Depth 1 element for bg images - 2 */
.ld-hero-section > .wp-block-group__inner-container { 
	background-image:
		url("https://momsfirst.us/wp-content/uploads/2024/08/phone-hand-rotated-1.png");
    background-repeat: no-repeat;
	background-position: 90% -1rem;
	background-size: auto 215px;
}

/* Depth 2 element for bg images - 3 */
.bg-imgs-outer-wrap { 
	background-image:
		url("https://momsfirst.us/wp-content/uploads/2024/08/pointing-hand-rotated-1.png");
    background-repeat: no-repeat;
	background-position: right 17.5rem;
	background-size: auto 140px;
}

/* Depth 3 element for bg images - 4 */
.bg-imgs-outer-wrap > .wp-block-group__inner-container { 
	background-image:
		url("https://momsfirst.us/wp-content/uploads/2024/08/fist-rotated-1.png");
    background-repeat: no-repeat;
	background-position: 2rem bottom;
	background-size: auto 155px;
}

/* Depth 4 element for bg images - 5 */
.bg-imgs-outer-wrap > .wp-block-group__inner-container > .wp-block-group { 
	background-image:
		url("https://momsfirst.us/wp-content/uploads/2024/08/writing-hand-rotated-1.png");
    background-repeat: no-repeat;
	background-position: right bottom;
	background-size: auto 160px;
}

@media all and (max-width:600px) {
	
	.ld-hero-section .wp-block-media-text {
		grid-template-columns: unset !important;
	}
}

@media all and (min-width:576px) and (max-width:766.98px) {
	
	.ld-hero-section .wp-block-media-text {
		grid-template-columns: unset !important;
	}
}

@media all and (min-width:576px) {

	/* Outermost element for bg images - 1 */
	.ld-hero-section {
        /* Hero tagline img */
		background-position: left 2rem, left center;
		background-size: 400px auto, cover;
	}

	/* Depth 1 element for bg images - 2 */
	.ld-hero-section > .wp-block-group__inner-container {
        /* Hand holding phone img */
		background-position: 75% -1rem;
		background-size: auto 230px;
	}

	/* Depth 2 element for bg images - 3 */
	.bg-imgs-outer-wrap {
        /* Hand pointing left img */
		background-position: right 15rem;
		background-size: auto 140px;
	}

	/* Depth 3 element for bg images - 4 */
	.bg-imgs-outer-wrap > .wp-block-group__inner-container {
        /* Fist img */
		background-position: 2rem bottom;
		background-size: auto 155px;
	}

	/* Depth 4 element for bg images - 5 */
	.bg-imgs-outer-wrap > .wp-block-group__inner-container > .wp-block-group {
        /* Hand writing img */
		background-position: right bottom;
		background-size: auto 160px;
	}
}

@media all and (min-width:768px) {
	
	.ld-hero-section .wp-block-media-text {
		grid-template-columns: 35% auto !important;
	}

	/* Outermost element for bg images - 1 */
	.ld-hero-section {
        /* Hero tagline img - overwritten here to adjust the gradient */
		background-image:
			url("https://momsfirst.us/wp-content/uploads/2024/08/hero-tagline.png"),
			linear-gradient(90deg, #B2CFDF 0%, #51a766 26%, #51a766 100%);
		background-position: left center, left center;
		background-size: 350px auto, cover;
	}

	/* Depth 1 element for bg images - 2 */
	.ld-hero-section > .wp-block-group__inner-container {
        /* Hand holding phone img */
		background-position: 29% -1rem;
		background-size: auto 200px;
	}

	/* Depth 2 element for bg images - 3 */
	.bg-imgs-outer-wrap {
        /* Hand pointing left img */
		background-position: right -1rem;
		background-size: auto 140px;
	}

	/* Depth 3 element for bg images - 4 */
	.bg-imgs-outer-wrap > .wp-block-group__inner-container {
        /* Fist img */
		background-position: 30% bottom;
		background-size: auto 155px;
	}

	/* Depth 4 element for bg images - 5 */
	.bg-imgs-outer-wrap > .wp-block-group__inner-container > .wp-block-group {
        /* Hand writing img */
		background-position: right bottom;
		background-size: auto 160px;
	}
}

@media all and (min-width:768px) and (max-width:991.98px) {

	.ld-hero-section .wp-block-media-text {
		grid-template-columns: 40% auto !important;
	}
}

@media all and (min-width:1200px) {
	
	.ld-hero-section .wp-block-media-text {
		grid-template-columns: 46% auto !important;
	}

	/* Outermost element for bg images - 1 */
	.ld-hero-section {
        /* Hero tagline img */
		background-position: left center, left center;
		background-size: 460px auto, cover;
	}

	/* Depth 1 element for bg images - 2 */
	.ld-hero-section > .wp-block-group__inner-container {
        /* Hand holding phone img */
		background-position: 38% -1rem;
		background-size: auto 345px;
	}

	/* Depth 2 element for bg images - 3 */
	.bg-imgs-outer-wrap {
        /* Hand pointing left img */
		background-position: right -1rem;
		background-size: auto 195px;
	}

	/* Depth 3 element for bg images - 4 */
	.bg-imgs-outer-wrap > .wp-block-group__inner-container {
        /* Fist img */
		background-position: 39% bottom;
		background-size: auto 215px;
	}

	/* Depth 4 element for bg images - 5 */
	.bg-imgs-outer-wrap > .wp-block-group__inner-container > .wp-block-group {
        /* Hand writing img */
		background-position: right bottom;
		background-size: auto 230px;
	}
}

.ld-hero-section .ld-hero-section-inner {
	padding-bottom: 11rem;
	padding-top: 24rem;
}

@media all and (min-width:576px) {
	.ld-hero-section .ld-hero-section-inner {
		padding-top: 30rem;
	}
}

@media all and (min-width:768px) {
	.ld-hero-section .ld-hero-section-inner {
		padding-bottom: 6rem;
		padding-top: 6rem;
	}
}

@media all and (min-width:1040px) {
	.ld-hero-section .ld-hero-section-inner {
		padding-bottom: 7rem;
		padding-top: 7rem;
	}
}

@media all and (min-width:1200px) {
	.ld-hero-section .ld-hero-section-inner {
		padding-bottom: 9.5rem;
		padding-top: 9.5rem;
	}
}

@media all and (min-width:1400px) {
	.ld-hero-section .ld-hero-section-inner {
		padding-bottom: 11rem;
		padding-top: 11rem;
	}
}

/* Other Sections */
@media all and (min-width:1200px) {
	.ld-take-action-section h3 {
		margin-left: auto;
		margin-right: auto;
		width: 93%;
	}
}

.ld-take-action-section .column-content-height {
	margin-bottom: 1.5rem;
}

@media all and (min-width:992px) {
	.ld-take-action-section .column-content-height {
		min-height: 225px;
	}
}

@media all and (min-width:1200px) {
	.ld-take-action-section .column-content-height {
		min-height: 200px;
	}
}

.ld-take-action-section .btn {
	max-width: 315px;
	width: 100%;
}

.ld-styles[class*="split-section-"] .media-col img {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.ld-styles.split-section-one .media-col img {
	max-width: 420px;
}

.ld-styles.split-section-two .media-col img {
	max-width: 250px;
}

@media all and (max-width:575.98px) {
	.ld-styles.split-section-one .media-col img,
	.ld-styles.split-section-two .media-col img {
		max-width: 240px;
	}
}

.ld-styles.split-section-three {
	background-image:
		url("https://momsfirst.us/wp-content/uploads/2024/08/pointing-hand-left.png");
    background-repeat: no-repeat;
    background-position: right 6rem;
    background-size: 250px auto;
}

.ld-styles.split-section-three .btn {
	max-width: 315px;
    width: 100%;
}

@media all and (min-width:768px) and (max-width:991.98px) {
	.ld-styles.split-section-three {
		background-size: 350px auto;
	}
}

@media all and (min-width:992px) and (max-width:1199.98px) {
	.ld-styles.split-section-three {
		background-size: 450px auto;
	}
}

@media all and (min-width:1200px) {
	.ld-styles.split-section-three {
		background-size: 650px auto;
	}
}

@media all and (max-width:575.98px) {
	section[class*="split-section-"] .content-col {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	section[class*="split-section-"] .media-col img {
		
	}
}

/* Markup & Formatting */
section[class*="split-section-"] .content-col h3 {
	font-size: 30px;
}

section[class*="split-section-"] .content-col p {
	font-size: 22px;
}

section[class*="split-section-"] .has-white-color a {
	color: #fff;
}

section[class*="split-section-"] .content-col p + .wp-bootstrap-blocks-button {
	margin-top: 2rem;
}

/* Buttons */
.ld-styles .btn.btn-primary,
.ld-styles .btn.btn-secondary {
	background-color: #FFD9D1 !important;
	border: none !important;
	box-shadow: 5px 5px #FF826D;
	color: #000 !important;
	font-weight: normal !important;
	line-height: 1.3;
	padding: 1rem 2rem;
	position: relative;
    transition: transform 0.2s ease-in-out;
}

.ld-styles .btn:active,
.ld-styles .btn:focus,
.ld-styles .btn:hover {
	box-shadow: 6px 7px #FF826D;
}

.ld-styles .btn.btn-secondary {
	background-color: #B2CFDF !important;
	box-shadow: 5px 5px #000;
}

.ld-styles .btn.btn-secondary.green-btn {
	background-color: #51A766 !important;
	color: #fff !important;
}

.ld-styles .btn.btn-secondary:active,
.ld-styles .btn.btn-secondary:focus,
.ld-styles .btn.btn-secondary:hover {
	box-shadow: 6px 7px #000;
}