﻿/* pealton play */

:root { --black: #1B1B1B; --grey: #F2F8F8; --brown: #876037; --turquoise: #4ab6bd; --blue: #AFE7F4; --light-blue: #DFF8FE; --extra-light-blue: #F4FDFF; --blue-dark: #0E3770; --pink: #FF529B; --pink-light: #FFB3D3; --white: #fff; --bold: 'Assistant-Bold'; --titlesFont: "yarden-bold" }

/* General */
html { font-size: 62.5%; overflow-x: clip; }
body { overflow: clip; opacity: 0; transition: opacity 0.35s ease; font-size: clamp(1.6rem,0.833vw,100rem); line-height: 1.4; letter-spacing: 0.32px; zoom: 1 !important; background-color: var(--light-blue); color: var(--green); }
body.ready { opacity: 1 }
body.contact-page { background-color: var(--turquoise); }

div#INDWrap { z-index: 2 !important; }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {
    /*body { line-height: 2 }*/
}

@media(max-width: 1024px) {
    body { line-height: 1.25; }
}
/*reset*/
#GridPage { padding: 0; }
footer { padding: 0; }
.grid-text-section .section-animation-item, .random-gallery .section-item { padding: 0; margin: 0; width: 100%; }
.gallery-cubes .boxes-images-outer-image .image-link-container a { display: none; }
.section-animation-item, .grid-boxes .section-animation-item, .section-animation-item.up { opacity: initial !important; transition: initial !important; margin-top: 0 !important; animation: initial !important; transform: unset !important; }
.grid-rows .grid-row { background-color: transparent; overflow: visible; }
.section { padding: 0; margin: 0 auto; }
footer { padding: 0; }
.section-title h1, .section-title h2 { max-width: 100%; }
.grid-boxes .grid-box-title h3 a, a, a:hover, a:focus, .grid-boxes .grid-box-title h3 a:focus,
.grid-boxes a.box-image-animation:focus { color: inherit; outline: none }
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none }
.grid-rows .grid-row-text h2, .section-title, .grid-boxes .grid-box-title h3, h3, .grid-text p { margin: 0; padding: 0; }
.grid-boxes .grid-box-image { margin: 0; }
.row { margin: 0; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; margin: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; margin: 0; width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { padding: 0; margin: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields::before,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields::after { content: none; }
.contactPage .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: none; }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0; margin: 0; }
.normal-form input, .normal-form textarea, .normal-form select { margin: 0; padding: 0; max-width: 100%; width: 100%; }
.grid-short-box .grid-short-box-label { padding: 0; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3,
.col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5,
.col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7,
.col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 0; }
.grid-short-box { margin: 0; }
.sections .grid-content-section { padding: 0; max-width: 100%; }
#header2.detailsInRow .menu-nav { margin: 0; padding: 0 }
#header2 ul.menu { margin: 0; padding: 0; }
#header2 ul.menu li { margin: 0; padding: 0; }
#header2 ul.menu li:hover, #header2 ul.menu li:focus, #header2 ul.menu li.active { color: inherit; }
#header2 .header-top-left { margin: 0; padding: 0; }
#header2 .header-top-left a { margin: 0; padding: 0; }
#header2 ul.menu > li:before { content: none; }
button { padding: 0; background: transparent; box-shadow: none; border: 0; }
.form-container-wide #DynamicFormObject { padding: 0; margin: 0; border: 0; }
.form-container-wide #DynamicFormObject::after { content: none; }
.normal-form input, .normal-form input:focus, .normal-form textarea, .normal-form textarea:focus { border: 0 !important; box-shadow: none; outline: none; border-radius: 0; }
.normal-form select, .normal-form select:focus { border-radius: 0; box-shadow: none; }
#LobbyModule .grid-boxes { padding: 0; max-width: 100%; width: 100%; }
#LobbyModule .grid-box { margin: 0; }
.lobby-grid #GridPage .max-width { padding: 0; }
.ClientsLogos { padding: 0 }
.gallery-container { width: 100%; max-width: 100%; }
#DynamicFormObject { max-width: 100% !important }
#header2 .max-width { max-width: 100%; width: 100%; }
#SiteFooter { padding: 0 }
#GridPage .max-width { width: 100%; }
#header2 ul.menu li a:focus { border: 0; }
#header2 #header-left { margin: 0 }
#text1, #text2 { max-width: 100% }
.grid-boxes .box-image-animation:hover img { transform: none; }
#whatAppButton { box-shadow: none; bottom: 20px; left: 20px; width: 140px; }
#whatAppButton img { max-width: 100%; }
.owl-carousel .owl-item .item .plus-sign { opacity: 0 !important; }
/*.emptyParagraph { display: none; }*/
#GridPage .max-width, #GridPage .max-width-center, .blog-grid #GridPage .max-width { max-width: 100%; width: 100%; }
#SiteGrid { margin-top: var(--headerHeight); }
#gridshort-view .flex-row::before, #gridshort-view .flex-row::after { content: none; }
#contactDetails .contactDetailsText1 { margin: 0; line-height: normal; font-size: inherit; }
#contactDetails h3 { margin: 0; font-size: inherit; }
#contact-boxes { margin: 0 }
.site-credit.alternative { padding-block: 5px; }
.categories-strip ul li a:focus { text-decoration: none; }
ul { padding: 0; margin: 0; }
.row:before, .row:after { content: none; }
#SiteGrid.layout-bottom #GridPromo { max-width: 100%; padding: 0; margin: 0; }

