.jost-extrabold {
  font-family: "Jost", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}
.jost-bold {
  font-family: "Jost", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
h1 {
    font-family: "Jost", serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
	font-size: 7.5vw;
	line-height:1.2;
	margin-bottom:0;
}
h3 {
    font-family: "Jost", serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
	font-size:3.5vw;
	line-height:1.2;
	margin-bottom:0;
}
.hs-richtext {
	display:none;
}
.newsletterBox, 
footer,
.homefinder-container {
	display:none;
}
.contentBlock, 
.mce-content-body,
.mce-content-body p,
.mce-content-body td,
.mce-content-body div{
	font-size:2.3vw;
	line-height:1.35;
	font-family: graphie, sans-serif;
	font-weight: 500;
	color:#45205E;
}
.magnify-text-2 {
	font-size:130%;
}
.bg-purple {
	background-color:#514491;	
	color:#fff;
}
.bg-pink {
	background-color:#EE7E91;	
	color:#fff;
}
.bg-hotpink {
	background-color:#E4504F;	
	color:#fff;
}								
.highlight {
	font-family:AutoGuard;
	font-size:135%;
	line-height:1.2;
}
.highlight.magnify-text-1p5 {
	font-size:182%;
}
.contentBlock {
	padding: 3vw 0 3vw 0
}
.contentBlock.t1 .content {
	width:100%;
}
.svg-wrapper {
	display:inline-block !important;
}
.contentBlock .button, 
.contentBlock[class*="bg-"]:not([class*="bg-lightgray"]) .button,
.contentBlock .hs-button,
.mce-content-body .button {
	font-family:inherit;
	font-size:1.8vw;
	font-weight:bold;
	background-color:#27BCBD;
	border-color:#27BCBD;
	text-transform:uppercase;
    border-radius: 10vw;
    padding: 1.8vw 2vw;
	width:max-content;
}
sup {
	font-size:50%;
}
.contentBlock .hs-button {
	background-color:#ED4671;
	border-color:#ED4671;
	width:100%;
}
.button:hover, .hs-button:hover, .button:hover a, .button:active, .hs-button:active {
	background-color:#45205E;
	border-color:#45205E;
}
.contentBlock[class*="bg-"]:not([class*="bg-lightgray"]) .button:hover {
	background-color:#fff;
	border-color:#fff;
	color:#27BCBD;
}
b,strong {
	font-weight:bold;
}
.contentBlock.t58 .img-wrapper {
    position: absolute;
    width: 32vw;
    top: 0;
    right: -5vw;
    z-index: 20;
}
.contentBlock.t58 .wrapper > .icon-wrapper {
    position: absolute;
    left: 13vw;
    width: 7vw;
    bottom: 3vw;
}
.contentBlock.t58 .content-wrapper .content {
	width: 45vw;
	margin: 0px auto;
	padding-bottom:3vw;
}
.contentBlock.t58 .content-wrapper .content .svg-wrapper {
	max-width:40vw;
}
.contentBlock.t58 .content-wrapper > .button {
	position:absolute;
	z-index:30;
	left: 50%;
    bottom: -3vw;
    transform: translateX(-50%);
    font-size: 3.5vw;
	font-weight:800;
	display:flex;
	justify-content:center;
	align-items:center;
	transform-origin:center;
	transition:transform 300ms ease;
}
.contentBlock.t58 .content-wrapper > .button::after {
	content:'';
	display:block;
	background-image:url('/apps/landingpages/toddler-fair/arrow-right.svg');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	width:2.5vw;
	height:2vw;
	margin-left:10px;
}
.contentBlock.t58 .content-wrapper > .button:hover,
.contentBlock.t58 .content-wrapper > .button:active {
	transform:translateX(-50%) scale(1.05);
}
.contentBlock.t58 .content-wrapper > .button:hover::after {
	filter:invert(.6) sepia(0.8) brightness(1.4) hue-rotate(136deg) saturate(200%);
}
.contentBlock.t59 .ribbon {
	position:absolute;
	z-index:5;
    width: 100vw;
	clip-path: inset(0 0 0 100%);
	transition:all 3s ease;
}
.contentBlock.t59 .ribbon.in-view {
	clip-path: inset(0 0 0 0);
}
.contentBlock.t59 .ribbon.top-item {
    top: -10vw;
    left: -71vw;
}
.contentBlock.t59 .ribbon.bottom-item {
    bottom: -8vw;
    right: -73vw;
}
.contentBlock.t59 .wrapper {
	overflow-x:hidden;
}
.contentBlock.t59 .main-photo {
	text-align:center;
	position:relative;
	z-index:20;
	pointer-events:none;
}
.contentBlock.t59 .main-photo svg .confetti {
	opacity:0;
	transition:3s ease 2s;	
}
.contentBlock.t59 .main-photo.in-view svg .confetti {
	opacity:1;
}
.contentBlock.t59 .main-photo svg,
.contentBlock.t59 .main-photo img {
	width:70%;
	margin:0px auto;
}
.contentBlock.t59 .wrapper .item {
	position:absolute;
	z-index:10;
	width:38vw;
}
.contentBlock.t59 .wrapper .item:hover {
	animation: wobble 1s ease-in-out forwards;
}
.contentBlock.t59 .wrapper .item.number-1 {
	top: -8vw;
    right: -6.5vw;
}
.contentBlock.t59 .wrapper .item.number-2 {
    bottom: -14vw;
    left: -8vw;
}
.content .in-view .roll-in {
	-webkit-animation: roll-in-left 1.2s ease-out both;
	        animation: roll-in-left 1.2s ease-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-1-29 16:14:28
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation wobble-hor-bottom
 * ----------------------------------------
 */
@-webkit-keyframes wobble {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-2vw) rotate(-3deg);
            transform: translateX(-2vw) rotate(-3deg);
  }
  30% {
    -webkit-transform: translateX(1vw) rotate(3deg);
            transform: translateX(1vw) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-1vw) rotate(-1.8deg);
            transform: translateX(-1vw) rotate(-1.8deg);
  }
  60% {
    -webkit-transform: translateX(.6vw) rotate(1.2deg);
            transform: translateX(.6vw) rotate(1.2deg);
  }
  75% {
    -webkit-transform: translateX(-.3vw) rotate(-.6deg);
            transform: translateX(-.3vw) rotate(-.6deg);
  }
}
@keyframes wobble {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-2vw) rotate(-3deg);
            transform: translateX(-2vw) rotate(-3deg);
  }
  30% {
    -webkit-transform: translateX(1vw) rotate(3deg);
            transform: translateX(1vw) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-1vw) rotate(-1.8deg);
            transform: translateX(-1vw) rotate(-1.8deg);
  }
  60% {
    -webkit-transform: translateX(.6vw) rotate(1.2deg);
            transform: translateX(.6vw) rotate(1.2deg);
  }
  75% {
    -webkit-transform: translateX(-.3vw) rotate(-.6deg);
            transform: translateX(-.3vw) rotate(-.6deg);
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2025-1-29 18:30:39
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation roll-in-left
 * ----------------------------------------
 */
@-webkit-keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}
@keyframes roll-in-left {
  0% {
    -webkit-transform: translateX(-800px) rotate(-540deg);
            transform: translateX(-800px) rotate(-540deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    opacity: 1;
  }
}

.contentBlock.t2 .wrapper .content-wrapper,
.contentBlock.t2 .wrapper .img-wrapper {
	width:50%;
}
.contentBlock.t2.layout-full-50 .wrapper .img-wrapper {
	background-color:#FACC34;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.contentBlock.t2.layout-full-50 .wrapper {
    align-items: stretch;
}
.contentBlock.t2.layout-full-50.layout-content-left .wrapper .content-wrapper .content, .contentBlock.t2.layout-full-33.layout-content-left .wrapper .content-wrapper .content {
	padding:5vw 2%;
}
.contentBlock.bg-purple::before {
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-image:url('/apps/landingpages/toddler-fair/purplewave.svg');
	background-size:100% auto;
    padding-top: 11.3vw;
    top: -5.3vw;
}
.contentBlock.bg-purple:nth-child(n+3)::before {
	bottom: -5.3vw;
    top: auto;
    transform: scaleY(-1);
    z-index: 4;
}
.contentBlock.bg-purple:nth-child(n+3) {
	padding-bottom:1vw;
}
.contentBlock.bg-purple:nth-child(n+3) .content {
	z-index:5;
}
.contentBlock.bg-purple:nth-child(n+3) + .contentBlock {
	padding-top:4vw;
}
.contentBlock:last-child {
	padding-bottom:2vw;
}
.contentBlock.t56 {
	padding:0;
}
.contentBlock.t56 .wrapper {
	display:grid;
	flex-wrap:wrap;
	justify-content:space-between;
	grid-template-columns:37% 21% 21% 21%;
}
.contentBlock.t56 .item:first-child {
	grid-row:auto / span 2;
	
    mask-repeat: no-repeat;
    mask-size: 100% auto;
	mask-position:0 -1px;
	position:relative;
	top:1px;
    background-color: inherit;
    mask-image: url('/apps/landingpages/toddler-fair/collage-curve.svg'),linear-gradient(#000 0 0);;
	mask-composite: exclude;
}
.contentBlock.t56 .item {
	position:relative;
}
.contentBlock.t56 .item::before {
	content:'';
	display:block;
	width:100%;
	padding-top:79%;
}
.contentBlock.in-view::before,
.contentBlock.in-view::after {
	transform:translateX(0);
}
fieldset:has(.hs-richtext),
fieldset:has(.hs-jag_form_type) {
	margin:0 !important;
}
.hs-form-field label:not(.hs-error-msg) {
	color:inherit;
}
.contentBlock .hs-input:not([type=file]) {
	background-color:#fff;
	border-radius:7px;
}

@media (min-width: 769px) {
}
@media (max-width: 768px) {
	.contentBlock, 
	.mce-content-body,
	.mce-content-body p,
	.mce-content-body td,
	.mce-content-body div {
		font-size:5vw;
	}
	h3 {
		font-size:5vw;
	}
	.contentBlock.t2, .contentBlock.t2 + .contentBlock.t2.content-ratio, .contentBlock.t3 + .contentBlock.t2.content-ratio, .contentBlock.t11.layout-template-width, .contentBlock.t26 .wrapper, .contentBlock.t1 + .contentBlock.t25, .ContentBlockWrapper .contentBlock {
		margin-top:0;
	}	
	.contentBlock.t58 .content-wrapper > .button {
		display:flex !important;
	}
	.contentBlock.t58 .img-wrapper {
		top: auto;
	    bottom: 2vw;
	    width: 39vw;
	    right: -10vw;
	}
	.contentBlock.t2 .wrapper .content-wrapper, .contentBlock.t2 .wrapper .img-wrapper {
		width:100%;
	}
	.contentBlock.t2.layout-full-50 .wrapper .content-wrapper {
		padding:0;
	}
	.contentBlock.t2.layout-full-50.layout-content-right .wrapper .content-wrapper .content, 
	.contentBlock.t2.layout-full-50.layout-content-left .wrapper .content-wrapper .content, 
	.contentBlock.t2.layout-full-33.layout-content-left .wrapper .content-wrapper .content {
		padding:20px;
	}
	.contentBlock.t2.layout-full-50 .content .svg-wrapper {
		max-width:80%;
	}
	.contentBlock.t58 .wrapper > .icon-wrapper {
		top:18vw;
		bottom:auto;
	}
	.contentBlock.t58 .content-wrapper .content {
		padding:30px 0;
	}
	.contentBlock.t56 .wrapper {
		    grid-template-columns: 50% 50%;
	}
	.contentBlock .button, .contentBlock[class*="bg-"]:not([class*="bg-lightgray"]) .button, .contentBlock .hs-button, .mce-content-body .button {
		font-size:5vw;
		margin:0px auto;
	}
	.content td {
		text-align:center !important;
	}
	.content td table {
		margin:0px auto;
	}
	.contentBlock.t1[class*="bg-"], .contentBlock.t11[class*="bg-"] {
		padding:30px 0;
	}
	.contentBlock.bg-purple:nth-child(n+3) {
		padding-bottom:30px;
	}
	.ContentBlockWrapper .contentBlock:last-child, .contentBlock.t2:last-child {
		margin-bottom:0;
	}
	.magnify-text-2 {
		font-size:100%;
	}
}