@import url("https://use.typekit.net/jwf3vqe.css");
:root { --jl-midnight: #385961; --jl-cornlfower: #557AA1; --jl-teal: #7A9F99; --jl-light-teal: #8BAEAA; --jl-punch: #E09174; --jl-latte: #FFF8F2; --jl-olive: #828977; --jl-flamingo: #FFB2C2; --jl-melon: #F4A077; --jl-sky: #E2EBF5; --jl-field: #EAE7D4; --jl-peony: #FDEDE7; }

@use "variables" as *;
body { margin: 0; font-size: 1.125rem; background-color: #fff; color: black; }

#site-header { margin: 20px auto 30px; }

main, .main { margin-left: auto; margin-right: auto; margin-bottom: 100px; }

.container-full { width: 100%; }

.container { max-width: 960px; margin-left: auto; margin-right: auto; }

.container, .container-full { clear: both; }

p { margin-top: 16px; margin-bottom: 16px; }

.row { clear: both; }

.column { float: none; padding-left: 0.5rem; padding-right: 0.5rem; }

@media (min-width: 576px) { .column { float: left; } }

.half { width: 50%; }

@media (min-width: 576px) { .third { width: 33.3333%; } }

@media (min-width: 576px) { .two-thirds { width: 66.6667%; } }

.three-quarters { width: 75%; }

@use "variables" as *;
@font-face { font-family: "Mackinac"; src: url("./fonts/mackinac/P22Mackinac-Book.woff2") format("woff2"); }

@font-face { font-family: "Mackinac"; src: url("./fonts/mackinac/P22Mackinac-BookItalic.woff2") format("woff2"); font-style: italic; }

@font-face { font-family: "Mackinac"; src: url("./fonts/mackinac/P22Mackinac-Bold.woff2") format("woff2"); font-weight: bold; }

@font-face { font-family: "Mackinac"; src: url("./fonts/mackinac/P22Mackinac-BoldItalic.woff2") format("woff2"); font-weight: bold; font-style: italic; }

@font-face { font-family: "Super Mega Fantastic"; src: url("./fonts/super-mega-fantastic/SupaMegaFantastic-Regular.woff2") format("woff2"); }

@font-face { font-family: "Super Mega Fantastic"; src: url("./fonts/super-mega-fantastic/SupaMegaFantasticThin-Regular.woff2") format("woff2"); font-weight: 300; }

body { font-family: classico-urw, Avenir, sans-serif; }

h1 { font-family: Mackinac, sans-serif; font-size: 2.5rem; line-height: 1.2; color: var(--jl-midnight); }

#homepage h2, #homepage h3, footer h2, footer h3 { font-size: .875rem; color: var(--jl-olive); text-transform: uppercase; font-weight: bold; letter-spacing: 1px; margin-bottom: 1.375rem; }

#homepage h3, footer h3 { font-size: 1rem; margin-top: 1rem; }

h3 { font-size: 1.375rem; margin-top: 2rem; }

a { color: var(--jl-midnight); }

a:hover { color: #000; }

blockquote { border-left: 3px solid var(--jl-midnight); padding-left: 1.25rem; clear: both; }

blockquote p, .blockquote { font-size: 1.5rem; font-family: Mackinac, sans-serif; margin-top: 2rem; margin-bottom: 2rem; }

input[type="text"], input[type="email"] { padding-top: 8px; padding-bottom: 8px; font-size: 90%; text-transform: uppercase; }

input, button, .button { outline-color: var(--jl-light-teal); }

.form-control:focus { border-color: var(--jl-light-teal); box-shadow: 0 0 0 2px rgba(55, 68, 67, 0.25); }

.float-left { float: left; }

.float-right { float: right; }

.text-left { text-align: left; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.hide { display: none; }

.nowrap { white-space: nowrap; }

@use "variables" as *;
#site-header { display: flex; justify-content: space-between; padding-left: 45px; padding-right: 45px; }

#site-header > div { margin-left: 10px; }

#site-header nav { text-align: center; display: flex; justify-content: center; margin-top: 36px; text-transform: uppercase; font-size: 0.875rem; }

#site-header nav a { display: block; text-decoration: none; color: var(--jl-punch); font-weight: 500; }

#site-header nav a.button { color: white; font-size: 0.75rem; }

#site-header nav a:hover { text-decoration: underline; }

#site-header nav .button { margin-top: -8px; padding: 8px 40px; }

#site-header nav ul li, #site-header nav ul li a { transition: 0.4s ease-in-out color; }

#site-header nav ul { padding-left: 0; list-style: none; }

#site-header nav > ul { display: flex; flex-wrap: wrap; gap: 25px; }

#site-header.drop-downs nav.main-nav > ul { z-index: 100; }

#site-header.drop-downs nav.main-nav > ul > li { position: relative; }

@media (max-width: 575px) { #site-header.drop-downs nav.main-nav > ul > li { margin-left: 3px; margin-right: 3px; } }

#site-header.drop-downs nav.main-nav .submenu { position: absolute; min-width: 300px; background-color: white; text-align: left; z-index: 1000; margin-left: -10px; border: 1px solid; border-color: rgba(139, 174, 170, 0.25); }

#site-header.drop-downs nav.main-nav .submenu a { color: var(--jl-teal); padding: 10px; }

@media (max-width: 575px) { #site-header.drop-downs nav.main-nav .submenu a { font-size: 0.75rem; } }

#site-header.drop-downs nav.main-nav .submenu { display: none; z-index: 200; }

#site-header.drop-downs nav.main-nav ul li a:hover + .submenu, #site-header.drop-downs nav.main-nav ul li a + .submenu:hover { display: block; }

@use "variables" as *;
footer { background-image: url("../img/home/JL-Latte-Wave-Sm-C.png"); background-size: 480px; background-position: top center; padding: 0; background-repeat: repeat-x; margin-top: -70px; position: relative; z-index: 600; color: var(--jl-midnight); }

footer #jl-medallion-container { text-align: center; position: relative; top: -18px; }

footer h1 { font-family: 'Super Mega Fantastic', cursive; color: var(--jl-teal); font-size: 4rem; text-transform: lowercase; position: relative; z-index: 700; }

footer h2, footer h3, #homepage footer h3 { color: var(--jl-midnight); text-transform: uppercase; }

footer p { text-transform: uppercase; text-align: center; font-size: .75rem; background-color: var(--jl-latte); margin-top: 0; margin-bottom: 0; padding-top: 20px; padding-bottom: 20px; }

footer #footer-content-container { display: flex; justify-content: space-around; flex-wrap: wrap; gap: 30px; background-color: var(--jl-latte); position: relative; z-index: 600; }

footer #footer-content-container aside { text-align: center; }

footer #footer-content-container aside ul { position: relative; margin-top: -30px; }

footer #footer-content-container aside ul > li { display: inline-block; margin-right: 6px; }

footer #footer-content-container aside img { width: 160px; height: 160px; box-shadow: 0 0 3px rgba(127, 127, 127, 0.5); margin-bottom: 10px; object-fit: cover; }

footer #footer-content-container aside img:hover { box-shadow: 0 0 5px rgba(127, 127, 127, 0.75); }

footer nav { margin-top: 50px; font-size: 0.875rem; }

footer nav ul { justify-content: space-evenly; margin-bottom: 0; }

footer nav ul li a { text-decoration: none; text-transform: uppercase; }

footer nav ul li a:hover { text-decoration: underline; }

footer ul { padding-left: 0; list-style: none; }

@use "variables" as *;
.clearfix::after { display: block; clear: both; content: ""; }

.container-fluid { padding-left: 0; padding-right: 0; }

#homepage { color: var(--jl-midnight); margin-bottom: 0; }

#homepage section button, #homepage section .button { font-size: .85rem; }

#homepage section p { font-size: 1.0625rem; }

#bringing-joy-back { min-height: 540px; background-image: url("../img/home/hero-image-fade-4-crop.jpg"); background-repeat: no-repeat; background-size: 730px 445px; background-position-x: right; background-position-y: 60px; }

#bringing-joy-back h1 { width: 50%; }

#bringing-joy-back p { width: 42%; }

#bringing-joy-back > div { padding: 25px 35px; }

#bringing-joy-back > div p { margin-top: 16px; }

#blue-wave { background-image: url("../img/home/blue-wave-20.png"); background-repeat: repeat-x; background-position: top center; background-size: 1440px; height: 170px; margin-top: -180px; }

#the-academic-experience { text-align: center; background-color: var(--jl-sky); }

#the-academic-experience h1 { line-height: 1.1; margin-bottom: 1.25rem; }

#the-academic-experience > div { padding: 50px 70px 20px; }

#the-academic-experience > div p { margin-bottom: 22px; }

#the-academic-experience .button:last-of-type { margin-top: 24px; margin-bottom: 46px; }

#welcome-to-joyfully-learning { margin-right: 0; padding-right: 0; }

#welcome-to-joyfully-learning h1 { line-height: 1.1; margin-bottom: 1.25rem; }

#welcome-to-joyfully-learning div.right-bleed { width: 480px; float: right; margin-top: -83px; overflow: hidden; }

#welcome-to-joyfully-learning div.welcome-content { padding-top: 100px; padding-right: 0; padding-left: 80px; }

@media (max-width: 1276px) { #welcome-to-joyfully-learning div.welcome-content { max-width: 470px; margin-right: calc(((100vw - 980px) / 2) + 480px); padding-left: 0; } }

@media (min-width: 1277px) { #welcome-to-joyfully-learning { margin-right: auto; padding-right: inherit; } #welcome-to-joyfully-learning div.right-bleed { width: 622px; overflow: unset; margin-right: -151px; } }

#hey-there { padding-top: 28px; padding-bottom: 50px; }

#hey-there > img { width: 628px; height: auto; float: left; margin-left: -170px; margin-right: 30px; }

#hey-there > div { padding-right: 60px; padding-top: 40px; }

#hey-there > div .hey { color: var(--jl-punch); }

#hey-there > div .hey span { font-family: 'Super Mega Fantastic', cursive; font-size: 58px; color: var(--jl-light-teal); display: inline-block; position: relative; left: -54px; top: 21px; transform: rotate(-8deg); }

#hey-there > div h2 { margin-bottom: 14px; font-weight: normal; color: var(--jl-midnight); }

#hey-there > div p { margin-top: 8px; }

#how-we-can-help { margin-top: -152px; padding-top: 95px; padding-bottom: 150px; background-image: url("../img/home/paper-texture-4.jpg"); background-repeat: repeat; background-size: 980px; z-index: 500; }

#how-we-can-help p { margin-bottom: 10px; }

#how-we-can-help h1 { margin: 40px auto 25px; color: var(--jl-melon); text-align: center; }

#how-we-can-help h1 + p { text-align: center; padding-left: 150px; padding-right: 150px; }

#how-we-can-help h2 { font-family: Mackinac, serif; font-weight: normal; text-transform: none; text-align: center; letter-spacing: 0; color: var(--jl-latte); font-size: 35px; position: absolute; width: 245px; height: 245px; z-index: 600; padding: 30px 20px; }

#how-we-can-help section { position: relative; padding-left: 90px; padding-right: 90px; margin: 50px auto 75px; }

#how-we-can-help section ul { padding-left: 1rem; margin-top: 21px; margin-bottom: 20px; line-height: 1.3; }

#how-we-can-help section h3 { text-transform: uppercase; margin-bottom: 4px; color: var(--jl-midnight); font-weight: 500; }

#how-we-can-help section h3 + p { margin-top: 4px; }

#how-we-can-help section a { color: var(--jl-punch); font-size: 0.75rem; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; text-underline-offset: 8px; }

#how-we-can-help section a:hover { color: var(--jl-midnight); }

#how-we-can-help section > div { background-color: white; position: relative; border-radius: 85px; z-index: 500; }

#how-we-can-help section#academic-tutoring h2 { left: 70px; top: 88px; border-radius: 50px; background-color: var(--jl-cornlfower); transform: rotate(-6deg); }

#how-we-can-help section#academic-tutoring div { padding: 40px 45px 45px 200px; margin-left: 100px; }

#how-we-can-help section#self-directed-enrichment { padding-left: 135px; }

#how-we-can-help section#self-directed-enrichment h2 { background-image: url("../img/home/small-orange-medallion.png"); background-size: 330px 330px; background-repeat: no-repeat; transform: rotate(1deg); width: 330px; height: 330px; right: 36px; top: 48px; }

#how-we-can-help section#self-directed-enrichment h2 img { display: inline-block; width: 50px; height: auto; margin-top: 24px; margin-left: 18px; }

#how-we-can-help section#self-directed-enrichment h2 span { display: inline-block; margin-top: 8px; transform: rotate(5deg); }

#how-we-can-help section#self-directed-enrichment div { padding: 55px 180px 45px 82px; margin-right: 85px; }

#how-we-can-help section#educational-consulting h2 { left: 68px; top: 75px; width: 280px; height: 280px; border-radius: 50%; background-color: var(--jl-teal); }

#how-we-can-help section#educational-consulting h2 img { display: inline-block; width: auto; height: 68px; margin-top: 14px; }

#how-we-can-help section#educational-consulting h2 span { display: inline-block; margin-top: 12px; transform: rotate(-6deg); }

#how-we-can-help section#educational-consulting div { padding: 54px 50px 67px 168px; margin-left: 144px; }

.testimonial { text-align: center; }

.testimonial h1 { margin-top: 40px; margin-bottom: 24px; }

.testimonial h1 + p { font-size: 1.125rem; margin-bottom: 1.5rem; max-width: 760px; margin-left: auto; margin-right: auto; }

.testimonial p.testimonial-attribution { text-transform: uppercase; font-size: .875rem; font-weight: 500; }

#beige-wave { background-image: url("../img/home/beige-wave-3.png"); background-repeat: repeat-x; background-position: top center; background-size: 970px; height: 60px; margin-top: -72px; }

#testimonial-1 { padding-top: 60px; padding-bottom: 60px; background-color: var(--jl-field); }

#testimonial-2 { padding-top: 60px; padding-bottom: 60px; }

#as-seen-in { text-align: center; padding-top: 80px; padding-bottom: 64px; background-color: var(--jl-latte); }

#as-seen-in h1 { font-size: 1.5rem; }

#as-seen-in ul { margin-bottom: 0; }

#we-do-things-differently { padding: 100px 0 0; text-align: center; }

#we-do-things-differently h1 { color: var(--jl-punch); }

#we-do-things-differently h1 + p { max-width: 600px; margin-left: auto; margin-right: auto; }

#we-do-things-differently #we-do-things-differently-lower { background-image: url("../img/home/JL-Peony-Wave-1.png"); background-size: 100%; background-repeat: no-repeat; background-position: top center; }

#we-do-things-differently section.lower-carousel { display: flex; align-items: center; gap: 10px; }

#we-do-things-differently section.lower-carousel .carousel { text-align: left; margin-left: auto; margin-right: auto; }

#we-do-things-differently section.lower-carousel #we-do-things-differently-carousel-primary-parent { flex-grow: 2; }

#we-do-things-differently section.lower-carousel #we-do-things-differently-carousel-secondary { flex-grow: 1; }

#we-do-things-differently section.lower-carousel h1 { font-family: 'Super Mega Fantastic', cursive; color: var(--jl-olive); text-align: left; margin-bottom: 0.5rem; font-size: 2.8125rem; padding: 0.5rem 0 0 0.5rem; }

#we-do-things-differently section.lower-carousel p.carousel-slide-text { text-align: left; min-height: 170px; margin-top: 0; margin-bottom: 0; }

#we-do-things-differently section.lower-carousel .carousel-navigation { text-align: left; }

#we-do-things-differently section.lower-carousel .carousel-navigation button { font-size: 24px; }

#we-do-things-differently section.lower-carousel .carousel-navigation button:first-of-type { margin-right: 10px; }

#we-do-things-differently section.lower-carousel .carousel-navigation button:hover { text-decoration: none; }

#we-do-things-differently section.lower-carousel a.button.teal { margin-top: 16px; }

#ready-to-learn-with-joy { background-image: url("../img/home/paper-texture-4.jpg"); background-repeat: repeat; text-align: center; }

#ready-to-learn-with-joy h1 { line-height: 1; margin-top: 24px; margin-bottom: 20px; }

#ready-to-learn-with-joy h1 span.joy { font-family: 'Super Mega Fantastic', cursive; font-size: 4rem; color: var(--jl-punch); }

#ready-to-learn-with-joy p { margin-top: 1rem; margin-bottom: 1.75rem; max-width: 85%; margin-left: auto; margin-right: auto; line-height: 1.6; }

#a-gift-for-you { padding: 110px 0; background-color: var(--jl-latte); text-align: center; }

#a-gift-for-you h1 { color: var(--jl-punch); }

#a-gift-for-you h2 { color: var(--jl-teal); font-weight: 500; }

#a-gift-for-you h1 span { font-family: 'Super Mega Fantastic', cursive; font-size: 2.5rem; }

#a-gift-for-you p { line-height: 1.5; margin-bottom: 24px; }

#a-gift-for-you input[type="text"], #a-gift-for-you input[type="email"] { display: block; width: 100%; text-align: center; }

#a-gift-for-you button, #a-gift-for-you .button { text-align: center; margin-left: auto; margin-right: auto; }

#your-child-deserves { background-image: url("../img/home/kids-reading.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top center; padding: 130px 60px 100px; min-height: 600px; position: relative; }

#your-child-deserves h1, #your-child-deserves p { color: white; width: 490px; }

#your-child-deserves p { margin-top: 20px; margin-bottom: 30px; }

#your-child-deserves h1, #your-child-deserves p, #your-child-deserves a { position: relative; z-index: 600; }

#your-child-deserves::before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(56, 89, 97, 0.25); z-index: 500; }

.kinetic-icon:hover { animation: wiggle 2s linear infinite; }

/* Keyframes */
@keyframes wiggle { 0%, 7% { transform: rotateZ(0); }
  15% { transform: rotateZ(-15deg); }
  20% { transform: rotateZ(10deg); }
  25% { transform: rotateZ(-10deg); }
  30% { transform: rotateZ(6deg); }
  35% { transform: rotateZ(-4deg); }
  40%, 100% { transform: rotateZ(0); } }

/* Press Logos */
section.featured-in { margin: 2rem auto; }

section.featured-in h3 { font-size: 1.25rem; }

ul.featured-in-logos { display: flex; justify-content: space-evenly; flex-wrap: wrap; padding-left: 0; list-style: none; align-items: center; }

ul.featured-in-logos li { padding: 1rem 1rem; display: block; }

ul.featured-in-logos li img { height: 30px; width: auto; filter: opacity(0.67); transition: filter .2s; }

ul.featured-in-logos li img:hover { filter: opacity(1); }

@use "variables" as *;
#who-we-are { width: 100%; margin-bottom: 0; }

#who-we-are p img { margin-right: 1rem; }

#who-we-are .main { margin: 0 auto; }

#cm-bio-photo { width: 130px; height: 171px; }

@media (min-width: 576px) { #cm-bio-photo { width: 173px; height: 228px; } }

@media (min-width: 768px) { #cm-bio-photo { width: 231px; height: 304px; } }

blockquote#neurodiversity-affirming-approach { border-left: 3px solid var(--jl-midnight); padding-left: 1.25rem; clear: none; }

@media (min-width: 576px) { blockquote#neurodiversity-affirming-approach { margin-top: 3rem; } }

@media (min-width: 768px) { blockquote#neurodiversity-affirming-approach { margin-left: 241px; margin-top: 2rem; } }

@use "variables" as *;
#as-seen-in p { margin-bottom: 3rem; }

#as-seen-in p img { width: auto; height: 1.5rem; margin-right: 0.75rem; margin-top: 0.75rem; display: block; float: left; }

@media (min-width: 576px) { #as-seen-in p img { width: auto; height: 2.25rem; margin-top: 0.25rem; } }

#as-seen-in p img[alt="The Wall Street Journal"] { height: 1.125rem; }

@media (min-width: 576px) { #as-seen-in p img[alt="The Wall Street Journal"] { height: 2rem; margin-top: 0.5rem; } }

#in-the-news p { margin-bottom: 3rem; }

#in-the-news p img { width: auto; height: 1.5rem; margin-right: 0.75rem; margin-top: 0.75rem; display: block; float: left; }

@media (min-width: 576px) { #in-the-news p img { width: auto; height: 2.25rem; margin-top: 0.25rem; } }

#in-the-news p img[alt="The Wall Street Journal"] { height: 1.125rem; }

@media (min-width: 576px) { #in-the-news p img[alt="The Wall Street Journal"] { height: 2rem; margin-top: 0.5rem; } }

#in-the-news p small { margin-top: 2px; }

button, .button { background-color: var(--jl-melon); display: inline-block; padding: 14px 65px; border-radius: 32px; border: none; color: white; text-transform: uppercase; text-decoration: none; text-align: center; vertical-align: middle; font-weight: 500; }

button:hover, .button:hover, input[type="submit"]:hover { color: white; text-decoration: underline; }

button.teal, .button.teal { background-color: var(--jl-teal); }

button.blue, .button.blue { background-color: var(--jl-cornlfower); }

button.white, .button.white { background-color: white; color: var(--jl-teal); }

button.white:hover, .button.white:hover { color: var(--jl-teal); }

.carousel-navigation button, .carousel-navigation .button { background: none; padding: 0; border-radius: 0; color: var(--jl-teal); font-weight: normal; }

@use "variables" as *;
@use "sass:color";
#mc_embed_signup table { width: 75%; border-collapse: separate; }

#mc_embed_signup > p { margin-bottom: 1rem; }

#mc_embed_signup input { margin-top: 16px; }

.mc-field-group input { border: 1px #bbb solid; border-radius: 0.25rem; width: 100%; padding: 8px 12px; font-size: 90%; text-transform: uppercase; }

.mc-field-group .field-label { text-align: right; }

.mc-field-group .field-label label { margin-right: 0.5rem; }

.asterisk { color: #e85c41; font-size: 150%; position: relative; top: 5px; }

.alert.alert-info { color: black; border: 2px solid #a95b4d; text-align: center; font-size: 110%; line-height: 1.5; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }

@media (max-width: 767px) { #site-header { display: block; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 10px; } #site-header nav > ul { justify-content: center; } #site-header.drop-downs nav.main-nav .submenu { min-width: auto; } #bringing-joy-back { background-size: 100%; background-position-x: -30px; background-position-y: 90%; min-height: 620px; } #bringing-joy-back > div { padding-top: 10px; } #bringing-joy-back h1, #bringing-joy-back > div p { text-align: center; width: 100%; } #the-academic-experience > div { padding: 10px 20px 20px; } #the-academic-experience > div > p > br { display: none; } #welcome-to-joyfully-learning div.welcome-content { margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 40px; } .right-bleed { max-width: 100%; float: none; } .right-bleed img { max-width: 150vw; height: auto !important; } #how-we-can-help h1 + p { padding-left: 20px; padding-right: 20px; } #hey-there { overflow: hidden; } #hey-there img { max-width: 150vw; height: auto !important; float: none; } #hey-there > div { padding-top: 0; padding-left: 20px; padding-right: 20px; margin-top: -70px; } #hey-there > div p:nth-of-type(2) { text-align: center; } #hey-there > div .hey span { left: 0; top: -10px; position: relative; } #how-we-can-help { margin-top: 0; padding-top: 50px; } #how-we-can-help section, #how-we-can-help section#self-directed-enrichment { padding-left: 20px; padding-right: 20px; } #how-we-can-help section h2 { width: 170px; height: 170px; font-size: 20px; position: static; margin-left: auto; margin-right: auto; } #how-we-can-help section#academic-tutoring h2 { border-radius: 25px; } #how-we-can-help section#self-directed-enrichment h2 { background-size: 170px 170px; font-size: 90%; width: 170px; height: 170px; font-size: 16px; } #how-we-can-help section#self-directed-enrichment h2 img { width: 35px; margin-top: 0; margin-left: 0; } #how-we-can-help section > div { border-radius: 20px; } #how-we-can-help section#academic-tutoring div, #how-we-can-help section#self-directed-enrichment div, #how-we-can-help section#educational-consulting div { margin-left: auto; margin-right: auto; padding: 20px; } #how-we-can-help section#educational-consulting h2 { width: 170px; height: 170px; } #how-we-can-help section#educational-consulting h2 img { height: 45px; margin-top: 0; margin-left: 0; } #we-do-things-differently { padding-top: 50px; } #we-do-things-differently > .container { padding-left: 40px; padding-right: 40px; } #we-do-things-differently-lower { background-size: cover; } section.lower-carousel { flex-direction: column; } #we-do-things-differently-carousel-secondary .carousel-item img { max-width: 90vw; } .carousel-navigation, #carousel-call-to-action { text-align: center !important; } #ready-to-learn-with-joy { padding-bottom: 40px; } #ready-to-learn-with-joy > div > div { row-gap: 40px; } #a-gift-for-you { padding: 50px 40px 40px; } #a-gift-for-you > div > div { flex-direction: column-reverse; } #your-child-deserves { padding: 50px; background-position-x: 85%; } #your-child-deserves h1, #your-child-deserves p, #your-child-deserves a { width: auto; text-align: center; } ul.featured-in-logos li img { max-width: 90vw; height: auto; } }

html { font-size: 16px; }

@media (max-width: 767px) { html { font-size: 14px; } }

ul > li { margin-bottom: 12px; }

.featured-in { margin-bottom: 0 !important; margin-top: 0 !important; padding-top: 2rem; padding-bottom: 3rem; z-index: 100; position: relative; background-color: #adc2d0; }

.featured-in .container { position: relative; z-index: 200; }

.featured-in .container ul { margin-bottom: 0 !important; }

.featured-in::after { border-top-left-radius: 100%; border-top-right-radius: 100%; bottom: 0; background-color: #cde4f8; content: ''; height: 100%; left: 0; position: absolute; width: 100%; }

.featured-content-grid { position: relative; overflow: hidden; padding-top: 80px; }

.featured-content-grid::after { content: ''; background-color: #adc2d0; position: absolute; bottom: 0; width: 200%; height: 100%; border-top-left-radius: 200%; border-top-right-radius: 200%; }

@media (min-width: 576px) { .featured-content-grid::after { border-top-left-radius: 150%; border-top-right-radius: 150%; } }

@media (min-width: 768px) { .featured-content-grid::after { border-top-left-radius: 125%; border-top-right-radius: 125%; } }

.semi-black-bg { color: white !important; text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 4px; background-color: rgba(0, 0, 0, 0.5); border-radius: 0.5rem; }

.full-height { height: 100vh; }

img.float-left { margin: 4px 8px 4px 0; }

/*# sourceMappingURL=gmg.css.map */