@media(max-width: 1024px) {
    body:has(#header2.open) { /*overflow: hidden !important;*/ }
    a.AccessabilityLink { font-size: 1.4rem; }
    .FormResultPage #SiteGridContainer { min-height: 90vh; }
    .FormResultPage #pageview #headline h1 { margin-bottom: 34px; }
    .FormResultPage #pageview #text1 p { margin-bottom: 25px; font-size: 1.4rem; }
    .FormResultPage #pageview #text1 .FormResultPageButton { height: 50px; padding: 22px 40px 14px; }
    .grid-rows .grid-row-text p { font-size: 100%; }
}

/*General*/
#SiteGridContainer { }
#SiteGridContainer.menu-open { pointer-events: none; }
#GridTop { margin-top: var(--headerHeight); min-height: 290px; height: 15.104vw; background-position: bottom; }
#GridTop.noTopImage { display: none; }
#GridTop::before { content: ''; position: absolute; width: 100%; height: 30px; bottom: 0%; left: 0px; background-image: url(/warehouse/dynamic/477001.svg); background-position: top; }
/*#GridTop:not(.noTopImage) + #GridPage::before { content: ''; position: absolute; width: 100%; height: 30px; bottom: 100%; left: 0px; background-image: url(/warehouse/dynamic/457537.svg); background-position: top; }*/


#PageBreadCrumps, .lobby-grid #PageBreadCrumps { }
#PageBreadCrumps a:hover, .blog-page #PageBreadCrumps span:last-child { }
#PageBreadCrumps span:after { }

@media(max-width: 1024px) {
    #SiteGrid { padding-inline: 30px; }

    #PageBreadCrumps, .lobby-grid #PageBreadCrumps { }
    .lobby-grid #PageBreadCrumps { }
}

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-thumb { background: var(--blue-dark); }
::-webkit-scrollbar-track { background: var(--light-blue); }


/*-------------------------------------------/*
               Strip
/*------------------------------------------*/
.categories-strip, #contentModuleNav { background: transparent; color: var(--green); font-size: 0.94vw,100rem; line-height: 1.25; padding-block: 0.781vw; padding-block: 2.865vw 1.563vw; }
#contentModuleNav { padding-block: 2.344vw 4.583vw; margin: 0 }
.categories-strip ul, #contentModuleNav { display: flex; justify-content: center; align-items: center; gap: 0.781vw; font-size: clamp(1.5rem,0.938vw,100rem); line-height: 1.35; font-family: var(--bold); color: var(--blue-dark); }
.categories-strip ul li, .contentModuleNav a { background-color: transparent; transition: all 0.5s ease; padding: 0; border: 1px solid var(--blue-dark); border-radius: 10px; width: 12.5vw; }
.categories-strip ul li:first-of-type, .contentModuleNav a:first-of-type { display: none; }
.categories-strip ul li.active, .categories-strip ul li:hover,
.contentModuleNav a.selected, .contentModuleNav a:hover { background-color: var(--blue-dark); color: var(--white); text-decoration: none; }
.categories-strip ul li a, .contentModuleNav a { padding: 0.525vw 1.042vw; margin: 0; display: flex; align-items: center; justify-content: center; min-height: 3.542vw; }

@media(min-width: 1025px) {
    .categories-strip ul, #contentModuleNav { }
    .categories-strip ul li:last-child { }
    .categories-strip ul li:last-child a { width: 100%; }
}

@media(max-width: 1024px) {

    .categories-strip, #contentModuleNav { padding-block: 30px 25px; }
    .mobile-strip { padding-inline: 16px; background-color: var(--blue-dark); border-radius: 10px; }
    .mobile-strip span { font-family: var(--bold); color: var(--white); font-size: 1.8rem; line-height: 1.35; margin: 0; padding-block: 12px; width: calc(100% - 20px); }
    .mobile-strip span:first-of-type { display: none; }
    .mobile-strip:after { content: ""; width: 12px; height: 10px; background-image: url(/warehouse/dynamic/461690.svg); background-position: center; background-repeat: no-repeat; background-size: auto; top: 19px; transition: all 0.5s ease-out; }
    .open .mobile-strip:after { }
    .mobile-strip.open:after { transform: scale(-1); }
    .mobile-strip .select-wrapper { padding-bottom: 6px; }
    .categories-strip ul, #contentModuleNav { flex-direction: column; align-items: flex-start; text-align: right; gap: 0; }
    .categories-strip .mobile-strip ul li, .contentModuleNav a { border-radius: 0; border: 0; padding: 0; }
    .categories-strip ul li a, .contentModuleNav a { justify-content: flex-start; padding: 6px 0; }
    body:not(.playgrounds-page ) .categories-strip ul li:nth-child(2) a { padding-top: 0; }
    .categories-strip ul li:first-of-type, .contentModuleNav a:first-of-type { display: block; }
}



/*-------------------------------------------/*
               Font Sizes
/*------------------------------------------*/

/*70 px*/
#headline h1, .section-title h1, birthday-section .grid-row-cell .grid-row-text h2:first-of-type { font-family: var(--titlesFont),var(--bold); color: var(--blue-dark); font-size: clamp(3.5rem,3.646vw,100rem); text-align: center; line-height: 0.95; }
#GridTop .top-caption h1 { color: var(--white); }

/*24 px*/
#GridPage #pageview h2 { font-size: clamp(1.8rem,1.25vw,100rem); font-family: var(--bold); line-height: 1; }

@media(max-width: 1024px) {
}

/*-------------------------------------------/*
               Buttons
/*------------------------------------------*/

.button-wrapper { position: relative; color: var(--white); font-family: var(--titlesFont); font-size: clamp(1.8rem, 1.042vw,100rem); line-height: 1.2; width: max-content; margin-inline: auto; z-index: 1; }
.light-pink-card { position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background-color: var(--pink-light); z-index: -1; border-radius: 35px; }
#SiteGrid .button-wrapper > *:not(.light-pink-card) { display: block; width: max-content; height: 100%; transform: translateY(-5px); transition: all 0.5s ease-out; min-height: 45px; min-width: 190px; padding: 0.677vw 1.563vw; background-color: var(--pink); border-radius: 35px; color: var(--white); border: 0; font-size: 100%; margin: 0; text-align: center; }
#SiteGrid .button-wrapper:hover > *:not(.light-pink-card), #SiteGrid .our-gameplays-sec .grid-boxes .grid-box:hover .arrow-icon { transform: translateY(0px); }

@media(max-width: 1024px) {
    #SiteGrid .button-wrapper > *:not(.light-pink-card) { min-width: 160px; padding: 12px 24px; }
}


/*-------------------------------------------/*
                Sticky Button
/*------------------------------------------*/

.sticky-button-wrapper { position: fixed; bottom: 8vh; left: 0; display: flex; align-items: flex-start; justify-content: flex-end; gap: 0.781vw; flex-direction: column; min-width: 150px; width: 9.375vw; font-family: var(--titlesFont); color: var(--white); font-size: clamp(1.6rem,1.042vw,100rem); z-index: 10; }
.stickyButton, #stickyButton-3121:hover { position: relative; box-shadow: none; left: auto; bottom: auto; width: 100%; background-color: var(--pink); border-radius: 0px 100px 100px 0px; transition: all 0.5s ease-out; }
.stickyButton:hover { background-color: #E72677; }
#stickyButton-3121 { background-color: var(--blue-dark); }
#stickyButton-3121:hover { background-color: #0A2853; }

.stickyButton a { width: 100%; padding: 0.573vw 1.042vw; }

@media(max-width: 1024px) {
    .stickyButton a { padding: 9px 13px; }
}


/*-------------------------------------------/*
                  Form
/*------------------------------------------*/
.form-wrapper { position: relative; margin-inline: auto; max-width: 1175px; z-index: 1; }
.form-container-wide #DynamicFormObject { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; background-image: url(/warehouse/dynamic/457542.png); background-position: center; background-size: cover; padding: 2.604vw 6vw; border-radius: 20px; gap: 0.521vw; max-width: 1175px !important; margin-inline: auto; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: clamp(3.5rem, 2.604vw, 100rem); color: var(--blue-dark); font-family: var(--titlesFont); line-height: 1; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle::after { content: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: clamp(1.5rem,0.938vw,100rem); line-height: 1.4; margin-bottom: 1.042vw; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1.042vw; }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { background-color: var(--white); width: calc(50% - 0.521vw); }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField.third-width { width: calc(33.33% - 0.729vw); }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; float: none; }
.must:before, #DynamicFormObject .dynamicFormObjectField .must:before { top: 10px; right: 0.521vw; }
.normal-form select, .normal-form select:focus, .normal-form input, .normal-form input:focus, .normal-form textarea, .normal-form textarea:focus { border: 0; padding-inline: 0.938vw; }
.normal-form textarea { padding-top: 10px; }
.select-wrapper:after, .FileUploaderField:after { top: 50%; left: 10px; content: ''; width: 13px; height: 8px; background-image: url(/warehouse/dynamic/458179.svg); background-repeat: no-repeat; background-position: center; background-size: contain; transform: translateY(-50%); }
.FileUploaderField:after { background-image: url(/warehouse/dynamic/458180.svg); width: 12px; height: 12px; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    .form-wrapper { max-width: calc(1175px * 0.75); }
}

@media(max-width: 1024px) {
    .form-container-wide #DynamicFormObject { padding: 50px 17px; gap: 10px; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 3.5rem; line-height: 1.2; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; font-size: 1.6rem; line-height: 1.5; margin-bottom: 20px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields fieldset { flex-direction: column; gap: 10px; }
    #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField, #DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField.third-width { width: 100%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { margin-top: 15px; }
    .normal-form select, .normal-form select:focus, .normal-form input, .normal-form input:focus, .normal-form textarea, .normal-form textarea:focus { padding-inline: 20px; }
    .must:before, #DynamicFormObject .dynamicFormObjectField .must:before { right: 10px; }
}


/*-------------------------------------------/*
                  Animation
/*------------------------------------------*/
.blue-card { position: absolute; width: 100%; height: 100%; background-color: var(--light-blue); z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-0deg); transition: all 0.5s 0.5s ease-out; }
.shown .blue-card { transform: translate(-50%, -50%) rotate(-3deg); left: 50%; height: 100%; }
body.skater-boy-page .skater-boy { position: absolute; background-image: url(/warehouse/dynamic/458215.svg); min-width: 132px; width: 9.375vw; min-height: 193px; height: 13.802vw; left: -11.375vw; bottom: 100%; z-index: 1; transition: all 0.5s ease-out; background-size: contain; }
body.skater-boy-page footer.shown .skater-boy { left: 15.625vw; }
.img-wrapper .sittingGirl { position: absolute; background-image: url(/warehouse/dynamic/458549.svg); background-size: contain; min-width: 184px; width: 13.854vw; min-height: 188px; height: 14.167vw; right: 0; bottom: 100%; z-index: 1; opacity: 0; transition: all 0.5s ease-out; }
footer .img-wrapper .sittingGirl { display: none; }
.img-wrapper.shown .sittingGirl { bottom: -1.927vw; opacity: 1; }
.birthday-section::after { content: ''; position: absolute; width: 11.2vw; height: 17.5vw; left: 51%; bottom: -1.042vw; background-image: url(/warehouse/dynamic/459983.svg); background-position: center; background-repeat: no-repeat; background-size: cover; z-index: 2; }
.pealton-plus-section::after { content: ''; position: absolute; background-image: url(/warehouse/dynamic/456059.svg); background-repeat: no-repeat; background-position: top; background-size: cover; width: 13.802vw; height: 19vw; top: -8.1%; left: 8.854vw; z-index: 1; animation: swingerKid ease-in-out 1s infinite alternate; -webkit-transform-origin: top; -moz-transform-origin: top; transform-origin: top; }
.home-page footer::before { content: ''; position: absolute; bottom: 100%; right: 17vw; width: 12.083vw; height: 16.823vw; background-image: url(/warehouse/dynamic/456060.svg); background-position: center; background-repeat: no-repeat; background-size: cover; animation: swingerKid ease-in-out 1s infinite alternate; -webkit-transform-origin: top; -moz-transform-origin: top; transform-origin: left bottom; }
#SiteGrid .our-gameplays-sec .grid-boxes .grid-box:hover .blue-card { transform: translate(-50%, -50%) rotate(-6deg); }
#SiteGrid .our-gameplays-sec .grid-boxes .grid-box .blue-card { transition-delay: 0s; }

.girl-riding { position: absolute; bottom: -1.042vw; left: -20%; width: 16.667vw; height: 13.542vw; min-width: 168px; min-height: 136px; transition: all 1.5s 0.35s ease; background-image: url(/warehouse/dynamic/461853.svg); background-position: center; background-repeat: no-repeat; background-size: cover; }
.shown .girl-riding { left: 20%; }
.playgrounds-page.contentInnerPage footer .skater-boy { display: none; }

@-webkit-keyframes swingerKid {
    0% { -webkit-transform: rotate(1deg); }
    100% { -webkit-transform: rotate(-1deg); }
}

@keyframes swingerKid {
    0% { transform: rotate(1deg); }
    100% { transform: rotate(-1deg); }
}

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    body.skater-boy-page .skater-boy { background-size: contain }
    body.skater-boy-page footer.shown .skater-boy { left: 11vw; }
}

@media(max-width: 1024px) {
    .blue-card { }
    .shown .blue-card { transform: translate(-50%, -50%) rotate(-2deg); height: 101%; }
    .home-page footer::before { width: 153px; height: 212px; right: auto; left: 30px; bottom: 95%; }

    .img-wrapper .sittingGirl { right: auto; left: 0; }
    .img-wrapper.shown .sittingGirl { bottom: -30px; }

    body.skater-boy-page .skater-boy { background-size: cover; }
    body.skater-boy-page footer.shown .skater-boy { left: 20px; }

    .girl-riding { bottom: -50px; transform: translateX(-50%); }
    .shown .girl-riding { left: 50%; }
}


/*-------------------------------------------/*
                  FAQ
/*------------------------------------------*/
.grid-faq-section { }
.grid-faq-section .section-title, .grid-faq-section .section-topText, .grid-faq-section .grid-faq { max-width: 905px; }
.grid-faq-section .section-title, .grid-faq-section .section-topText { margin-bottom: 1.563vw; }
.grid-faq-section .section-title h2, .grid-faq-section .section-topText h2 { font-size: clamp(3.5rem,2.6vw,100rem); font-family: var(--titlesFont); color: var(--blue-dark); line-height: 1; }

.faq-headline, .faq-headline.open, .faq-body, .faq-body > div { background-color: transparent; padding: 0; }
.faq-headline .fa-angle-down:before, .faq-headline .fa-angle-up:before { content: ''; position: relative; display: block; min-width: 14px; width: 0.781vw; min-height: 14px; height: 0.781vw; transform: rotate(90deg); background-image: url(/warehouse/dynamic/458264.svg); background-position: center; background-repeat: no-repeat; transition: all 0.5s ease-out; }
.faq-headline .fa-angle-up:before { background-image: url(/warehouse/dynamic/458263.svg); transform: rotate(0deg); }
.faq-headline .button-open { left: 0; }
.panel-group .panel { background-color: var(--white); display: flex; flex-direction: column; /* align-items: flex-start; */ justify-content: flex-start; gap: 1.042vw; padding: 0.625vw 1.042vw; transition: all 0.35s ease-out; border-radius: 0; border-bottom: 3px solid var(--blue); }
span.faq-headline-title { display: block; }
.faq-headline { font-size: 1.8rem; font-family: var(--bold); color: var(--blue-dark); }
.faq-body { margin-bottom: 8px; }
.faq-body h3, .faq-body h2, .faq-body h4 { font-family: var(--bold); line-height: 1.4; font-size: 1.6rem; }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    .grid-faq-section .section-title, .grid-faq-section .section-topText, .grid-faq-section .grid-faq { max-width: 65%; }
}

@media(max-width: 1024px) {
    .panel-group .panel { gap: 20px; padding: 12px 20px; margin-bottom: 16px !important; }
    .grid-faq-section .section-title, .grid-faq-section .section-topText { margin-bottom: 30px; }
    .panel-group { margin: 0; }
    .faq-body { padding-bottom: 8px; margin: 0; }
    span.faq-headline-title { width: 80%; line-height: 1.35; }
    .faq-headline .button-open { top: 8px; transform: none; }
}


/*-------------------------------------------/*
                  Grid-Boxes
/*------------------------------------------*/

#SiteGrid .grid-boxes { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 1.563vw; }
#SiteGrid .grid-boxes .grid-box { padding: 2.083vw 1.302vw; display: flex; flex-direction: column; background-color: var(--white); border-radius: 20px; width: auto; min-height: 17.708vw; opacity: 1; }
#SiteGrid .grid-boxes .grid-box.has-button { padding: 2.083vw 1.302vw 1.563vw; }
#SiteGrid .grid-boxes .grid-box-image { padding: 0; height: 3.646vw; margin-bottom: 1.042vw; }
#SiteGrid .grid-boxes .grid-box-image img { height: 100%; width: auto; margin: 0 auto; }
#SiteGrid .grid-boxes .grid-box-subtitle { font-size: 1.8rem; color: var(--blue-dark); font-family: var(--bold); margin-bottom: 0.625vw; line-height: 1.35; }
#SiteGrid .grid-boxes .grid-box-subtitle.button { margin-block: 1.823vw 0; }
#SiteGrid .grid-boxes .grid-box-fulltext { font-size: 1.6rem; color: var(--black); width: 15.625vw; width: 95%; margin: 0 auto; }
#SiteGrid .grid-boxes .grid-box-fulltext *:last-child { margin-top: 1.563vw; }
#SiteGrid .grid-boxes .grid-box-fulltext p:first-child { margin: 0; }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    #SiteGrid .grid-boxes .grid-box-image { height: 4.1vw; margin-bottom: 1.3vw; }
}

@media(max-width: 1024px) {
    #SiteGrid .grid-boxes { gap: 12px; }
    #SiteGrid .grid-boxes .grid-box { padding: 20px 7px; width: 100%; }
    #SiteGrid .grid-boxes .grid-box-image { margin-bottom: 27px; height: 70px; }
    #SiteGrid .grid-boxes .grid-box-subtitle { font-size: 2.4rem; line-height: 1.25; letter-spacing: 0.48px; margin-bottom: 10px; }
    #SiteGrid .grid-boxes .grid-box-fulltext { width: 100%; }
    #SiteGrid .grid-boxes .grid-box-fulltext *:last-child { margin-top: 75px; }
    #SiteGrid .grid-boxes .grid-box-subtitle.button { margin-block: 30px 15px; }
}

#gridshort-view > div.flex-row { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1.563vw; max-width: 1110px; min-height: 250px; margin: 0 auto; }
#gridshort-view > div.flex-row > div { width: calc(33.333% - 20px); }
#gridshort-view > div.flex-row .grid-short-box { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; background-color: var(--white); border-radius: 20px; padding: 2.604vw 1.042vw; }
#gridshort-view > div.flex-row .grid-short-box .grid-short-box-image { padding: 0; }
#gridshort-view > div.flex-row .grid-short-box .grid-short-box-fulltext { }
#gridshort-view .grid-short-box .grid-short-box-label { font-family: var(--bold); color: var(--blue-dark); line-height: 1.2; margin-bottom: 0.625vw; font-size: clamp(2.4rem, 1.25vw, 100rem); }
#gridshort-view .grid-short-box .grid-short-box-subtitle { margin-bottom: 1.042vw; line-height: 1.4; }

@media(max-width: 1024px) {
    #gridshort-view > div.flex-row { flex-wrap: nowrap; flex-direction: column; gap: 12px; }
    #gridshort-view > div.flex-row > div { width: 100%; }
    #gridshort-view > div.flex-row .grid-short-box { padding: 20px 10px; }
    #gridshort-view .grid-short-box .grid-short-box-label { line-height: 1.33; margin-bottom: 12px; }
    #gridshort-view .grid-short-box .grid-short-box-subtitle { line-height: 1.5; margin-bottom: 20px; }
}


/*-------------------------------------------/*
                Grid Text
/*------------------------------------------*/

.grid-text-section { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 1.042vw; }
.grid-text-section .section-title h2 { font-size: clamp(2rem,1.458vw,100rem); color: var(--blue-dark); font-family: var(--titlesFont); line-height: 1.2; }
.grid-text-section .grid-text-content { }

/*-------------------------------------------/*
               Grid Gallery
/*------------------------------------------*/

.grid-gallery-section { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 2.083vw; }
.grid-gallery-section .GalleryTitle { }
.grid-gallery-section .GalleryTitle h2 { font-size: clamp(4.5rem,2.6vw,100rem); font-family: var(--titlesFont); color: var(--brown); line-height: 1; }
.grid-gallery-section .gallery-cubes { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; max-width: 1140px; margin: 0 auto; }
.grid-gallery-section .gallery-cubes > div { width: 270px; height: 270px; }
.gallery-cubes .boxes-images-outer-image:hover .image-link-container, .gallery-cubes .boxes-images-outer-image:focus .image-link-container { background: rgba(0, 0, 0, 0.5); }
.gallery-cubes .image-link-inner { background-color: transparent; background-image: url(/warehouse/dynamic/461574.svg); background-position: center; background-size: cover; color: transparent; }
.gallery-cubes .boxes-images-outer-image .image-link-container a { display: inline-block; }

@media(max-width: 1024px) {
    .grid-gallery-section .GalleryTitle h2 { font-size: 3.5rem; margin-bottom: 20px; }
}

/*-------------------------------------------/*
             Connections Section
/*------------------------------------------*/

.grid-text-section.connections { margin: 0 auto; padding-block: 1.042vw; max-width: 100%; background-color: var(--extra-light-blue); }
.grid-text-section.connections .grid-text-content { font-family: var(--bold); line-height: 1.35; max-width: max-content; font-size: clamp(1.8rem, 1vw, 100rem); }
.grid-text-section.connections .grid-text-content p a { display: inline-flex; }

@media(max-width: 1024px) {
    .grid-text-section.connections { width: 100vw; max-width: 100vw; margin-inline: -30px; padding: 35px 30px 70px; }
    .grid-text-section.connections .grid-text { display: flex; width: 100%; }
    .grid-text-section.connections .grid-text-content { line-height: 1; letter-spacing: 0.36px; font-size: 1.8rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; background-color: var(--turquoise); padding-block: 15px; max-width: 100%; width: 100%; }
}

/*-------------------------------------------/*
                Header
/*------------------------------------------*/
#header, #header.bg, .home-page #header:not(.bg) { background: var(--white); padding: 0.365vw 2.083vw; font-family: var(--titlesFont); color: var(--blue-dark); font-size: clamp(1.6rem,1.042vw,100rem); line-height: normal; display: flex; align-items: center; justify-content: space-between; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); top: 0; }

#header #header-right { }
#header #header-right > .social-links { display: none; }
#header #header-right .menu-nav { background: transparent; color: var(--black); padding: 0; }
#header #header-right .menu-nav .nav-menu-anim { min-width: 30px; width: 2.083vw; margin: 0; z-index: 2; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span,
#nav-toggle-mobile span:before, #nav-toggle-mobile span:after { background: var(--black); }
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -9px; }
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -9px; }
#header .menu-nav .open,
#header #header-right .menu-nav .nav-menu-anim + span { display: none !important; }
#header #header-right .menu-nav #menu { display: flex !important; min-width: 333px; width: 17.344vw; height: 100vh; position: fixed; margin: 0; right: -30.344vw; color: var(--black); font-size: clamp(1.7rem,0.938vw,100rem); line-height: 1.4; letter-spacing: 0.36px; transition: all 0.5s ease; flex-direction: column; align-items: flex-start; justify-content: flex-start; clip: unset; float: none; background-color: var(--white); z-index: 1; padding: 8.333vw 2.604vw 0; text-align: right; }
#header.menu-open #header-right .menu-nav #menu { right: 0; }
#header.menu-open::after { content: ''; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.20); z-index: 0; }
#header .submenu > li:first-child { margin: 0; }
#header .submenu > li { color: var(--blue-dark); padding: 0; background-color: transparent; transition: all 0.35s ease-out; position: relative; }
#header .submenu > li.active, #header .submenu > li:hover, #header .submenu > li a:focus { color: var(--pink); background-color: transparent; }
#header .submenu li > a { font-size: clamp(2.2rem, 1.458vw, 100rem); line-height: 1.2; padding-block: 0.521vw; display: inline-block; }
#header .submenu li.has-sub i.opensub { position: absolute; /* transform: translate(-150%, 50%); */ margin: 0; top: 12px; right: 215px; }
#header .submenu li.has-sub i.opensub::before { line-height: 1; display: flex; }
#header .submenu .menu-sub { padding: 0 0 1.042vw; }
#header .submenu .menu-sub li { text-align: right; padding: 0; }
#header .submenu .menu-sub li a { font-size: clamp(1.7rem,0.938vw,100rem); font-family: 'Assistant-Regular-2023'; color: var(--black); line-height: 1.4; letter-spacing: 0.36px; padding-block: 6px; }
#header .submenu .menu-sub li a:hover { text-decoration: underline; }

#header #header-center-kdm, #header.bg #header-center-kdm { position: relative; top: auto; left: auto; transform: none; padding: 0; display: flex; align-items: center; justify-content: center; gap: 2.604vw; z-index: 0; }
#header #header-center-kdm a { padding: 0; margin: 0; }
#header #header-center-kdm a:hover, #header #header-center-kdm a:focus { color: var(--pink); }

#header #header-left { font-size: clamp(1.7rem, 0.885vw, 100rem); font-family: var(--bold); color: var(--black); line-height: 1.77; display: flex; justify-content: center; align-items: center; gap: 2.083vw; }
#header-left a { position: relative; /* min-width: 136px; */ width: 10.677vw; /*min-height: 58px;*/ height: 4.479vw; min-height: 56px; min-width: 136px; }
#header #header-left img, #header.bg #header-left img { position: absolute; object-fit: contain; max-width: unset; width: 100%; }

@media(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.2) {
    #header .submenu li > a { padding-block: 10px; }
    #header #header-center-kdm a { display: block !important }
}

@media(max-width: 1024px) {
    #header, #header.bg, .home-page #header:not(.bg) { padding: 10px 20px 8px; }

    #header #header-right .menu-nav #menu { width: 100%; height: 150vh; right: -100%; font-size: 1.6rem; padding: 60px 30px; min-width: 0; max-height: 150vh; top: var(--headerHeight); }
    #header.subopen #header-right .menu-nav #menu { right: 0; }
    #header .submenu li > a { padding-block: 10px; }
    #header .submenu > li.has-sub > a { pointer-events: none; padding-bottom: 5px; }
    #header .submenu .menu-sub { padding: 0 0 10px; margin: 0; }
    #header .submenu .menu-sub li a { font-size: 1.6rem; color: var(--blue-dark); }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after, #nav-toggle-mobile span, #nav-toggle-mobile span:before, #nav-toggle-mobile span:after { width: 30px; }
    #header #header-right { width: auto; }
    #header.subopen::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); z-index: 2; transition: all 0.5s 0.5s ease; }
    #header.subopen::after { content: ''; position: fixed; width: 100%; height: 100%; bottom: 0; left: 0; }
    #header .submenu li.has-sub i.opensub { right: 0; margin-right: 10px; width: 165px; }
    #header .submenu li.has-sub i.opensub::before { left: 0; position: relative; justify-content: flex-end; }

    #header #header-center-kdm, #header.bg #header-center-kdm { display: none; }
    #home-gallery video { transform: translateX(-50%) scale(1.6) }

    #header #header-left { width: 100%; z-index: 2; }
    #header .phone-icon i { color: var(--blue-dark); }
    .fa-phone:before { content: "" !important; background-image: url(/warehouse/dynamic/461672.svg); width: 24px; height: 24px; display: block; }
}


/*---------------------------------------------------- Pages ----------------------------------------------------*/

/*-------------------------------------------/*
               Home Page
/*------------------------------------------*/
.home-page #allSectionsWrapper { padding-top: 6.25vw; }
.home-page footer { margin-top: 0; }

/*--- Home Gallery ---*/
#home-gallery { height: calc(100vh - var(--headerHeight)) !important; min-height: calc(100vh - var(--headerHeight)) !important; }
#home-gallery .opacity-layer { background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.00) 100%); }
#home-gallery .scroll-down { left: 50%; transform: translateX(-50%); background-color: var(--pink); border-radius: 50%; font-size: 1.6rem; min-width: 50px; width: 3.646vw; min-height: 50px; height: 3.646vw; animation: none !important; overflow: hidden; }
#home-gallery .scroll-down svg, #home-gallery .scroll-down svg path { width: 0; height: 0; }
#home-gallery .scroll-down::after, #home-gallery .scroll-down::before { content: ''; position: absolute; width: 100%; height: 80%; left: 0; top: 0; animation: upAnddown 1.2s infinite; -webkit-animation: upAnddown 1.2s infinite; background-image: url(/warehouse/dynamic/459035.svg); background-repeat: no-repeat; background-position: center; background-size: auto; }
#player-controls button { height: auto; }

@-webkit-keyframes heroLoopingArrow {
    from { transform: translateY(-50%); }

    100% { transform: translateY(150%); }
}

@keyframes heroLoopingArrow {
    from { transform: translateY(-50%); }

    100% { transform: translateY(150%); }
}

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    #home-gallery .scroll-down::after, #home-gallery .scroll-down::before { background-size: 40%; }
}

@media(max-width: 1024px) {
    #home-gallery { width: 100vw; margin-inline: -30px; }
    #home-gallery .scroll-down { bottom: 30px; }
    .macOs #home-gallery .scroll-down { bottom: 90px; }
    .macOs #mobile-player-controls { bottom: 80px; }
    #home-gallery .scroll-down::after, #home-gallery .scroll-down::before { background-size: 40%; }
    .home-page #allSectionsWrapper { padding-top: 60px; }
}

/*--- our gameplays ---*/
.our-gameplays-sec .section-title h1 { margin-bottom: 3.646vw; }
#SiteGrid .our-gameplays-sec .grid-boxes { max-width: 1360px; margin: 0 auto 5.73vw; gap: 3.125vw 2.917vw; }
#SiteGrid .our-gameplays-sec .grid-boxes .grid-box { width: calc(33.33% - 5.833vw); padding: 0; background-color: transparent; min-height: 0; }
.our-gameplays-sec .grid-boxes .box-image-animation::after { content: ''; position: absolute; width: 100%; }
#SiteGrid .our-gameplays-sec .grid-boxes .grid-box-image { min-height: 195px; height: 12.5vw; overflow: visible; }
#SiteGrid .our-gameplays-sec .grid-boxes .grid-box-image img { width: 100%; border-radius: 20px; }
#SiteGrid .our-gameplays-sec .grid-boxes .grid-box-subtitle.button { margin: 0; }
#SiteGrid .our-gameplays-sec .grid-boxes .grid-box-subtitle.button .button-wrapper { display: flex; align-items: flex-start; gap: 0.833vw; justify-content: center; max-width: 100%; width: 100%; }
#SiteGrid .our-gameplays-sec .grid-boxes .grid-box-subtitle.button .button-wrapper a { background-color: transparent; transform: none; padding: 0; text-align: right; width: calc(100% - 1.563vw); color: var(--blue-dark); font-size: clamp(2.2rem, 1.46vw,100rem); }
#SiteGrid .our-gameplays-sec .grid-boxes .grid-box-subtitle.button .button-wrapper .light-pink-card { position: relative; width: 1.563vw; height: 1.563vw; min-width: 25px; min-height: 25px; }
#SiteGrid .button-wrapper .arrow-icon { position: absolute; min-width: 0; min-height: 0; width: 1.563vw; height: 1.563vw; min-width: 25px; min-height: 25px; background-color: var(--pink); background-image: url(/warehouse/dynamic/461598.svg); background-position: center; background-size: auto; background-repeat: no-repeat; left: 0; top: 1px; padding: 0; }
#SiteGrid .our-gameplays-sec .grid-boxes .grid-box-image a.box-image-animation { transition: all 0.5s ease-out; }
#SiteGrid .our-gameplays-sec .grid-boxes .grid-box-image:hover a.box-image-animation { transform: rotate(1deg) }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    #SiteGrid .button-wrapper .arrow-icon { background-size: 40%; }
}

@media(max-width: 1024px) {
    .our-gameplays-sec .section-title h1 { margin-bottom: 40px; }
    #SiteGrid .our-gameplays-sec .grid-boxes { gap: 28px; flex-direction: column; flex-wrap: nowrap; }
    #SiteGrid .our-gameplays-sec .grid-boxes .grid-box { width: 100%; margin: 0; }
    #SiteGrid .our-gameplays-sec .grid-boxes .grid-box-image { margin-bottom: 12px; }
    #SiteGrid .our-gameplays-sec .grid-boxes .grid-box-subtitle.button .button-wrapper { gap: 10px; }
    #SiteGrid .our-gameplays-sec .grid-boxes .grid-box-subtitle.button .button-wrapper a { width: calc(100% - 10px); }
    #SiteGrid .our-gameplays-sec .grid-boxes .grid-box-subtitle.button .button-wrapper .light-pink-card,
    #SiteGrid .button-wrapper .arrow-icon { min-width: 30px; min-height: 30px; }
}

/*--- birthday ---*/
.birthday-section { background-image: url(/warehouse/dynamic/459970.png); background-repeat: no-repeat; background-position: top; background-size: cover; padding-top: 6.771vw; }
.birthday-section .grid-rows .grid-row { display: flex !important; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 2.865vw; }
.birthday-section .grid-row-cell { width: auto; }
.birthday-section .grid-row-cell:not(.flexslider-box ) { padding: 2.604vw 4.167vw; max-width: 33%; background-image: url(/warehouse/dynamic/459978.png); border-radius: 20px; }
.birthday-section .grid-row-cell.flexslider-box { }
.birthday-section .grid-row-cell.flexslider-box li.slider-item { padding: 0; }
.birthday-section .grid-row-cell.flexslider-box .grid-row-image-container { position: relative; height: 28.854vw; }
.birthday-section .grid-row-cell.flexslider-box .grid-row-image-container img { height: 100%; width: auto; float: right; }
.birthday-section .grid-row-cell .grid-row-text { width: 100%; display: flex; flex-direction: column; }
.birthday-section .grid-row-cell .grid-row-text h2:first-of-type { text-align: right; margin-bottom: 1.25vw; font-size: clamp(3.5rem, 3.646vw, 100rem); font-family: var(--titlesFont); color: var(--blue-dark); line-height: 0.95; }
.birthday-section .grid-row-cell .grid-row-text .text-wrapper { margin-bottom: 2.344vw; max-width: 90% }
.birthday-section .grid-row-cell .grid-row-text a.grid-row-button { }
.birthday-section .grid-row-cell .grid-row-text .button-wrapper { margin-right: 0; }

@media(max-width: 1024px) {
    .birthday-section, .pealton-plus-section { width: 100vw; margin-inline: -30px; }
    .birthday-section { background-size: auto; padding: 113px 30px 252px; }
    .birthday-section .grid-rows .grid-row { flex-direction: column; }
    .birthday-section .grid-row-cell.flexslider-box { display: none !important; }
    .birthday-section .grid-row-cell:not(.flexslider-box ) { max-width: 100%; padding: 34px 7px; }
    .birthday-section .grid-row-cell .grid-row-text { padding: 0; margin: 0; align-items: center; gap: 16px; }
    .birthday-section .grid-row-cell .grid-row-text h2:first-of-type { text-align: center; max-width: 80%; margin: 0; line-height: 1.1; }
    .birthday-section .grid-row-cell .grid-row-text .text-wrapper { text-align: center; margin-bottom: 5px; }
    .birthday-section .grid-row-cell .grid-row-text .button-wrapper { margin-inline: auto; }
    .birthday-section::after { width: 131px; height: 202px; left: 50%; transform: translateX(-50%); bottom: 60px; }
}

/*--- pealton-plus ---*/
.pealton-plus-section { background-color: var(--turquoise); z-index: 1; padding-block: 7.031vw 8.125vw; }
.pealton-plus-section::before { content: ''; position: absolute; background-image: url(/warehouse/dynamic/476990.svg); background-repeat: no-repeat; background-position: top; background-size: cover; height: 6vw; width: 100%; bottom: 99%; left: 0; }
.pealton-plus-section .grid-rows { max-width: 1200px; margin: 0 auto; }
.pealton-plus-section .grid-rows .grid-row { display: flex !important; justify-content: center; align-items: center; gap: 3.906vw; }
.pealton-plus-section .grid-rows .grid-row-cell { display: flex !important; justify-content: flex-start; align-items: center; width: auto; margin: 0; min-height: 0; }
.pealton-plus-section .grid-rows .grid-row-text { width: 100%; max-width: 500px; }
.pealton-plus-section .grid-rows .grid-row-text img { width: 15.104vw; height: 8.854vw; margin-bottom: 1.042vw; }
.pealton-plus-section .grid-rows .grid-row-text img .sittingGirl { content: none; }
.pealton-plus-section .grid-rows .grid-row-text .button-wrapper { margin-top: 2.344vw; margin-right: 0; }

.pealton-plus-section .grid-rows .grid-row-cell.flexslider-box li.slider-item { padding: 0; }
.pealton-plus-section .flexslider-box .grid-row-image-container { position: relative; width: 32.552vw; height: 33.854vw; border-radius: 20px; overflow: hidden; }
.pealton-plus-section .flexslider-box .grid-row-image-container img { /* width: auto; */ /* height: 100%; */ /* object-fit: none; */ }

@media(max-width: 1024px) {
    .pealton-plus-section { }
    .pealton-plus-section::before { background-size: auto; height: 70px; bottom: 100%; }
    .pealton-plus-section::after { content: none; }
    .pealton-plus-section .grid-rows .grid-row { padding-inline: 30px; flex-direction: column-reverse; gap: 30px; }
    .pealton-plus-section .grid-rows .grid-row-text { padding: 0; margin: 0; text-align: center; }
    .pealton-plus-section .grid-rows .grid-row-text img { width: 226px; height: 133px; margin: 0 auto 20px; }
    .pealton-plus-section .grid-rows .grid-row-text .button-wrapper { margin-top: 25px; margin-inline: auto; }
    .pealton-plus-section .flexslider-box .grid-row-image-container { width: 100%; height: auto; }
}

/*-------------------------------------------/*
                Content Page
/*------------------------------------------*/

#headline { margin-bottom: 2.083vw; }
#GridPage, #allSectionsWrapper { padding-top: 3.646vw; }
#GridPage { display: flex; }
#GridPage #pageview { max-width: 950px; width: 100%; margin: 0 auto; }
#GridPage #pageview .container-fluid { padding: 0; }
#GridPage #pageview h2, #GridPage #pageview p, #GridPage #pageview ul, #GridPage #pageview span { padding-inline: 3.906vw; margin-inline: auto; display: block; overflow: visible; }
#GridPage #pageview h2 { margin-block: 2.083vw 0.833vw; }
#GridPage #pageview ul { margin-bottom: 2.083vw; text-align: right; }
#GridPage #pageview ul li { margin-bottom: 0.625vw; display: flex; justify-content: flex-start; align-items: flex-start; }
#GridPage #pageview ul li::marker { display: none; content: none; }
#GridPage #pageview ul li::before { content: ''; position: relative; display: inline-flex; min-width: 8px; width: 0.417vw; min-height: 7px; height: 0.417vw; border-radius: 50%; background-color: var(--pink); margin-left: 9px; top: 6px; }
#text1, #text2 { line-height: 1.4; max-width: 100%; text-align: right; }
#text1 .img-wrapper img, #text2 .img-wrapper img { border-radius: 20px; margin-inline: -3.906vw; width: calc(100% + 7.813vw); max-width: 125%; }
#text1 p .img-wrapper, #text2 p .img-wrapper { position: relative; margin-block: 2.604vw 3.646vw; }



@media(min-width: 1025px) and (-webkit-min-device-pixel-ratio: 1.2) {
    #GridPage #pageview ul li { margin-bottom: 12px; }
    #GridPage #pageview ul li::before { margin-left: 9px; top: 6px; height: 8px; width: 7px; }
    #GridPage #pageview { max-width: 850px; }
    #text1 p .img-wrapper, #text2 p .img-wrapper { margin-block: 30px; }
}

@media(max-width: 1024px) {
    #headline { margin-bottom: 30px; }
    #GridPage { padding-top: 24px }
    #GridPage #pageview { width: 100%; }
    #GridPage #pageview ul { margin-bottom: 20px; }
    #GridPage #pageview ul li { margin-bottom: 10px; }

    #GridTop { width: 100vw; margin-inline: -30px; min-height: 230px; }
    #GridTop::before { }
    #GridPage #pageview h2 { margin-block: 30px 10px; }
    #GridPage #pageview h2, #GridPage #pageview p, #GridPage #pageview ul, #GridPage #pageview span { padding: 0; }
    #text1 .img-wrapper img, #text2 .img-wrapper img { max-width: 100%; margin: 0; }
}

/*-------------------------------------------/*
                Sales Page
/*------------------------------------------*/
.sales-news-page #allSectionsWrapper { padding-block: 1.563vw 5.73vw; }
#headline + h2, .page-not-found #subheadline h2 { font-family: var(--bold); line-height: 1.2; font-size: clamp(1.8rem,1.25vw,100rem); margin: 0; }
.sales-news-page #SiteGrid .grid-boxes { max-width: 1120px; }
.sales-news-page #SiteGrid .grid-boxes .grid-box { width: calc(33.33% - 1.563vw); }

.sales-news-page footer { margin: 0; }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    .sales-news-page #SiteGrid .grid-boxes .grid-box { min-height: 300px; }
}

@media(max-width: 1024px) {
    .sales-news-page #headline { margin-bottom: 10px; }
    .sales-news-page #allSectionsWrapper { padding-block: 20px 70px; }
}

/*-------------------------------------------/*
                Contact Page
/*------------------------------------------*/

.contact-page #GridPage { padding: 0; }
.contact-page #GridPage #GridContent { padding-block: 3.646vw 6vw; background-color: var(--light-blue); float: none; }
.contact-page #GridPage #GridPromo { margin-block: -5.73vw 6vw; display: flex; justify-content: center; clear: unset; }
.contact-page #GridPage #GridContent #text1 ul { margin-block: 1.042vw 3.646vw; list-style: none; display: flex; justify-content: center; gap: 2.083vw; padding: 0; }
.contact-page #GridPage #GridContent #text1 ul li { margin: 0; }
.contact-page #GridPage #GridContent #text1 ul li::before { content: none; }

.contact-page footer { margin: 0; background-color: var(--light-blue); }

@media(max-width: 1024px) {
    .contact-page #GridPage #GridContent { width: 100vw; margin-inline: -30px; padding: 60px 30px 280px; }
    .contact-page #headline { margin-bottom: 10px; }
    .contact-page #GridPage #pageview h2 { margin-top: 10px; max-width: 270px; line-height: 1.45; letter-spacing: 0.36px; }
    .contact-page #GridPage #GridContent #text1 ul { flex-direction: column; align-items: center; gap: 10px; }
    .contact-page #GridPage #GridContent #text1 ul li { flex-direction: column; align-items: center; max-width: 100px; text-align: center; }
    .contact-page #GridPage #GridPromo { margin-block: -250px 82px; }
}

/*-------------------------------------------/*
                Members Page
/*------------------------------------------*/
.members-page #allSectionsWrapper { padding-top: 1.563vw; }
.members-page .sections .section:not(:last-of-type) { margin-bottom: 3.646vw; }

.members-page #SiteGrid .grid-content-section:not(.QA-section) .grid-boxes .grid-box { width: 18.3vw; min-height: 17.708vw; }

.QA-section .section-title h2 { font-size: clamp(1.8rem,1.25vw,100rem); line-height: 1.2; font-family: var(--bold); margin-bottom: 1.042vw; }
#SiteGrid .QA-section .grid-boxes .grid-box { background-color: transparent; padding: 0; min-height: auto; }
#SiteGrid .QA-section .grid-boxes .grid-box .grid-box-image { /*height: 5.208vw; width: 5.208vw;*/ height: auto; margin-bottom: 0.521vw; }
#SiteGrid .QA-section .grid-boxes .grid-box .grid-box-image .grid-box-image-container { position: relative; }
#SiteGrid .QA-section .grid-boxes .grid-box .grid-box-image .grid-box-image-container img { width: 100%; }
#SiteGrid .QA-section .grid-boxes .grid-box .grid-box-title h3 { font-family: var(--bold); font-size: clamp(1.6rem,0.833vw,100rem); }

.members-page footer { margin-top: 6.771vw; }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    .members-page #SiteGrid .grid-content-section:not(.QA-section) .grid-boxes .grid-box { width: 20.3vw; min-height: 19.708vw; }
}

@media(max-width: 1024px) {
    .members-page #headline { margin-bottom: 10px; }
    .members-page #allSectionsWrapper { padding-top: 20px; }
    .members-page .sections .section:not(:last-of-type) { margin-bottom: 50px; }
    .sales-news-page #SiteGrid .grid-boxes .grid-box,
    .members-page #SiteGrid .grid-content-section:not(.QA-section) .grid-boxes .grid-box { min-height: 0; width: 100%; padding-inline: 16px; }
    .members-page .sections .section:not(:last-of-type).grid-text-section { margin-bottom: 30px; }
    .members-page .sections .section:not(:last-of-type).grid-text-section h2 { font-size: 3.5rem; line-height: 1; margin-bottom: 10px; }
    .members-page .sections .section:not(:last-of-type).grid-text-section .grid-text-content p:last-of-type { font-size: 1.4rem; line-height: 20px; letter-spacing: 0.28px; }
    #SiteGrid .QA-section .grid-boxes .grid-box { align-items: center; height: auto !important; }
    #SiteGrid .QA-section .grid-boxes .grid-box .grid-box-image { width: 205px; }
    #SiteGrid .QA-section .grid-boxes .grid-box .grid-box-title { display: none; }
    .QA-section .section-title h2 { line-height: 1.45; letter-spacing: 0.36px; margin-bottom: 10px; }
    .members-page footer { margin-top: 60px; }
}
/*-------------------------------------------/*
             Playgrounds Page
/*------------------------------------------*/
.playgrounds-page #pageview, .playgrounds-page #pageview #text1 { text-align: center; }
.playgrounds-page #gridshort-view > div.flex-row { margin-bottom: 7.3vw; }
.playgrounds-page.contentInnerPage .form-wrapper { z-index: 1; }

.playgrounds-page footer { margin-top: 7.813vw; }

/*-------- Content Inner Page --------*/
.playgrounds-page.contentInnerPage { }
.playgrounds-page.contentInnerPage #GridTop { background-image: unset !important; background-color: var(--turquoise); }
.playgrounds-page.contentInnerPage #GridTop .top-caption { max-width: 500px; top: 50%; }
.playgrounds-page.contentInnerPage #GridTop .top-caption #headline { margin: 0; }

.playgrounds-page.contentInnerPage .grid-text-section { padding-bottom: 3.646vw; }
.playgrounds-page.contentInnerPage .grid-text-section.text-1 { padding-bottom: 3.125vw; }
.playgrounds-page.contentInnerPage .grid-text-section .section-title h2 { font-size: clamp(1.8rem,1.25vw,100rem); color: var(--black); font-family: var(--bold); }
.playgrounds-page.contentInnerPage .grid-text-section.text-1 .grid-text-content { font-size: clamp(1.6rem,0.94vw,100rem); line-height: 1.4; /*letter-spacing: 0.63px;*/ }

.playgrounds-page.contentInnerPage .grid-text-section.boxes-text-section { flex-direction: row; justify-content: center; max-width: 855px; gap: 5.208vw; }
.playgrounds-page.contentInnerPage .grid-text-section.boxes-text-section .box-text-container ul { list-style: none; }

.boxes-text-section .box-text-title h2 { font-size: clamp(1.8rem,0.94vw,100rem); font-family: var(--bold); color: var(--blue-dark); margin-bottom: 0.833vw; }
.boxes-text-section .grid-text p:not(:last-of-type) { margin-bottom: 0.417vw; }

.options-section { max-width: 1372px; margin-bottom: 5.365vw; }
.options-section .section-title h2 { font-size: clamp(1.8rem,1.25vw,3rem); line-height: 1.2; font-family: var(--bold); margin-bottom: 1.563vw; }

#SiteGrid .options-section .grid-boxes { gap: 1.042vw; }
#SiteGrid .options-section .grid-boxes .grid-box { min-height: auto; width: 12.5%; padding: 0.833vw 0.521vw; }
#SiteGrid .options-section .grid-boxes .grid-box .grid-box-image { height: clamp(50px,2.604vw,70px); margin-bottom: 0.521vw; }
#SiteGrid .options-section .grid-boxes .grid-box h3 { font-family: var(--bold); color: var(--blue-dark); font-size: clamp(1.4rem,0.73vw,2.5rem); }

.playgrounds-page.contentInnerPage .grid-text-section.text-2 { background-image: url(/warehouse/dynamic/461517.png); background-position: top; background-size: cover; padding-block: 9.375vw 4vw; }
.playgrounds-page.contentInnerPage .grid-text-section.text-2 .grid-text { max-width: 800px; }

.playgrounds-page.contentInnerPage #GridPromo { background-color: var(--extra-light-blue); }
.playgrounds-page.contentInnerPage .grid-gallery-section { padding-block: 5.208vw; background-color: var(--extra-light-blue); }

.playgrounds-page.contentInnerPage .grid-text-section.connections { padding-block: 1.042vw; background-color: var(--light-blue); }

.playgrounds-page.contentInnerPage footer { margin: 0; }


@media(min-width: 1025px) {
    .playgrounds-page.contentInnerPage .grid-text-section.boxes-text-section .box-text-container { width: max-content; max-width: 10vw; }
}

@media(max-width: 1024px) {
    .playgrounds-page #gridshort-view > div.flex-row { margin-bottom: 70px; }
    .playgrounds-page footer { margin-top: 80px; }

    /*-------- Content Inner Page --------*/
    .playgrounds-page.contentInnerPage #GridTop .top-caption { max-width: 255px; min-width: 0; top: 40%; }
    .playgrounds-page.contentInnerPage #GridPage { padding-top: 65px; }

    .playgrounds-page.contentInnerPage .grid-text-section.text-1 { gap: 16px; }
    .playgrounds-page.contentInnerPage .grid-text-section.text-1 .grid-text-content { letter-spacing: 0.32px; line-height: 1.25; }
    .playgrounds-page.contentInnerPage .grid-text-section.text-1 .grid-text-content strong { font-weight: normal; font-family: var(--bold); }
    .playgrounds-page.contentInnerPage .grid-text-section { padding-bottom: 30px !important; }
    .playgrounds-page.contentInnerPage .grid-text-section.boxes-text-section { flex-direction: column; gap: 30px; max-width: 70%; }

    .options-section { margin-bottom: 40px; }
    .options-section .section-title h2 { margin-bottom: 20px; }

    #SiteGrid .options-section .grid-boxes { align-items: center; gap: 12px; }
    #SiteGrid .options-section .grid-boxes .grid-box { width: calc(50% - 6px ); margin: 0; padding: 12px 16px; }
    .playgrounds-page.contentInnerPage .grid-text-section.connections .grid-text-content { background-color: var(--light-blue); }

    .playgrounds-page.contentInnerPage .grid-text-section.text-2, .playgrounds-page.contentInnerPage #SiteGrid #GridPromo,
    .playgrounds-page.contentInnerPage .grid-gallery-section, .playgrounds-page.contentInnerPage .grid-text-section.connections { width: 100vw; max-width: 100vw; margin-inline: -30px; padding-inline: 30px; }
    .playgrounds-page.contentInnerPage #SiteGrid #GridPromo { z-index: 1; }
    .playgrounds-page.contentInnerPage .grid-text-section.text-2 { padding-block: 140px 44px; background-size: auto; gap: 10px; }

    .playgrounds-page.contentInnerPage .grid-gallery-section { padding-block: 50px; }
    .playgrounds-page.contentInnerPage .grid-gallery-section .gallery-cubes { width: 100%; }

    .playgrounds-page.contentInnerPage .grid-text-section.connections { background-color: var(--extra-light-blue); padding-bottom: 70px !important; }
}

/*-------------------------------------------/*
             Career Page
/*------------------------------------------*/

.career-page header { display: flex; }
.career-page #allSectionsWrapper { padding: 0; margin-block: 2.083vw 7.3vw; }
.career-page #SiteGridContainer::before { content: ''; position: absolute; bottom: -4.7vw; width: 100%; height: 23.7vw; background-color: var(--light-blue); }
.career-page #SiteGrid.layout-bottom #GridPromo { padding-bottom: 4.7vw }
.career-page #SiteGrid.layout-bottom #GridPromo::after { content: ''; position: absolute; width: 100vw; height: 28.125vw; background-color: var(--turquoise); bottom: 0; }
.career-page footer { margin: 0 }

@media(max-width: 1024px) {
    .career-page #GridPage { padding-top: 60px; }
    .career-page #headline { margin-bottom: 10px; }
    .career-page #allSectionsWrapper { margin-block: 30px 84px; }
    .career-page #SiteGridContainer::before { height: 445px; }

    .career-page #SiteGrid.layout-bottom #GridPromo::after { margin-inline: -30px; height: 65%; }
}

/*-------------------------------------------/*
             Birthdays Page
/*------------------------------------------*/

.birthdays-page #GridPage { padding-top: 3.333vw; }
.birthdays-page #headline { margin-bottom: 3.125vw; }
.birthdays-page #headline + h2 { margin-bottom: 0.521vw; }
.birthdays-page #lobbyText { max-width: 550px; font-size: clamp(1.6rem,0.94vw,100rem); letter-spacing: 0.36px; }

.birthdays-page #allSectionsWrapper { padding-top: 2.083vw; }

.birthdays-page #SiteGrid .grid-boxes .grid-box { min-height: 170px; width: calc(25% - 1.563vw); padding: 1.042vw; }
.birthdays-page .sections .grid-content-section { max-width: 1240px; margin-bottom: 3.125vw; }
.birthdays-page #SiteGrid .grid-boxes .grid-box-image { margin-bottom: 0.521vw; }
.birthdays-page #SiteGrid .grid-boxes .grid-box-title h3 { font-family: var(--bold); line-height: 1.35; font-size: clamp(1.6rem,0.94vw,100rem); color: var(--blue-dark); }

.birthdays-page .grid-text-section:not(.connections) { max-width: 795px; margin-bottom: 5.208vw; }

.birthdays-page .grid-faq-section { padding-block: 8.854vw 5.208vw; background-image: url(/warehouse/dynamic/461517.png); background-position: top; background-size: cover; background-repeat: repeat; background: linear-gradient(182deg, var(--light-blue) 0%, rgba(244, 253, 255, 1) 80%); }
.birthdays-page .grid-faq-section::before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: url(/warehouse/dynamic/461517.png); background-position: top; background-size: contain; background-repeat: no-repeat; }
.birthdays-page .grid-faq-section .grid-faq { z-index: 1; position: relative; }

.birthdays-page #SiteGrid.layout-bottom #GridPromo { padding-block: 0.521vw 5.729vw; /* background-color: var(--extra-light-blue);*/ }
.birthdays-page #SiteGrid.layout-bottom #GridPromo::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: var(--extra-light-blue); z-index: -2; }

.birthdays-page footer { margin: 0; }


@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.2) {
    .birthdays-page #SiteGrid .grid-boxes .grid-box { padding-top: 30px; }
    .birthdays-page #SiteGrid .grid-boxes .grid-box-image { margin-bottom: 0.721vw; }
    .birthdays-page #SiteGrid .grid-boxes .grid-box-title h3 { font-size: 1.7rem; }
}


@media(max-width: 1024px) {
    .birthdays-page #GridPage { padding-top: 24px; }
    .birthdays-page #headline { margin-bottom: 16px; }
    .birthdays-page #headline + h2 { margin-bottom: 10px; }
    .birthdays-page #allSectionsWrapper { padding-top: 20px; }
    .birthdays-page .sections .grid-content-section { margin-bottom: 48px; }
    .birthdays-page #SiteGrid .grid-boxes .grid-box { width: calc(50% - 6px); padding: 12px 16px; margin-bottom: 0; min-height: 0; }
    .birthdays-page #SiteGrid .grid-boxes .grid-box-image { margin-bottom: 10px; height: 50px; }
    .birthdays-page .grid-text-section { }
    .birthdays-page .grid-text-section .clearfix.visible-xs-block { display: none; }
    .birthdays-page .grid-faq-section { width: 100vw; max-width: 100vw; margin-inline: -30px; padding: 106px 30px 75px; /*background-size: auto; background-position: 35% 0; background-repeat: no-repeat; */ }
    .birthdays-page .grid-faq-section::before { background-image: url( /warehouse/dynamic/461688.svg); background-size: 100%; }
    .birthdays-page #SiteGrid.layout-bottom #GridPromo { order: 0; width: 100vw; max-width: 100vw; margin-inline: -30px; padding: 0 30px; }
    .birthdays-page #SiteGrid.layout-bottom #GridPromo::before { content: ''; position: absolute; width: 100%; height: 20vh; bottom: 100%; left: 0; background-color: var(--extra-light-blue); z-index: -2; }
}

/*-------------------------------------------/*
               Pealton+ Page
/*------------------------------------------*/
.pealton-plus-page #allSectionsWrapper { padding: 0 }

.pealton-plus-page .grid-image-section { height: auto; margin-bottom: 2.083vw; }
.pealton-plus-page .grid-image-section .image-section-data { height: auto; }
.pealton-plus-page .grid-image-section img { margin: 0 !important; height: 8.854vw; width: auto; }

.pealton-plus-page .grid-text-section { gap: 10px; max-width: 800px; margin-bottom: 4.167vw; }
.pealton-plus-page .grid-text-section .section-title h2 { font-family: var(--bold); color: var(--black); font-size: clamp(1.8rem,1.25vw,100rem); }

.pealton-plus-page .pealton-plus-boxes-section { }
.pealton-plus-page #headline h1 { color: var(--brown); }
.pealton-plus-page #SiteGrid .pealton-plus-boxes-section .grid-boxes { max-width: 1020px; }
.pealton-plus-page #SiteGrid .grid-boxes .grid-box { justify-content: flex-start; width: 225px; min-height: auto; padding: 1.302vw; background-color: var(--white); }
.pealton-plus-page #SiteGrid .grid-boxes .grid-box .grid-box-fulltext { margin: 0 }
.pealton-plus-page #SiteGrid .grid-boxes .grid-box-fulltext p:first-child, .pealton-plus-page #SiteGrid .grid-boxes .grid-box-fulltext p,
.pealton-plus-page #SiteGrid .grid-boxes .grid-box-fulltext p:last-child { margin-block: 0 0.5vw; font-size: clamp(1.5rem,0.781vw,2.2rem); line-height: 1.2; }
.pealton-plus-page #SiteGrid .grid-boxes .grid-box-fulltext p:last-child { margin-bottom: 0; }
.pealton-plus-page #SiteGrid .grid-boxes .grid-box-subtitle { color: var(--brown); margin-bottom: 0.833vw; }

.pealton-plus-page .grid-gallery-section { background-color: var(--grey); padding-block: 0.521vw 7.813vw; margin-top: 11.356vw; }
.pealton-plus-page .grid-gallery-section::before { content: ''; position: absolute; bottom: 99%; left: 50%; transform: translateX(-50%); width: 100%; height: 9.896vw; background-image: url(/warehouse/dynamic/461573.svg); background-position: center; background-size: cover; }
.pealton-plus-page footer { margin: 0; }

@media(max-width: 1024px) {
    .pealton-plus-page .grid-image-section { margin-bottom: 10px; }
    .pealton-plus-page .grid-image-section img { height: 140px; }
    .pealton-plus-page .grid-text-section { margin-bottom: 40px; }

    .pealton-plus-page .pealton-plus-boxes-section #headline { margin-bottom: 20px; }
    .pealton-plus-page #headline h1 { line-height: 1; }
    .pealton-plus-page #SiteGrid .pealton-plus-boxes-section .grid-boxes { gap: 7px 10px; }
    .pealton-plus-page #SiteGrid .grid-boxes .grid-box { height: max-content; min-height: 0; width: calc(50% - 5px); margin: 0; padding: 16px 12px; }
    .pealton-plus-page #SiteGrid .grid-boxes .grid-box-subtitle { font-size: 1.6rem; }
    #SiteGrid .grid-boxes .grid-box-fulltext p:first-child, #SiteGrid .grid-boxes .grid-box-fulltext p,
    #SiteGrid .grid-boxes .grid-box-fulltext p:last-child { margin-block: 0 10px }

    .pealton-plus-page .grid-gallery-section { width: 100vw; margin: 150px -30px 0; padding: 40px 30px 70px; }
    .pealton-plus-page .grid-gallery-section::before { height: 100px; }
    .grid-gallery-section .gallery-cubes { gap: 10px; }
    .grid-gallery-section .gallery-cubes > div { width: calc(50% - 5px); height: auto; }
}

/*-------------------------------------------/*
                  Footer
/*------------------------------------------*/
footer { display: flex; border-top: 1px solid rgba(27, 27, 27, 0.20); position: relative; z-index: 1; margin-top: 4.7vw; }
.footer-text-divided { padding: 3.125vw 4.688vw 3.125vw 2.083vw; display: flex; align-items: flex-start; justify-content: space-between; }
body:is(.sales-news-page,.playgrounds-page,.content-page,.accessabilityMainPage,.members-page ) .footer-text-divided { background-color: var(--white) }
.footer-text-divided > div.footer-text-right { padding: 0; width: auto; display: flex; justify-content: flex-start; align-items: flex-start; gap: 3.125vw; }
.footer-text-divided > div.footer-text-right ul { list-style: none; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 5px; }
.footer-text-divided > div.footer-text-right ul h3, .footer-text-divided > div.footer-text-right ul a { font-size: 1.6rem; }
.footer-text-divided > div.footer-text-right ul h3 { font-family: var(--bold); margin-bottom: 7px; line-height: 1.5; }
.footer-text-divided > div.footer-text-left { padding: 0; width: 32%; display: flex; justify-content: flex-end; align-items: flex-start; }
.footer-column-wrapper h3 { font-size: clamp(1.6rem,0.833vw,100rem); font-family: var(--bold); line-height: 1.5; letter-spacing: 0.32px; margin-bottom: 15px; }
.footer-text-divided > div.footer-text-left ul { list-style: none; display: flex; justify-content: flex-end; align-items: flex-start; gap: 1.667vw; width: auto; }
.footer-text-divided > div.footer-text-left ul li { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; width: auto; }
.footer-text-divided > div.footer-text-left ul li a { width: auto; margin-inline: 10px; }

.footer-text-divided > div.footer-text-right ul a { }
.footer-text-divided > div.footer-text-left ul li:last-of-type a, .footer-text-divided > div.footer-text-right ul a { transition: all 0.35s ease-in-out; position: relative; }
.footer-text-divided > div.footer-text-left ul li:last-of-type a:hover:after, .footer-text-divided > div.footer-text-right ul a:hover:after { width: 100%; }
.footer-text-divided > div.footer-text-left ul li:last-of-type a::after, .footer-text-divided > div.footer-text-right ul a::after { content: ''; position: absolute; right: 0; bottom: 0; height: 1px; width: 0; background-color: var(--black); transition: all 0.5s ease-in-out; }

footer .img-wrapper { width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 12px; }
#SiteFooter .img-wrapper img { margin: 0 auto; height: 100%; width: auto; }
#SiteFooter .site-credit.alternative { display: flex; }

.st0 { fill: #fff !important; }
footer a.AccessabilityLink { display: flex; align-items: flex-end; justify-content: flex-start; gap: 5px; }
footer a.AccessabilityLink:hover { color: #fff; }
#SiteFooter .site-credit.alternative svg { margin-top: -7px; }

@media(max-width: 1024px) {
    footer { border-top: 0; box-shadow: 0px -2px 20px 0px rgba(0, 0, 0, 0.05); }
    .footer-text-divided { flex-direction: column; padding: 60px 20px 70px; }
    .footer-text-divided > div.footer-text-left { width: 100%; }
    .footer-text-divided > div.footer-text-left ul { gap: 32px; flex-wrap: wrap; justify-content: center; }
    .footer-text-divided > div.footer-text-left ul li { width: calc(50% - 32px); text-align: center; gap: 10px; }
    .footer-text-divided > div.footer-text-left ul li a { margin: 0; text-decoration: underline; }
    .footer-text-divided > div.footer-text-left ul li a .img-wrapper { margin-inline: 0px; }
    footer .img-wrapper { margin-bottom: 7px; }


    .footer-text-divided > div.footer-text-right { flex-direction: column; width: 100%; margin-bottom: 50px; }
    .footer-column-wrapper { width: 100%; border-bottom: 1px solid rgba(27, 27, 27, 0.20); }
    .footer-text-divided > div.footer-text-right ul { max-height: 0; overflow: hidden; /* transition: max-height 0.5s ease-out; */ /* padding-block: 12px 16px; */ }
    .footer-text-divided > div.footer-text-right .open + ul { max-height: 1000px; overflow: visible; padding-bottom: 16px; }
    .footer-column-wrapper h3::after { content: ""; position: absolute; left: 0; top: 30%; transform: translateY(-50%); width: 12px; height: 8px; background-image: url(/warehouse/dynamic/458179.svg); background-position: center; background-repeat: no-repeat; background-size: auto; transition: all 0.35s ease; }
    .footer-column-wrapper h3 { position: relative; margin: 0; padding-bottom: 16px; }
    .footer-column-wrapper h3.open::after { transform: translateY(-50%) scaleY(-1); }
}


/*-------------------------------------------/*
               404 Page
/*------------------------------------------*/
body.page-404 { background-color: var(--turquoise); }
.page-404 #SiteGrid { display: flex; align-items: center; justify-content: center; gap: 9.271vw; max-width: 1235px; margin-inline: auto; }
.page-404 #GridTop { height: 83vh; width: 50%; background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0; }
.page-404 #GridTop::before { content: none; }
.page-404 #GridPage { width: 35%; }
.page-not-found { margin: 0 auto; }
.page-404 #GridBottom { display: none; }
.page-404 #headline h1 { color: var(--white) }
.page-not-found #subheadline h2 { margin-bottom: 0.833vw; color: var(--white); }
.page-not-found div:is(#text1,#text2) { text-align: center; }
.page-not-found #text1 p { overflow: visible; }
.page-not-found #text1 p:not(:last-child) { margin-bottom: 2.604vw; }

#text1 p:has(strong):not(:last-child) { margin-block: 1vw 0.52vw; }

.page-404 footer { background-color: var(--light-blue); }

@media(max-width: 1024px) {
    .page-404 #SiteGrid { flex-direction: column-reverse; gap: 60px; }
    .page-404 #GridTop { width: 100%; height: 250px; margin-bottom: 85px; }
    .page-404 #GridPage { width: 100%; padding-top: 60px; }
    .page-404 #GridPage #headline { margin-bottom: 20px; }
    .page-not-found #subheadline h2 { margin-bottom: 16px; }
    .page-not-found #text1 p:not(:last-child) { margin-bottom: 42px; }

    #text1 p:has(strong):not(:last-child) { margin-block: 15px 7px; }
}
