/*LGBTQ CENTER 2026*/ :root { --white: #fff; --black: #1A1A1A; --blue: #191C4E; --vivid-blue: #00BEFF; --pink: #FF70C8; --green: #28C06C; --lime: #EAFF00; --stroke: #EBE9DF; --text-color: #4B4D6E; --grey: #656974; --grey-light: #989898; --green-studio: #D9FF5C; --gap-2: 0.104vw; --gap-4: 0.208vw; --gap-6: 0.313vw; --gap-8: 0.417vw; --gap-10: 0.521vw; --gap-12: 0.625vw; --gap-14: 0.729vw; --gap-16: 0.833vw; --gap-18: 0.938vw; --gap-20: 1.042vw; --gap-21: 1.094vw; --gap-22: 1.146vw; --gap-24: 1.25vw; --gap-26: 1.354vw; --gap-28: 1.458vw; --gap-30: 1.563vw; --gap-32: 1.667vw; --gap-36: 1.875vw; --gap-40: 2.083vw; --gap-44: 2.292vw; --gap-48: 2.5vw; --gap-50: 2.604vw; --gap-52: 2.708vw; --gap-56: 2.917vw; --gap-60: 3.125vw; --gap-64: 3.333vw; --gap-66: 3.438vw; --gap-70: 3.646vw; --gap-72: 3.75vw; --gap-80: 4.17vw; --gap-90: 4.688vw; --gap-96: 5vw; --gap-100: 5.208vw; --gap-110: 5.729vw; --gap-120: 6.25vw; --gap-128: 6.667vw; --gap-140: 7.292vw; --gap-150: 7.813vw; --gap-160: 8.333vw; --gap-170: 8.854vw; --gap-180: 9.375vw; --gap-194: 10.104vw; --gap-200: 10.417vw; --gap-220: 11.458vw; --gap-240: 12.5vw; --gap-260: 13.542vw; --gap-280: 14.583vw; --gap-300: 15.625vw; --gap-320: 16.667vw; --gap-360: 18.75vw; --fs-13: 0.677vw; --fs-14: 0.729vw; --fs-15: 0.781vw; --fs-16: 0.833vw; --fs-17: 0.885vw; --fs-18: 0.938vw; --fs-20: 1.042vw; --fs-22: 1.146vw; --fs-24: 1.25vw; --fs-28: 1.458vw; --fs-32: 1.667vw; --fs-35: 1.823vw; --fs-36: 1.875vw; --fs-48: 2.5vw; --fs-56: 2.917vw; --fs-64: 3.333vw; --fs-78: 4.063vw; --fs-88: 4.583vw; --fs-192: 10vw; --fs-300: 15.625vw; --fs-340: 17.708vw; --font-1: 'blender-regular'; --font-2: 'Almoni-Tzar-Dl5-AAA-Bold'; --font-3: 'blender-bold'; } /*------------------------------------------/* GENERAL /*------------------------------------------*/ html { font-size: 62.5%; overflow-x: clip; } body { opacity: 0; color: var(--black); background: white; transition: 0.3s opacity ease; font-family: var(--font-1) !important; font-size: 2rem; zoom: 1 !important; position: relative; transition-delay: 0.5s; } body { font-size: clamp(15px, var(--fs-17),300px); font-family: var(--font-1); line-height: 1.45; letter-spacing: -0.17px; } body.home-page { opacity: 1; } body.shown { opacity: 1; } body, body.modal-open { padding: 0 !important; overflow: clip !important; } .modal { z-index: 10000; } .modal-backdrop.in { opacity: 0.5; } .gallery-cubes-modal { padding: 0 !important; } .gallery-cubes-modal .flexslider .slides { display: flex; align-items: center; flex-wrap: wrap; } .gallery-cubes-modal .flexslider .flex-direction-nav li a { outline: unset; } .gallery-cubes-modal .flexslider a.flex-next:before, .gallery-cubes-modal .flexslider a.flex-prev:before { font-size: 250%; } .grid-box-fulltext :is(p, li), :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li), .project-inner-page .headline-wrapper .cstm-flds .field-row p, .circle-swiper .grid-boxes .grid-boxes .grid-box .grid-box-subtitle span { font-size: clamp(14px,var(--fs-18),300px); position: relative; line-height: 1.45; color: white; letter-spacing: 0.18px; } .section-title, .grid-text-section .section-title { margin: 0; } #SiteContainer { position: relative; z-index: 1; } body:not(:has(#GridTop.noTopImage)) #SiteGrid { padding: 0; } #SiteGridContainer { position: relative; z-index: 2; } #GridWrapInner { max-width: var(--app-width); display: flex; flex-direction: column; } #allSectionsWrapper { z-index: 2; background: var(--white); } .sections .section, section.section { margin-bottom: 0; padding: 0; max-width: var(--app-width); width: 100%; } .grid-rows .grid-row { background: inherit; } .grid-row li.slider-item, .grid-boxes .grid-box-image { padding-bottom: 0; overflow: visible; } .grid-boxes .grid-box-image-container, .grid-row .grid-row-image-container, .grid-short-box-image .image-container { position: relative; height: 100%; } .grid-text.gridHasVideo .grid-iframe-holder { padding: 0; display: flex; overflow: hidden; } .grid-text.gridHasVideo .grid-iframe-holder video { width: 100%; } .grid-boxes { display: flex; margin: 0; width: 100%; } .grid-boxes .grid-box { margin: 0; padding: 0; } .grid-boxes .grid-box-subtitle { font-size: unset; } .grid-boxes .grid-box .grid-box-image, #lobbyview .grid-boxes .grid-box-image, :is(div, #LobbyModule) .grid-boxes .grid-box-image { margin: 0; } .grid-boxes .grid-box-title h3 a { outline: none !important; transition: 0.3s ease all; } #lobbyview .grid-boxes, #LobbyModule .grid-boxes { max-width: unset; padding: 0; margin: 0; } #LobbyModule .grid-box { opacity: inherit; font-size: 2rem; margin: 0; } #text1 p:last-child { margin: 0; } #GridPage { padding: 0; background: white; } #main-header .max-width, #GridPage .max-width, .blog-grid #GridPage .max-width, .max-width, .lobby-grid #GridPage .max-width { width: 100%; padding: 0; max-width: 100%; margin: 0; } .grid-text-content, .grid-text .grid-text-content { opacity: initial; margin: 0; width: 100%; padding: 0; } .grid-text p { margin-top: 0; } b, strong { font-weight: unset; font-family: var(--font-2); } li::marker { color: var(--black); } a:hover, a:focus { color: inherit; } .container-fluid { padding: 0; } .gallery-container { width: 100%; } .gallery-cubes { display: flex; } .box-image-animation { outline: unset !important; } .box-image-animation:hover img { transform: none !important; } #GridPromo { width: 100%; margin: 0; padding: 0; } #CatalogModule { padding: 0; } .itemContentWrapper { margin: 0; } .row { margin: 0; } .slick-track::before, .slick-track::after, .grid-boxes::before, .grid-boxes::after, .grid-rows::before, .grid-rows .grid-row::after, #gridshort-view > div::before, #gridshort-view > div::after, .gallery-cubes::before, .gallery-cubes::after, .row::before, .row::after, .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after, .clearfix { display: none !important; } #GridTop, #GridTop.blog { height: calc(100vh - var(--headerHeight)); background-repeat: no-repeat; background-size: cover; margin: 0; width: 100%; margin-top: var(--headerHeight); position: relative; border-radius: 0; } #GridTop.noTopImage.longer { height: 0; overflow: hidden; } #home-gallery .scroll-down { display: none; } #player-controls { display: none; } .cartItemsCounter { background: var(--vivid-blue); } .cartItemsCounter span.CartItems { color: var(--white); left: 50%; top: 60%; } footer { padding: 0; display: block; position: relative; z-index: 1000; } #SiteFooter { float: none; } h1, .h1, h2, .h2, h3, .h3 { margin: 0; } .gallery-cubes .image-link-container { display: none; } .blog-post { padding: 0; direction: ltr; } #LobbyModule .grid-boxes .grid-box-title h3 { font-size: unset; margin: 0; } :is(div,#LobbyModule) #lobbyview { display: flex; padding-block: var(--gap-80) var(--gap-120); justify-content: center; flex-direction: column; background: var(--white); } #BlogMain { padding-bottom: var(--gap-80); } .gallery-cubes .boxes-images-outer-image { border-radius: 6px; padding: 0; width: 100%; height: auto; aspect-ratio: 1.2; } .gallery-cubes .boxes-images-outer-image { pointer-events: none; } .opacity-layer-slide { display: none; } .GridTop { width: calc(100% - var(--gap-24)); margin-inline: auto; margin-top: var(--gap-12); border-radius: 6px; } .blog-post-title a:focus, .blog-post-title a:hover { text-decoration: none; } .gallery-container .gallery-cubes > div .boxes-images-outer-image:focus { outline: none; } .owl-carousel .owl-controls .owl-dot { width: 7px; height: 7px; background: white; border-radius: 9.3px; transition: 0.3s ease all; } .owl-carousel .owl-controls .owl-dot.active { width: 32px; } .swiper-pagination span.swiper-pagination-bullet { background: white !important; opacity: 1; border-radius: 0; transition: 0.3s ease all; border: 1px solid var(--black); width: 10px; height: 10px; } .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 10px; height: 10px; background: var(--black) !IMPORTANT; } #ContentGridShortModule .gridshort-view-item { width: 100%; margin: 0; } #ContentGridShortModule .grid-short-box-image a { position: static; } #GridTop.noTopImage, .GridTop.noTopImage { display: none; } #PageBreadCrumps { max-width: 100% !important; padding: 0 !important; text-align: center; background: white; color: #656974; } #PageBreadCrumps span:not(:last-child)::after { content: "/"; width: var(--gap-4); /* height: var(--gap-4); */ aspect-ratio: 1; display: inline-block; /* background: var(--black); */ border-radius: 50%; margin-inline: 0 10px; } #PageBreadCrumps span:not(:last-child) { display: inline-flex; gap: var(--gap-10); align-items: center; } label.error, span.error { left: 0; top: -15%; white-space: nowrap; font-size: 90%; } #ContentRegularModule li { list-style: none; } #ContentRegularModule ul { padding: 0; } #ContentRegularModule li:before { content: ""; width: var(--gap-6); height: auto; aspect-ratio: 1; display: inline-block; background: var(--black); border-radius: 50%; vertical-align: inherit; margin-inline-end: var(--gap-12); } .categories-strip { display: none; } .cookies-disclaimer { width: 18.906vw; background: white; border: 1px solid rgba(17, 18, 42, 0.12); bottom: var(--gap-20); right: var(--gap-20); box-shadow: 0 4px 25px -10px rgba(0, 6, 44, 0.10); border-radius: 0; padding: var(--gap-24); } .cookies-disclaimer .disclaimer-wrapper h2 { font-family: var(--font-2); color: var(--black); font-size: clamp(14px,var(--fs-20),300px); margin-bottom: var(--gap-16); } .cookies-disclaimer .disclaimer-wrapper p { color: var(--black); } .cookies-disclaimer .disclaimer-wrapper button { background: var(--vivid-blue); margin: 0; margin-top: var(--gap-24); min-width: var(--gap-140); height: var(--gap-52); color: var(--black); border: none; font-size: clamp(14px,var(--fs-18),300px); border: 1px solid var(--vivid-blue); transition: 0.3s ease all; } #BlogModule { overflow: visible; } .pagination { display: flex; justify-content: center; gap: var(--gap-12); margin: 0; margin-bottom: var(--gap-80); } .pagination > li { display: inline-flex; } .pagination > li a, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; margin: 0; border: 1px solid var(--black); color: var(--black); transition: 0.3s ease all; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: white; background: var(--black); border: 1px solid var(--black); } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: var(--black); color: white !important; } .pagination > li a#NextLink { border: none; background-image: url("https://media.getmood.io/warehouse/dynamic/756706.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } .pagination > li a#NextLink span { opacity: 0; } .pagination > li a#NextLink:hover { background-color: transparent; color: unset; } .pagination > li a#PrevLink { border: none; background-image: url("https://media.getmood.io/warehouse/dynamic/756706.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; transform: scale(-1); } .pagination > li a#PrevLink span { opacity: 0; } .pagination > li a#PrevLink:hover { background-color: transparent; color: unset; } .select-wrapper:after { left: 1%; color: transparent; background-image: url("https://media.getmood.io/warehouse/dynamic/756458.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; width: var(--gap-16); } ::selection { background: var(--pink); color: var(--white); } /*--------------------/* TEXT SELECTORS /*--------------------*/ /*340-Title*/ .timeline-dates .grid-boxes .grid-box .grid-box-title h3 a, #home-gallery .gallery-caption .gallery-text span { font-size: clamp(120px,var(--fs-340),400px); font-family: var(--font-2); line-height: 0.86; letter-spacing: -0.01em; } /*300-Title*/ .grid-text-section.sliding-text .section-title h2, .three-cards .section-topText p { font-size: clamp(180px,var(--fs-300),300px); line-height: 0.69; letter-spacing: -9px; font-family: var(--font-2); text-transform: uppercase; } /*192-Title*/ :is(div, .blogmain-header) #headline h1, .events-lobby #headline h1, :is(div,#LobbyModule) #lobbyview #headline h1, #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea) { font-size: clamp(80px,var(--fs-192),300px); font-family: var(--font-2); line-height: 0.7; letter-spacing: -0.02em; } /*88-Title*/ .SearchResults :is(#lobbyview, #pageview) #headline h1, body.donations :is(div, .blogmain-header) #headline h1, .fixed-size-cubes .real-section-title h2, body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview #headline h1, .plan .section-title h2, body.studio #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2, .grid-faq-section.faq-form-gallery .section-title h2, .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .right.info-sec #headline h1, #BlogView .blog-view .blog-view-wrapper #headline h1, :is(div, #BlogView) .carousel-gallery .section-title h2, .grid-blog .section-title, .timeline-dates .grid-boxes .grid-box .grid-box-subtitle span, .grid-contents .section-title h2, .grid-text-section .section-title h2 { font-size: clamp(50px,var(--fs-88),300px); font-family: var(--font-2); line-height: 0.75; letter-spacing: -0.02em; } /*78-Title*/ .three-cards .grid-boxes .grid-box .grid-box-title h3 a { font-size: clamp(50px,var(--fs-78), 300px); font-family: var(--font-2); line-height: 0.72; letter-spacing: -1.56px; } /*64-Title*/ .career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-label { font-size: clamp(40px,var(--fs-64),300px); font-family: var(--font-2); line-height: 0.8; letter-spacing: -0.01em; } /*48-Title*/ body.events :is(div,#LobbyModule) .blog-post:first-child .blog-post-content h2.blog-post-title a, .map .grid-boxes .circle-container .grid-box .grid-box-title h3 a, .rainbow-cubes .grid-boxes .grid-box .grid-box-text-wrapper .grid-box-title h3 a, .project-box:first-child .grid-short-box .grid-short-box-fulltext .grid-short-box-label, .quote .section-title h2 { font-size: clamp(30px,var(--fs-48),300px); font-family: var(--font-2); line-height: 0.75; letter-spacing: -0.01em; } /*36-Title*/ .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a, body.donations #ContentRegularModule #pageview #text1 > h3, #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuTitlesList li.megaMenuTitleItem a, .megaMenu ul.megaMenuTitlesList li.megaMenuTitleItem h3.menuGroupTitle, #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuTitlesList li.megaMenuTitleItem h3.menuGroupTitle a, body.career #pageview .left.form-sec .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper select, body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview .lobbyTextContainer #lobbyText ul li h3, #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-subtitle span, .grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .oneLine, .plan .grid-boxes .grid-box .grid-box-title h3 a, .plan .grid-boxes .grid-box .grid-box-fulltext ul li h3, body.studio #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h3, .cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a, :is(div,#LobbyModule) #lobbyview > h2, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea), .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2, .right.info-sec .price h3, .project-box .grid-short-box .grid-short-box-fulltext .grid-short-box-label, #BlogView .blog-view #text1 h3, .blog-post .blog-post-content h2.blog-post-title a, .dna .grid-boxes .grid-box .grid-box-title h3 a, .timeline-dates .grid-boxes .grid-box .grid-box-fulltext h3, .grid-contents .grid-boxes.grid-boxes-content .grid-box.grid-short-box .grid-short-box-fulltext .oneLine, #SiteFooter .footer-text-divided .footer-text-right ul h4, #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields .top-form, #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: clamp(24px,var(--fs-36),300px); font-family: var(--font-2); line-height: 0.85; } /*35-Bold*/ #home-gallery .gallery-caption .gallery-text div { font-size: clamp(22px,var(--fs-35),300px); font-family: var(--font-3); line-height: 0.98; letter-spacing: -0.02em; } /*28-Title*/ . { font-size: clamp(18px,var(--fs-28),300px); font-family: var(--font-2); line-height: 0.85; letter-spacing: 0.02em; } /*20-Title*/ .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2:not(:first-child), #BlogView .blog-view #text1 h3, body.donations #ContentRegularModule #pageview #text1 > p:has(strong) strong, body.career #pageview .right.info-sec .sub-title, #BlogView .blog-view #text1 :is(h2,h3,h4) { font-size: clamp(14px,var(--fs-20),300px); line-height: 1.2; font-family: var(--font-3); margin-bottom: var(--gap-32); } /*18-Bold*/ .grid-row .grid-row-cell.grid-row-cell-text h3, #quick-search-container #SearchResultContainer ul.searchResultsList li.finalResultItem a, body.career #pageview .right.info-sec .text h3, .grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .grid-short-box-link a, .plan .grid-boxes .grid-box .grid-box-fulltext ul li:last-child strong, .plan .grid-boxes .grid-box .grid-box-fulltext ul li:last-child, .grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline h3, #main-header .header-container .header-right .menu-nav ul#menu li a, .reviews .grid-boxes .grid-box .grid-box-title-wrapper .grid-box-title h3 a, .rainbow-cubes .grid-boxes .grid-box .grid-box-subtitle.button a, .info-sec .plan h3, .right.info-sec .loc-time-date, .quote .grid-text .grid-text-content h2, .team .grid-boxes .grid-box .grid-box-title h3 a, .three-cards .grid-boxes .grid-box .grid-box-fulltext ul li a, .grid-contents .grid-boxes.grid-boxes-content .grid-box.grid-short-box .grid-short-box-fulltext .grid-short-box-link a, .circles .grid-boxes .grid-box .grid-box-title h3 a { font-size: clamp(14px,var(--fs-18),300px); font-family: var(--font-3); line-height: 1.2; } /*18-Reg*/ .rainbow-cubes .grid-boxes .grid-box .grid-box-text-wrapper .grid-box-subtitle span, :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText p, .three-cards .grid-boxes .grid-box .grid-box-subtitle span { font-size: clamp(14px,var(--fs-18),300px); line-height: 1.4; letter-spacing: -0.18px; } /*17-Reg*/ .cube-tabs-sec .tabs-wrapper .toptext-wrapper .section-topText p span, .cube-tabs-sec .tabs-wrapper .toptext-wrapper .section-topText p, .section.grid-text-section.cube-tabs-sec .grid-text .grid-text-content h2, #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem .resultContent a span b, #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem .resultContent a span, body.donations #ContentRegularModule #pageview #text1 > p, #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-title h2 a.grid-row-button, .grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text p, .grid-faq-section.faq-form-gallery .section-title h3, .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text :is(p,li), .reviews .grid-boxes .grid-box .grid-box-fulltext p, #BlogView .blog-view #text1 :is(p,li), .dna .grid-boxes .grid-box .grid-box-subtitle span, .timeline-dates .grid-boxes .grid-box .grid-box-fulltext p { font-size: clamp(14px,var(--fs-17),300px); font-family: var(--font-1); line-height: 1.45; letter-spacing: -0.01em; } /*16-Reg*/ body.career #pageview .right.info-sec .sub-title, .search #searchFormHeaderContainer form#searchFormHeader input#searchFormInput, .project-box .grid-short-box .grid-short-box-fulltext .date-loc, .grid-contents .grid-boxes.grid-boxes-content .grid-box.grid-short-box .grid-short-box-fulltext .top-desc { font-size: clamp(12px,var(--fs-16),300px); font-family: var(--font-1); line-height: 0.9; letter-spacing: -0.16px; } /*15-Reg*/ .plan .grid-boxes .grid-box .grid-box-fulltext ul li:nth-child(2), .reviews .grid-boxes .grid-box .grid-box-title-wrapper .grid-box-subtitle span, .team .grid-boxes .grid-box .grid-box-subtitle span { font-size: clamp(12px,var(--fs-15),300px); font-family: var(--font-1); line-height: 1.3; letter-spacing: 0.01em; } /*BUTTONS*/ .page-not-found #text1 p a, .events-lobby .normal-grid > .project-box .grid-short-box .grid-short-box-fulltext a.btn, .career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-link a, body.studio :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText a, .cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title h2, .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit, .right.info-sec a.ticket, .section:not(.team) a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], .blogmain-header #text1 p a { position: relative; height: var(--gap-50); align-content: center; border-radius: 0; padding-inline: var(--gap-18); padding-block: var(--gap-10); background: var(--pink); color: transparent; font-size: clamp(14px,var(--fs-18),300px); min-width: var(--gap-120); text-align: center; display: inline-block; overflow: hidden; font-family: var(--font-3); color: var(--black); line-height: 0.8; letter-spacing: 0.36px; border: 1px solid var(--black); } .button-arrow-wrapper { position: relative; display: flex; width: fit-content; /* margin-inline: auto; */ /* align-items: center; */ } .arrow { position: static; width: var(--gap-50); height: auto; aspect-ratio: 1; right: var(--gap-12); bottom: var(--gap-12); border-radius: 0; background: white; overflow: hidden; background-image: url(https://media.getmood.io/warehouse/dynamic/741116.svg); background-position: center; background-repeat: no-repeat; border: 1px solid; border-inline-start: 0; } @media(min-width: 1025px) { :is(.section:not(.team) a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton):hover { background: white; border: 1px solid var(--black); } :is(.grid-text a.sec-button, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], #main-header .header-container .header-center .header-buttons a, .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a):hover { color: transparent; border: 1px solid var(--black); } :is(a,button).yellow-btn { color: transparent; display: flex; height: 100%; overflow: hidden; position: relative; } .yellow-btn::before, .yellow-btn::after { content: attr(data-text); position: absolute; left: 0; width: 100%; height: 100%; transition: transform 0.3s ease; align-content: center; text-align: center; color: var(--black); } .yellow-btn::before { top: 0; transform: translateY(0); background: var(--vivid-blue); } .yellow-btn::after { top: 100%; background: white; } .yellow-btn:hover::before { transform: translateY(-100%); } .yellow-btn:hover::after { transform: translateY(-100%); } .cookies-disclaimer .disclaimer-wrapper button:hover { border: 1px solid var(--black); background: white; } .grid-image-section { height: 33.333vw; } .grid-image-section .image-section-data { height: 33.333vw; } #PageBreadCrumps :is(span a, span) { font-size: clamp(10px,var(--fs-15),300px); } a:focus { outline: none; } .TopVideo iframe { width: 180vw; } #lobbyText { max-width: 35.663vw; } .shadow-btn::before, .shadow-btn::after { content: attr(data-text); position: absolute; left: 0; width: 100%; height: 100%; text-align: start; /* padding-inline: var(--gap-16); */ transition: transform 0.3s ease; /* background: var(--yellow); */ /* border-bottom: 2px solid var(--black); */ align-content: center; text-align: center; color: var(--black); } .shadow-btn::before { top: 0; transform: translateY(0); } .shadow-btn::after { top: 100%; color: var(--black); } .shadow-btn:hover::before { transform: translateY(-100%); } .shadow-btn:hover::after { transform: translateY(-100%); } .shadow-btn { position: relative; overflow: hidden; color: transparent !important; } a.shadow-btn { overflow: hidden !important; display: inline-flex; } } @media(max-width: 1025px) { :root { --gap-2: 2px; --gap-4: 4px; --gap-6: 6px; --gap-8: 8px; --gap-10: 10px; --gap-12: 12px; --gap-14: 14px; --gap-16: 16px; --gap-18: 18px; --gap-20: 20px; --gap-24: 24px; --gap-28: 28px; --gap-30: 30px; --gap-32: 32px; --gap-36: 36px; --gap-40: 40px; --gap-44: 44px; --gap-48: 48px; --gap-50: 50px; --gap-52: 52px; --gap-56: 56px; --gap-60: 60px; --gap-64: 64px; --gap-72: 72px; --gap-80: 80px; --gap-90: 90px; --gap-96: 96px; --gap-100: 100px; --gap-120: 120px; --gap-140: 140px; --gap-160: 160px; --gap-180: 180px; --gap-200: 200px; --gap-240: 240px; --fs-13: 13px; --fs-14: 14px; --fs-15: 15px; --fs-16: 16px; --fs-17: 17px; --fs-18: 18px; --fs-20: 20px; --fs-22: 22px; --fs-24: 24px; --fs-28: 28px; --fs-32: 32px; --fs-35: 35px; --fs-36: 36px; --fs-48: 48px; --fs-56: 56px; } body { font-size: 16px; line-height: 1.45; letter-spacing: 0.16px; } #GridTop .top-caption { position: absolute; transform: translate(-50%,-50%); left: 50%; margin: 0; height: fit-content; justify-content: center; font-family: var(--font-2); } .grid-text-content :is(p, li), .grid-box-fulltext :is(p, li), .grid-text :is(p, li), :is(#lobbyText, #text1, #text2, .text1, .text2) :is(p, li), .grid-rows .grid-row-text :is(p, li), :is(#text1, #text2) > span, .section-topText :is(p, li), #catalogText :is(p, li) { font-size: 16px; line-height: 1.4; letter-spacing: -0.16px; } .opacity-layer-slide { position: absolute; width: 100%; height: 100%; opacity: 0.2; background: black; z-index: 3; } h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #pageview :is(#text1, #text2) > h2, #headline h1 { font-size: 50px; line-height: 0.95; letter-spacing: -2px; } #GridTop, #GridTop.blog { height: 333px; position: relative; } .GridTop { width: calc(100% - var(--gap-12)); margin-top: var(--gap-6); } .sections .section, section.section { max-width: unset; } #PageBreadCrumps { font-size: var(--fs-16); padding: var(--gap-12) var(--gap-24) var(--gap-40); padding-bottom: 0 !important; margin: 0; justify-content: normal; position: relative; } #PageBreadCrumps span { font-size: 14px; } #PageBreadCrumps span:not(:last-child) { gap: 5px; } #PageBreadCrumps span:not(:last-child)::after { width: 3px; margin-inline-end: 2px; } ul { padding-inline: 20px; } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { width: 18px; } #nav-toggle span:before { top: -5px; } #nav-toggle span:after { bottom: -4px; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 1%; } .swiper-pagination-bullet-active { background: var(--black) !important; } .owl-carousel .owl-item .item { padding: 0; border-radius: 6px; } #SiteGrid > div { position: relative; z-index: 1; } .grid-boxes-content { overflow: auto; } .grid-boxes-content > div { min-width: 248px; } .arrow { width: 42px; } .cookies-disclaimer { right: 50%; transform: translateX(50%); width: calc(100% - 40px); padding-inline: 15px; } .cookies-disclaimer .disclaimer-wrapper p { font-size: 13px; line-height: 1.45; letter-spacing: 0.13px; } .cookies-disclaimer .disclaimer-wrapper h2 { line-height: 0.9; letter-spacing: 0.18px; font-size: 18px; } .cookies-disclaimer .disclaimer-wrapper button { width: 100%; font-size: 16px; line-height: 1.45; letter-spacing: 0.16px; } select, textarea, input { font-size: 22px !important; line-height: 0.85 !important; letter-spacing: 0.22px !important; } #PageBreadCrumps { padding-top: 8px !important; padding-inline: 20px !important; text-align: start; color: var(--grey-light); } #GridTop, #GridTop.blog { margin-top: 68px; height: 280px; border-radius: 0; } select:focus, textarea:focus, input:focus { font-size: 22px !important; } .swiper-button-next, .swiper-rtl .swiper-button-prev { top: 10% !important; color: var(--white) !important; width: 11px !important; height: 19px !important; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 19px !important; } .swiper-button-prev { left: unset; right: 20% !important; } .swiper-rtl .swiper-button-next { left: 5% !important; } .swiper-rtl .swiper-button-prev { right: 5% !important; } /*--------------------/* TEXT SELECTORS /*--------------------*/ /*140-Title*/ .timeline-dates .grid-boxes .grid-box .grid-box-title h3 a { font-size: 140px; font-family: var(--font-2); line-height: 0.75; letter-spacing: -1.4px; } /*125-Title*/ #allSectionsWrapper .section.grid-text-section.sliding-text .section-title h2, .three-cards .section-topText p { font-size: 125px; font-family: var(--font-2); line-height: 0.75; letter-spacing: -2.5px; } /*100-Title*/ #home-gallery .gallery-caption .gallery-text span { font-size: 100px; font-family: var(--font-2); line-height: 0.86; letter-spacing: -1px; } /*56-Title*/ :is(div,#LobbyModule) #lobbyview #headline h1, :is(div, .blogmain-header) #headline h1, .three-cards .grid-boxes .grid-box .grid-box-title h3 a { font-size: 56px; font-family: var(--font-2); line-height: 0.76; letter-spacing: -1.12px; } /*36-Title*/ #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-title h3 a, body.studio #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2, .grid-faq-section.faq-form-gallery .section-title h2, body.parade #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content h2, .mobile-boxes-container .grid-box .grid-box-title h3 a, #BlogView .blog-view .blog-view-wrapper #headline h1, .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .fixed-size-cubes .real-section-title h2, .timeline-dates .grid-boxes .grid-box .grid-box-subtitle span, :is(div, #BlogView) .carousel-gallery .section-title h2, .grid-text-section .section-title h2 { font-size: 36px; font-family: var(--font-2); line-height: 0.8; letter-spacing: -0.36px; } /*26-Title*/ body.events #BlogModule .blog-posts .blog-post:first-child .blog-post-content h2.blog-post-title a, .project-box .grid-short-box .grid-short-box-fulltext .grid-short-box-label, .project-box:first-child .grid-short-box .grid-short-box-fulltext .grid-short-box-label, :is(div,#LobbyModule) .blog-post .blog-post-content h2.blog-post-title a, .grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .oneLine, #home-gallery .gallery-caption .gallery-text div { font-size: 26px; font-family: var(--font-2); line-height: 0.85; letter-spacing: 0.26px; } /*22-Title*/ #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields .top-form, #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-fulltext ul li :is(h3, strong), body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview .lobbyTextContainer #lobbyText ul li h3, .rainbow-cubes .grid-boxes .grid-box .grid-box-text-wrapper .grid-box-title h3 a, .cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a, #BlogView .blog-view #text1 h2, .career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-label, .right.info-sec .loc-time-date p, .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 22px; font-family: var(--font-2); line-height: 0.85; letter-spacing: 0.22px; } /*17-Title*/ body.contentInnerPage #BlogView .blog-view #text1 h3, #BlogView .blog-view #text1 h3 span { font-size: 17px; font-family: var(--font-2); line-height: 0.85; letter-spacing: 0.22px; } /*17-Bold*/ .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2:not(:first-child), body.studio #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h3, .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text :is(h2,h3), body.donations #ContentRegularModule #pageview #text1 > p:has(strong) strong, .cube-tabs-sec .grid-text .grid-text-content h2, :is(div,#LobbyModule) #lobbyview > h2 { font-size: 17px; font-family: var(--font-3); line-height: 1.3; letter-spacing: -0.17px; } /*16-Bold*/ .plan .grid-boxes .grid-box .grid-box-fulltext ul li:last-child, body.studio :is(div,#LobbyModule) #lobbyview > :is(h2,.lobbyTextContainer) #lobbyText .button-arrow-wrapper a, .team .grid-boxes .grid-box .grid-box-title h3 a, .grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline span.faq-headline-title, .quote .grid-text .grid-text-content h2 { font-size: 16px; font-family: var(--font-3); line-height: 1.1; letter-spacing: -0.16px; } /*16-Reg*/ #main-header .header-container .header-right .menu-nav ul#menu li a, .grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text p, body.studio :is(div,#LobbyModule) #lobbyview > :is(h2,.lobbyTextContainer) #lobbyText p, .grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text :is(p,li), body.donations #ContentRegularModule #pageview #text1 > :is(p,ul li), .mobile-boxes-container .grid-box .grid-box-fulltext p, #BlogView .blog-view #text1 :is(p,li), .dna .grid-boxes .grid-box .grid-box-subtitle span, :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText p, .three-cards .grid-boxes .grid-box .grid-box-subtitle span { font-size: 16px; font-family: var(--font-1); line-height: 1.4; letter-spacing: -0.16px; } /*14-Reg*/ .cube-tabs-sec .tabs-wrapper .toptext-wrapper .section-topText p span, .plan .grid-boxes .grid-box .grid-box-fulltext ul li:nth-child(2), .team .grid-boxes .grid-box .grid-box-subtitle span, .rainbow-cubes .grid-boxes .grid-box .grid-box-text-wrapper .grid-box-subtitle span, body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .blog-post-icons.blog-date-time span, .project-box .grid-short-box .grid-short-box-fulltext .date-loc, #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField label, .grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .top-desc, .circles .grid-boxes .grid-box .grid-box-title h3 a { font-size: 14px; font-family: var(--font-1); line-height: 1.25; letter-spacing: -0.14px; } /*BUTTONS*/ .section:not(.team) a.grid-row-button, .grid-text a.sec-button, .grid-row-text a.grid-row-button, .grid-rows .grid-row-text a.grid-row-button, .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit button.form-submit, .result-header-container .content-section-Btn a.sec-button, a.tiny-btn, a.FormResultPageButton, #DynamicFormObject input[type="submit"], .blogmain-header #text1 p a, #SiteFooter .footer-text-divided .footer-text-left p a, a.download-button, #main-header .header-container .header-right .menu-nav ul#menu > a { background: var(--pink); color: var(--black); font-size: 16px; height: 42px; border-radius: 0; } } /*------------------------------------------/* FORM RESET /*------------------------------------------*/ .form-container-wide { } .form-container-wide #DynamicFormObject { border: none; padding: 0; display: flex; flex-direction: column; } .form-container-wide #DynamicFormObject::after { display: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; width: 100%; display: block; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText::after { display: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; width: 100%; margin: 0; display: block; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: unset; margin: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { display: flex; flex-direction: column; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { padding: 0; float: none; width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { right: 0.5%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea) { margin: 0; width: 100%; border-radius: 0; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea)::placeholder, .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField select { color: var(--dark-grey-text); } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper) :is(input, textarea, select):focus { /* border: none !important; */ /* border-bottom: 1px solid var(--dark-blue) !important; */ box-shadow: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { margin: 0; text-align: start; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { width: 100%; padding: 0; float: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit { border-radius: 0; width: fit-content; background: black; color: white; margin-inline: auto; } .form-container-wide #DynamicFormObject .dynamicFormEndText { display: block; width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper { } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper { display: flex; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper select { border: none; border-radius: 0; border-bottom: 2px solid var(--black, #1A1A1A); padding-inline: 0; color: var(--grey-light); height: var(--gap-60); padding-inline: var(--gap-14); box-shadow: none; } @media(max-width: 1024px) { .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField span.error { width: 50%; display: block; white-space: normal; top: 91%; } } /*------------------------------------------/* HEADER /*------------------------------------------*/ #main-header .scroll-progress { position: absolute; top: 0; height: var(--gap-6); background: #0172BB; z-index: 1; } #main-header .header-container { flex-direction: row-reverse; padding-inline: var(--gap-16); background: var(--white); } #main-header .header-container .header-right { position: relative; z-index: 1; } #main-header .header-container .header-right .menu-nav { position: absolute; left: 50%; transform: translateX(-50%); } #main-header .header-container .header-right .menu-nav ul#menu { gap: var(--gap-20); } #main-header .header-container .header-right .menu-nav ul#menu li.social-mobile { display: none; } #main-header .header-container .header-right .menu-nav ul#menu li:has(.pinkLine) { position: relative; } #main-header .header-container .header-right .menu-nav ul#menu li:has(.pinkLine):after { content: ""; background-image: url("https://media.getmood.io/warehouse/dynamic/749105.svg"); position: absolute; width: 100%; height: var(--gap-14); bottom: -15%; left: 0; width: 3.369vw; left: unset; right: 0; background-position: center; background-repeat: no-repeat; background-size: contain; } #main-header .header-container .header-right .header-right-content { } #main-header .header-container .header-right .header-right-content .header-search.search-toggle { } #main-header .header-container .header-right .header-right-content .header-search.search-toggle .search { border: 1px solid var(--black); padding: var(--gap-10) var(--gap-12); gap: var(--gap-12); max-height: var(--gap-40); display: flex; } #main-header .header-container .header-right .header-right-content .header-search.search-toggle .search .toggle-search { } #main-header .header-container .header-right .header-right-content .header-search.search-toggle .search #searchFormHeaderContainer { } #main-header .header-container .header-right .header-right-content .header-search.search-toggle .search #searchFormHeaderContainer form#searchFormHeader { } #main-header .header-container .header-right .header-right-content .header-search.search-toggle .search #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { min-width: var(--gap-160); border: navajowhite; } #main-header .header-container .header-right .header-right-content .header-search.search-toggle .search #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { } #main-header .header-container .header-left { padding-block: var(--gap-12); } #main-header .header-container .header-left a.logoHeader img { transition: 0.3s ease all; height: var(--gap-100); } #main-header.bg .header-container .header-left a.logoHeader img { height: var(--gap-72); } @media(min-width: 1025px) { #main-header .header-container .header-right { position: static; } } @media(max-width: 1025px) { #main-header .header-container .header-right .menu-nav { left: 0; position: static; transform: unset; } #main-header .header-container .header-right .menu-nav ul#menu { /* left: 100%; */ right: 0; margin-top: var(--headerHeight); transform: translateX(-100%); padding: 32px 20px; list-style: none; gap: 16px; height: calc(100vh - var(--headerHeight)); } #main-header .header-container .header-left { padding-block: 8px; height: fit-content; width: 142px; transition: 0.3s ease all; } #main-header .header-container .header-left a.logoHeader img { height: 68px; width: 100%; } #main-header ul.menu li.megaMenuSection { background: white; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu i.opensub { display: none; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu button { padding: 0; width: fit-content; height: fit-content; position: absolute; left: 0; position: absolute; width: 100%; text-align: end; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu button .menuSvgArrowIcon { } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu button .menuSvgArrowIcon svg { width: 13px; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu { position: relative; } #main-header.open .header-container .header-right .menu-nav ul#menu { transform: unset; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection { min-height: unset; height: 100dvh !important; left: unset; right: unset; inset-inline: 0; transform: unset; display: flex; /*transition: 0.4s all ease; */ z-index: 10; overflow: hidden; overflow-y: auto; align-items: flex-start; opacity: 1; pointer-events: none; visibility: hidden; position: absolute; position: absolute; background: white; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection.megaMenuGroupSection { z-index: 20; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection.menu-active { pointer-events: all; visibility: visible; opacity: 1; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer { height: 100%; padding: 0; position: relative; width: 100%; display: flex; flex-direction: column; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer:has(a.products) { position: unset; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer > h3 { margin: 0; padding: 0 var(--gap-24); text-align: start; font-size: var(--fs-20); position: relative; display: none; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer > h3::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; height: 1px; width: 100%; background: var(--line); } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuGroup { margin-top: var(--gap-24); padding-inline: var(--gap-24); font-size: var(--fs-16); color: var(--black); display: flex; justify-content: space-between; align-items: center; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuGroup > button { padding: 0; height: var(--gap-14); width: var(--gap-14); display: flex; z-index: 1; align-items: center; justify-content: center; background-image: url(/warehouse/dynamic/629554.svg); background-repeat: no-repeat; background-position: inherit; background-size: contain; position: absolute; width: 100%; left: 0; margin-inline: 24px; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu { gap: 12px; left: unset; height: auto; display: flex; flex-direction: row-reverse; align-items: center; position: relative; top: unset; right: unset; margin-top: 0; padding: 0; width: 100%; font-size: var(--fs-12); justify-content: flex-end; font-family: var(--font-2); border-block: 1px solid var(--black); } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu::after { content: ''; position: absolute; inset-inline-end: 50%; transform: translateX(-50%); bottom: 0; width: 100%; height: 1px; background: var(--line); } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu span { color: var(--dark-grey-text); font-family: var(--font-1); } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu span.arrowIconWrapper { transform: scaleX(-1); width: var(--gap-48); height: auto; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; background-color: var(--white); border-inline-start: 1px solid; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu span.arrowIconWrapper .menuSvgArrowIcon { opacity: 1; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenu { padding: 0; display: block !important; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuSub { background: transparent; margin: 0; display: flex; flex-direction: column; gap: var(--gap-12); padding: var(--gap-24) 0; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuSub li.megaMenuSubItem { font-size: var(--fs-16); padding: 0 var(--gap-24); display: flex; gap: var(--gap-12); flex-direction: column; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuSub li.megaMenuSubItem .megaMenuSubItemImage { width: 100%; overflow: hidden; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuSub li.megaMenuSubItem .megaMenuSubItemImage img { height: 100%; width: 100%; object-fit: cover; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuGroupImage { padding: 0 var(--gap-24) var(--gap-24); margin-top: auto; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuGroupImage img { width: 100%; object-fit: cover; border-radius: 6px; } #main-header .header-container .header-right .menu-nav:has(.megaMenuSection.menu-active) div#nav-toggle { display: none; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuGroup > button .menuSvgArrowIcon { opacity: 0; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu span.arrowIconWrapper .menuSvgArrowIcon { } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer button.closeMegaMenu span.arrowIconWrapper .menuSvgArrowIcon svg { width: 14px; } #main-header .header-container .header-right { flex-direction: row; gap: 20px; } #main-header .header-container .header-right .header-right-content .header-search.search-toggle .search { border: none; padding: 0; /* max-height: unset; */ /* height: var(--headerHeight); */ /* border: 1px solid; */ } #main-header .header-container .header-right .header-right-content .header-search.search-toggle .search .toggle-search svg { width: 16px; } #main-header .header-container .header-right .header-right-content .header-search.search-toggle .search .toggle-search { display: flex; } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { width: 32px; } #main-header .menu-nav #nav-toggle { width: 32px; } #nav-toggle span { background: transparent; } #main-header.bg .header-container .header-left { width: 88px; } } /**/ /*------------------------------------------/* MEGA MENU /*------------------------------------------*/ #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu { } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu { display: flex; width: fit-content; position: fixed; left: 50%; right: unset; transform: translateX(-50%); padding: 0; border: 0px solid; background: white; z-index: 1; height: 0; overflow: hidden; transition: 0.3s ease all; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu > * { padding: 0; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuTitlesList { display: flex; flex-direction: column; gap: var(--gap-12); min-width: 18.75vw; padding: var(--gap-32) var(--gap-30); border-inline-end: 1px solid var(--black); } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuTitlesList li.megaMenuTitleItem { flex-direction: column; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuTitlesList li.megaMenuTitleItem h3.menuGroupTitle { } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuTitlesList li.megaMenuTitleItem h3.menuGroupTitle a { } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuContentList { width: 560px; height: 374px; position: relative; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuContentList li.megaMenuContentItem { position: absolute; width: 100%; height: 100%; background: white; opacity: 0; z-index: -1; padding: var(--gap-32); transition: 0.3s ease all; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuContentList li.megaMenuContentItem .megaMenuContentWrapper { display: flex; width: 100%; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuContentList li.megaMenuContentItem.hovered { z-index: 1; opacity: 1; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuContentList li.megaMenuContentItem .megaMenuContentWrapper > * { flex: 1; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuContentList li.megaMenuContentItem .megaMenuContentWrapper ul.megaMenuSub { display: flex; flex-direction: column; gap: var(--gap-4); position: static; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuContentList li.megaMenuContentItem .megaMenuContentWrapper ul.megaMenuSub li.megaMenuSubItem { } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuContentList li.megaMenuContentItem .megaMenuContentWrapper ul.megaMenuSub li.megaMenuSubItem a { font-family: var(--font-1); font-size: clamp(14px,var(--fs-17),300px); } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuTitlesList li.megaMenuTitleItem:after { content: ""; display: block; width: 0; height: var(--gap-6); background-image: url("https://media.getmood.io/warehouse/dynamic/749106.svg"); transition: 0.3s ease all; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuTitlesList li.megaMenuTitleItem.hovered:after { width: 100%; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuTitlesList li.megaMenuTitleItem.hide { display: none; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu:not(.open) .megaMenu { opacity: 0; z-index: -1; } #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu.open .megaMenu { height: unset; border: 1px solid; } @media(min-width: 1025px) { #main-header .header-container .header-right .menu-nav ul#menu li.has-megamenu .megaMenu ul.megaMenuContentList li.megaMenuContentItem .megaMenuContentWrapper > .megaMenuGroupImage { display: flex; justify-content: end; } } @media(max-width: 1025px) { #main-header .header-container .header-right .menu-nav ul#menu li:has(.pinkLine):after { background-repeat: no-repeat; background-position: right; width: fit-content; } #main-header .header-container .header-right .menu-nav ul#menu li.megaMenuSection .megaMenuSectionContainer .megaMenuGroup.empty button { display: none; } } /**/ /*------------------------------------------/* SEARCH BAR /*------------------------------------------*/ #main-header .header-container .header-right .header-right-content .header-search.search-toggle .search #searchFormHeaderContainer form#searchFormHeader input#searchFormInput:focus { min-width: 328px; } #main-header .header-container .header-right .header-right-content .header-search.search-toggle .search .toggle-search button.toggle-open { width: var(--gap-20); height: auto; aspect-ratio: 1; left: unset; inset-inline-end: var(--gap-24); background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(/warehouse/dynamic/686363.svg); filter: invert(1); } #main-header .header-container .header-right .header-right-content .header-search.search-toggle .search .toggle-search button.toggle-open svg { opacity: 0; } #quick-search-container #SearchResultContainer { border: 1px solid var(--black); } #quick-search-container #SearchResultContainer ul.searchResultsList { padding: 6px 0; padding-bottom: 0; } #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem { padding-block: var(--gap-6); padding-inline: var(--gap-12); } #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem .resultContent { } #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem .resultContent a { } #quick-search-container #SearchResultContainer ul.searchResultsList li.resultItem .resultContent a span { } #quick-search-container #SearchResultContainer ul.searchResultsList li.finalResultItem { text-align: center; border-top: 1px solid var(--black); } #quick-search-container #SearchResultContainer ul.searchResultsList li.finalResultItem a { display: block; padding-block: var(--gap-20); } @media(max-width: 1025px) { #main-header .header-container .header-search button.toggle-close { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); } #main-header .header-container .header-search .search { height: var(--gap-60); } #main-header .header-container .header-search .search #searchFormHeaderContainer { width: 100%; } #main-header .header-container .header-search .search #searchFormHeaderContainer form { text-align: center; } #main-header .header-container .header-search .search #searchFormHeaderContainer form .searchSubmitWrapper { right: unset; left: 24px; } #main-header .header-container .header-search .search form#searchFormHeader input#searchFormInput { width: 200px; margin-inline: auto; padding: 0; } #main-header .header-container .header-search #quick-search-container:has(.searchResultsList) { width: 100%; top: var(--headerHeight) !important; } #main-header .header-container .header-right .header-right-content .header-search.search-toggle .search #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { padding-inline: var(--gap-20); } #main-header .header-container .header-right .header-right-content .header-search.search-toggle.active .search { max-height: unset; height: var(--headerHeight); border: 1px solid; } } /**/ /*------------------------------------------/* FOOTER /*------------------------------------------*/ #SiteFooter { background: var(--black); /* padding-block: var(--gap-160) var(--gap-100); */ /* padding-inline: var(--gap-100); */ } #SiteFooter .FooterForm.form-container-wide { width: 100%; text-align: center; /* padding-block: var(--gap-160) var(--gap-100); */ padding-block: var(--gap-160) var(--gap-100); padding-inline: var(--gap-100); } #SiteFooter .FooterForm.form-container-wide .footerFormContainer { background: none; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject { max-width: 100%; padding: 0; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText { color: var(--white); padding: 0; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form { } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset { } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField { } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea) { color: var(--white); padding: 0; text-align: center; border: none; height: var(--gap-160); text-transform: uppercase; border: none; border-bottom: var(--gap-6) solid var(--white); direction: ltr; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields .top-form { color: var(--white); margin-bottom: var(--gap-32); } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField label { color: var(--white); margin: 0; opacity: 0.8; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { display: none; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea):focus { border: none !important; border-bottom: var(--gap-6) solid var(--white) !important; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.input-email { } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit { position: absolute; top: 50%; transform: translateY(-50%); width: fit-content; background-image: url("https://media.getmood.io/warehouse/dynamic/740841.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit input.form-submit { width: var(--gap-96); height: auto; aspect-ratio: 1; background: none; opacity: 0; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit { position: absolute; top: 50%; transform: translateY(-50%); width: fit-content; background-image: url("https://media.getmood.io/warehouse/dynamic/740841.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; height: 100%; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit input.form-submit { width: var(--gap-96); height: auto; aspect-ratio: 1; background: none; opacity: 0; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit button.form-submit { opacity: 0; height: 100%; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit .button-arrow-wrapper { height: 100%; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit .button-arrow-wrapper .arrow { display: none; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField input[type=checkbox] { width: var(--gap-20); height: auto; aspect-ratio: 1; margin: 0; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { display: flex; align-items: center; gap: var(--gap-12); margin-top: var(--gap-24); } #SiteFooter .footer-text-divided { padding-block: 0 var(--gap-100); padding-inline: var(--gap-100); } #SiteFooter .footer-text-divided .footer-text-right { display: flex; width: fit-content; gap: var(--gap-66); } #SiteFooter .footer-text-divided .footer-text-right ul { padding: 0; color: var(--white); } #SiteFooter .footer-text-divided .footer-text-right ul h4 { margin-bottom: var(--gap-12); } #SiteFooter .footer-text-divided .footer-text-right ul li:not(:first-child) { opacity: 0.8; } #SiteFooter .site-credit.alternative { padding: 0; } #SiteFooter .site-credit.alternative .text-center { float: none; background: var(--black); } @media(min-width: 1025px) { } @media(max-width: 1025px) { #SiteFooter .FooterForm.form-container-wide { padding: 40px 20px 20px 20px; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject { margin-inline: 0; max-width: 100% !important; text-align: center; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { text-align: center; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea) { height: 100%; font-size: 48px !important; border-bottom: 2px solid; text-align: end; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea)::placeholder { font-size: 48px; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields { margin-top: 0; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { align-items: baseline; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper { height: 51px; position: relative; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit { top: 0; left: 0%; border: none; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit button.form-submit { width: 42px; height: 42px; opacity: 1; padding: 0; /* transform: translateX(100%); */ color: transparent; background: transparent; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit .button-arrow-wrapper { width: 100%; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.input-email .dynamicFormObjectSubmit .button-arrow-wrapper .arrow { display: block; border: none; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .button-arrow-wrapper { position: absolute; left: 0; bottom: var(--gap-6); } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .button-arrow-wrapper button { opacity: 0; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper .button-arrow-wrapper .arrow { background-color: var(--black); border: 1px solid var(--white); background-image: url("https://media.getmood.io/warehouse/dynamic/740841.svg"); transform: scale(-1); } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea):focus { border-bottom: 2px solid var(--white) !important; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; text-align: center; } #SiteFooter .FooterForm.form-container-wide .footerFormContainer #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: start; } #SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { margin-top: 17px; display: flex; justify-content: center; } #SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit .button-arrow-wrapper { overflow: hidden; } #SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit .button-arrow-wrapper button.form-submit { position: absolute; width: 42px; z-index: 10000; opacity: 0; } #SiteFooter .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit .button-arrow-wrapper .arrow { z-index: 100; background: var(--black); border: 1px solid var(--white); background-image: url("https://media.getmood.io/warehouse/dynamic/749602.svg"); background-position: center; background-repeat: no-repeat; background-size: auto; } #SiteFooter .footer-text-divided { padding-inline: 20px; padding-bottom: 20px; } #SiteFooter .footer-text-divided .footer-text-right { flex-direction: column; padding: 0; width: 100%; } #SiteFooter .footer-text-divided .footer-text-right > p { display: none; } #SiteFooter .footer-text-divided .footer-text-right ul { padding-bottom: 0; margin: 0; } #SiteFooter .footer-text-divided .footer-text-right ul h4 { padding-block: 12px; margin: 0; font-size: 22px; } #SiteFooter .footer-text-divided .footer-text-right ul li:first-child { display: flex; justify-content: space-between; align-items: center; } #SiteFooter .footer-text-divided .footer-text-right ul li:first-child:after { content: ""; width: 14px; height: 14px; display: inline-block; background-image: url("https://media.getmood.io/warehouse/dynamic/749603.svg"); } #SiteFooter .footer-text-divided .footer-text-left { display: flex; padding: 0; width: 100%; justify-content: space-between; margin-top: var(--gap-40); } #SiteFooter .footer-text-divided .footer-text-left p a { background: none; } #SiteFooter .footer-text-divided .footer-text-left p:first-child a { } #SiteFooter .footer-text-divided .footer-text-left p:first-child a img { width: 88px; } #SiteFooter .footer-text-divided .footer-text-left p:last-child { display: flex; align-items: center; } #SiteFooter .footer-text-divided .footer-text-left p:last-child a { } #SiteFooter .footer-text-divided .footer-text-left p:last-child a img { height: 21px; width: 18px; } #SiteFooter { padding: 0; } #SiteFooter a.AccessabilityLink { margin: 0; padding-block: 10px; } #SiteFooter .site-credit.alternative.row { padding: 0; display: flex; } #SiteFooter .site-credit.alternative p.creditWrapper { display: none; } } /**/ /*------------------------------------------/* BLOG POST /*------------------------------------------*/ :is(div,#LobbyModule) .blog-post { display: flex; flex-direction: row-reverse; max-width: 43.578vw; border: 1px solid var(--black); background: none; } :is(div,#LobbyModule) .blog-post .blog-post-image { } :is(div,#LobbyModule) .blog-post .blog-post-image a { } :is(div,#LobbyModule) .blog-post .blog-post-image a img { min-width: 25vw; } :is(div,#LobbyModule) .blog-post .blog-post-content { display: flex; text-align: end; padding: 0; flex-direction: column; justify-content: center; padding-inline: var(--gap-32); position: relative; background: none; overflow: hidden; } :is(div,#LobbyModule) .blog-post .blog-post-content h2.blog-post-title { font-size: unset; margin-bottom: var(--gap-16); padding: 0; z-index: 2; direction: rtl; text-align: start; } :is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-text { padding: 0; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; direction: rtl; text-align: start; border: none; z-index: 3; } :is(div,#LobbyModule) .blog-post .blog-post-content h2.blog-post-title a { } :is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons { margin: 0; position: absolute; top: var(--gap-28); right: var(--gap-32); direction: rtl; display: flex; flex-direction: row-reverse; gap: var(--gap-8); z-index: 2; } :is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons span.blog-post-writer { display: none; } :is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons span.blog-post-date i.fa.fa-calendar { display: none; } :is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons .blog-post-Time-container { margin: 0; } :is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons .blog-post-Time-container svg { display: none; } :is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons .blog-post-Time-container:after { content: "/"; } :is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons .blog-post-Time-container span.blog-post-Time-title { margin: 0; } :is(div,#LobbyModule) .blog-post .blog-post-content a.blog-post-btn { z-index: 2; position: absolute; bottom: 0; left: 0; display: block; width: var(--gap-170); height: var(--gap-50); text-align: center; align-content: center; border-top: 1px solid var(--black); border-inline-start: 1px solid; font-family: var(--font-3); font-size: clamp(15px,var(--fs-18),300px); background: white; direction: rtl; } :is(div,#LobbyModule) .blog-post .blog-post-content:after { content: ""; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; transition: 0.3s ease all; transform: translateY(101% ); z-index: 0; } :is(div,#LobbyModule) .blog-post:nth-child(4n+1) .blog-post-content:after { background: var(--pink); /* z-index: -1; */ } :is(div,#LobbyModule) .blog-post:nth-child(4n+2) .blog-post-content:after { background: var(--lime); } :is(div,#LobbyModule) .blog-post:nth-child(4n+3) .blog-post-content:after { background: var(--vivid-blue); } :is(div,#LobbyModule) .blog-post:nth-child(4n+4) .blog-post-content:after { background: var(--green); } .blog-post-text { } @media(min-width: 1025px) { :is(div,#LobbyModule) .blog-post:hover .blog-post-content:after { transform: unset; } } @media(max-width: 1025px) { :is(div,#LobbyModule) .blog-post { flex-direction: column; max-width: unset; min-width: 248px; } :is(div,#LobbyModule) .blog-post .blog-post-content { padding: 16px; min-height: 166px; justify-content: flex-start; } :is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-text { display: none; } :is(div,#LobbyModule) .blog-post .blog-post-content .blog-post-icons { position: static; margin-bottom: 9px; justify-content: flex-end; } :is(div,#LobbyModule) .blog-post .blog-post-content h2.blog-post-title { order: 1; margin-top: 0; } :is(div,#LobbyModule) .blog-post .blog-post-content h2.blog-post-title { } :is(div,#LobbyModule) .blog-post .blog-post-content a.blog-post-btn { height: 42px; width: 44px; color: transparent; border-inline-start: 1px solid var(--black); background: var(--vivid-blue); } :is(div,#LobbyModule) .blog-post:nth-child(4n+1) .blog-post-content a.blog-post-btn { background: var(--vivid-blue); } :is(div,#LobbyModule) .blog-post:nth-child(4n+2) .blog-post-content a.blog-post-btn { background: var(--lime); } :is(div,#LobbyModule) .blog-post:nth-child(4n+3) .blog-post-content a.blog-post-btn { background: var(--pink); } :is(div,#LobbyModule) .blog-post:nth-child(4n+4) .blog-post-content a.blog-post-btn { background: var(--green); } } /**/ /*------------------------------------------/* SECTIONS /*------------------------------------------*/ #SiteGrid { margin-top: var(--headerHeight); transition: 0.3s ease all; } :is(div,#LobbyModule) #lobbyview #headline { font-size: unset; margin-bottom: var(--gap-48); margin-top: 0; } :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText p { color: var(--black); } :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText p .button-arrow-wrapper { margin-inline: auto; } #home-gallery { height: calc(100vh - var(--headerHeight) - var(--gap-120)) !important; position: relative; width: calc(100% - var(--gap-40)); margin-inline: auto; } #home-gallery .gallery-caption { width: 100%; height: fit-content; left: 0; top: 0; padding: 0; transform: unset; } #home-gallery .gallery-caption .gallery-text { font-size: unset; display: flex; flex-direction: column-reverse; text-align: center; position: relative; } #home-gallery .gallery-caption .gallery-text span { display: flex; flex-direction: row-reverse; justify-content: space-between; padding-inline: var(--gap-30); } #home-gallery .gallery-caption .gallery-text div { position: absolute; left: 50%; bottom: 50%; transform: translate(-50%, 50%); width: 18.906vw; } #allSectionsWrapper .section.grid-text-section { padding-block: var(--gap-120) var(--gap-80); /* background: var(--green-studio); */ } #allSectionsWrapper .section.grid-text-section .section-title { width: 61%; margin-inline: auto; } #allSectionsWrapper .section.grid-text-section .section-title h2 { color: var(--black); opacity: 1; } #allSectionsWrapper .section.grid-text-section .grid-text { width: 38%; margin-inline: auto; } #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content { margin-top: var(--gap-32); } #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content a.sec-button { /* margin-top: var(--gap-32); */ } #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content .button-arrow-wrapper { margin-top: var(--gap-32); margin-inline: auto; } #allSectionsWrapper .section.grid-text-section.quote { max-width: 38.125vw; margin-inline: auto; } #allSectionsWrapper .section.grid-text-section.quote .section-title { width: 100%; } #allSectionsWrapper .section.grid-text-section.quote .section-title:before { content: ""; width: var(--gap-60); height: var(--gap-40); display: block; background-image: url("https://media.getmood.io/warehouse/dynamic/741406.svg"); margin-inline: auto; background-position: center; background-repeat: no-repeat; background-size: contain; margin-bottom: var(--gap-32); } #allSectionsWrapper .section.grid-text-section.quote .grid-text { width: 100%; } #allSectionsWrapper .section.grid-text-section.quote .grid-text .grid-text-content { margin-top: var(--gap-24); display: flex; flex-direction: column; } #allSectionsWrapper .section.grid-text-section.quote .grid-text .grid-text-content h2 { order: 1; margin-top: var(--gap-24); } #allSectionsWrapper .section.grid-text-section.sliding-text { padding-block: var(--gap-240) var(--gap-160); } #allSectionsWrapper .section.grid-text-section.sliding-text .section-title { width: fit-content; display: flex; animation: scroll-right 30s linear infinite; flex-direction: row-reverse; gap: var(--gap-36); } #allSectionsWrapper .section.grid-text-section.sliding-text .section-title h2 { white-space: nowrap; text-align: start; /* -webkit-text-stroke-width: 1.7px; */ -webkit-text-stroke-color: var(--black, #1A1A1A); color: var(--white); /* animation: scroll-right 30s linear infinite; */ text-shadow: -1px -1px 0 #1A1A1A, 1px -1px 0 #1A1A1A, -1px 1px 0 #1A1A1A, 1px 1px 0 #1A1A1A; } #allSectionsWrapper .section.grid-text-section.sliding-text .section-title h2 span { color: var(--black); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec { padding-inline: var(--gap-120); padding-bottom: var(--gap-250); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .grid-text { margin-top: 0; margin-bottom: var(--gap-40); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .grid-text .grid-text-content { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .grid-text .grid-text-content h2 { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper { margin-bottom: var(--gap-80); display: flex; justify-content: center; gap: var(--gap-12); padding: 0; width: fit-content; margin-inline: auto; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title { padding: 0; /* background: var(--red); */ border-radius: 999px; cursor: pointer; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title h2 { background: none; color: var(--black); min-width: var(--gap-160); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title.active { background: var(--red); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title.active h2 { /* color: var(--white); */ background: var(--pink); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--gap-30); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes { display: none; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes.active { display: grid; gap: 16px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box { width: 100%; text-align: start; padding-block: 0; padding-inline: 0; overflow: hidden; border: 1px solid; position: relative; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box { transform: translateY(10px); opacity: 0; transition: 0.6s ease all; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box.show { opacity: 1; transform: unset; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:before { /* content: ""; */ position: absolute; inset: 0; padding: 0.06vw; border-radius: 4px; background: linear-gradient(100deg,#fff,#ff3227); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image { width: 100%; margin-bottom: 0; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title { /* margin-bottom: var(--gap-20); */ } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 { font-size: unset; width: 100%; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a { color: var(--black) !important; font-family: var(--font-2); background: none; border: none; padding: 0; display: flex; height: fit-content; width: 100%; display: block; text-align: start; padding-block: var(--gap-16) var(--gap-12); padding-inline: var(--gap-24); position: relative; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-subtitle { font-size: unset; display: flex; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title { display: flex; padding-block: var(--gap-16) var(--gap-12); padding-inline: var(--gap-24); width: 100%; padding: 0; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-fulltext { padding-inline: var(--gap-24); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-fulltext p { color: var(--black); padding-bottom: var(--gap-16); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .btn-wrapper { display: flex; justify-content: center; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-content { position: absolute; bottom: 0; background: white; transition: 0.3s ease all; width: 100%; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-fulltext p { /* height: 0; */ } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-fulltext { height: 0; transition: 0.3s ease all; overflow: hidden; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image .grid-box-image-container a.grid-row-button::before, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image .grid-box-image-container a.grid-row-button::after { display: none; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image .grid-box-image-container a.grid-row-button img { width: 100%; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a::before, #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a::after { display: none; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .toptext-wrapper { margin-bottom: var(--gap-80); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .toptext-wrapper .section-topText { display: none; width: 34%; margin-inline: auto; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .toptext-wrapper .section-topText.active { display: block; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .toptext-wrapper .section-topText p { color: var(--black); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .toptext-wrapper .section-topText p span { color: var(--black) !important; display: inline-block; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec a.sec-button.button-with-anim { display: flex; } #allSectionsWrapper .section.grid-text-section.map .grid-text { width: 100%; height: 100%; } #allSectionsWrapper .section.grid-text-section.map { height: calc(100vh - var(--headerHeight)); background-position: center; background-size: cover; position: relative; padding: 0; } #allSectionsWrapper .section.grid-text-section.map .section-title { z-index: 10; position: absolute; width: 24%; text-align: start; top: var(--gap-140); left: var(--gap-160); } #allSectionsWrapper .section.grid-text-section.map .section-title h2 { margin-bottom: var(--gap-24); } #allSectionsWrapper .section.grid-text-section.map .section-title :is(h2,h3) { text-align: start; color: var(--white); } #allSectionsWrapper .section.grid-text-section.map .grid-boxes { height: 100%; position: absolute; bottom: 0; z-index: 100; } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container { position: absolute; width: var(--gap-50); height: auto; aspect-ratio: 1; /* background: var(--blue-100); */ border-radius: 50%; align-content: center; transition: 0.3s ease all; cursor: pointer; transform: translate(-50%, -50%); } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box { max-height: 0; overflow: hidden; position: absolute; opacity: 0; text-align: start; background: white; border-radius: 0; bottom: var(--gap-70); transition: 0.3s ease all; backdrop-filter: blur(4px); background: rgba(247, 247, 247, 0.80); background: white; color: var(--black); min-width: 33.594vw; padding: var(--gap-44); transform: translateX(50%); } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box:before { content: ""; position: absolute; bottom: 50%; left: 50%; transform: translate(-50%,50%); width: calc(100% - var( --gap-24)); height: calc(100% - var( --gap-24)); /* padding: var(--gap-12); */ border: 1px solid; } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box .grid-box-image { padding: var(--gap-6); padding-bottom: 0; } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box .grid-box-image img { border-radius: 8px; } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box .grid-box-title { padding-inline: 0; margin-block: 0 var(--gap-24); display: block; } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box .grid-box-title h3 { font-size: unset; } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box .grid-box-title h3 a { display: flex; color: var(--black); } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box .grid-box-subtitle { padding-inline: var(--gap-16); padding-bottom: var(--gap-16); width: 50%; } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box .grid-box-subtitle span { color: var(--text-grey); } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box .grid-box-fulltext { } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box .grid-box-fulltext p { color: var(--black); } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box .arrow { background: var(--green-100); right: var(--gap-16); bottom: var(--gap-16); } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .circle { width: var(--gap-50); height: auto; aspect-ratio: 1; background: var(--blue-100); margin-inline: auto; border-radius: 50%; overflow: visible; transition: 0.3s ease all; position: relative; } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .circle:after { content: ""; background-image: url("https://media.getmood.io/warehouse/dynamic/746061.svg"); background-position: center; background-repeat: no-repeat; width: var(--gap-30); height: auto; aspect-ratio: 1; /* background: var(--blue-100); */ opacity: 1; position: absolute; left: 50%; bottom: 50%; transform: translate(-50%, 50%); border-radius: 50%; animation: pulseWidth 2s ease-in-out infinite; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box.active { max-height: 10000px; opacity: 1; z-index: 2; } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box.active .grid-box-image { } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box.active .grid-box-image .grid-box-image-container { } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container .grid-box.active .grid-box-image .grid-box-image-container a { } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container:hover { transform: translate(-50%, -50%) scale(1.1); } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container:hover .circle { background: var(--green-100); } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container:hover .circle::after { /* rotate: 45deg; */ transform: translate(-50%, 50%); } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container:nth-child(1) { top: 54%; right: 19%; background: var(--lime); } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container:nth-child(2) { top: 54%; right: 53%; background: var(--pink); } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container:nth-child(3) { top: 51%; right: 77%; background: var(--vivid-blue); } #allSectionsWrapper .section.grid-text-section.map .grid-text .gridTextImgContainer { height: 100%; } #allSectionsWrapper .section.grid-text-section.map .grid-text .gridTextImgContainer img { height: 100%; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery { padding-block: var(--gap-80); padding-inline: var(--gap-48); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container { } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes { direction: ltr; align-items: center; width: max-content; animation: scrollText 40s linear infinite; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div { width: fit-content; height: fit-content; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+1) { /* 1st, 6th, 11th... */ margin-inline-end: var(--gap-100); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+2) { /* 2nd, 7th, 12th... */ z-index: 1; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+3) { /* 3rd, 8th, 13th... */ transform: rotate(-5deg); padding: var(--gap-12); background: var(--lime); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+4) { /* 4th, 9th, 14th... */ transform: rotate(16.195deg); margin-inline-start: var(--gap-200); margin-inline-end: var(--gap-100); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+5) { /* 5th, 10th, 15th... */ margin-inline-end: var(--gap-100); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div .boxes-images-outer-image { border-radius: 0; border: 1.137px solid #1A1A1A; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+1) .boxes-images-outer-image { border-radius: 0; width: 23.958vw; height: 29.167vw; transform: rotate(2deg); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+2) .boxes-images-outer-image { width: 13.281vw; height: 16.146vw; transform: rotate(15.609deg); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+3) .boxes-images-outer-image { width: 23.958vw; height: 29.167vw; /* transform: rotate(-5deg); */ border: 1.137px solid #1A1A1A; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+4) .boxes-images-outer-image { width: 11.719vw; height: auto; aspect-ratio: 1; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+5) .boxes-images-outer-image { width: 21.198vw; height: 23.698vw; transform: rotate(2deg); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .slide-wrapper { display: flex; gap: var(--gap-100); } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes { padding-bottom: var(--gap-100); } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .real-section-title { padding: var(--gap-80) var(--gap-100); } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .real-section-title h2 { } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .real-section-title .text1 { max-width: 43.958vw; margin-inline: auto; margin-top: var(--gap-32); } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .real-section-title .text1 p { color: var(--black); } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .real-section-title .button-arrow-wrapper { align-items: center; display: flex; border: 1px solid; background: var(--pink); margin-top: var(--gap-32); font-family: var(--font-3); font-size: clamp(14px,var(--fs-18),300px); margin-inline: auto; } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .real-section-title .button-arrow-wrapper .content-section-Btn { height: 100%; padding-inline: var(--gap-24); } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .real-section-title .button-arrow-wrapper .arrow { border: none; border-inline-start: 1px solid; } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .section-title h2 { opacity: 0; } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .gallery-container .gallery-cubes div:has(> .boxes-images-outer-image) { width: fit-content; height: fit-content; } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image { aspect-ratio: unset; height: 31.25vw; width: 46.875vw; border-radius: 0; } #allSectionsWrapper .sliding-with-gallery .section.grid-gallery-section.two-pic { position: absolute; bottom: 59%; transform: translateY(50%); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery button.gallery-animation-toggle { width: var(--gap-14); height: var(--gap-16); padding: 0; background: none; outline: none; border: none; background-image: url("https://media.getmood.io/warehouse/dynamic/760755.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; margin-top: var(--gap-12); position: absolute; bottom: 0; right: var(--gap-12); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery button.gallery-animation-toggle.stopped { background-image: url("https://media.getmood.io/warehouse/dynamic/760756.svg"); } #allSectionsWrapper .section.grid-gallery-section.two-pic .gallery-container { } #allSectionsWrapper .section.grid-gallery-section.two-pic .gallery-container .gallery-cubes { justify-content: center; position: relative; width: fit-content; margin-inline: auto; } #allSectionsWrapper .section.grid-gallery-section.two-pic .gallery-container .gallery-cubes > div:last-child { position: absolute; width: fit-content; left: -24%; bottom: 50%; transform: translateY(90%); rotate: 12deg; } #allSectionsWrapper .section.grid-gallery-section.two-pic .gallery-container .gallery-cubes > div:first-child { width: 36.719vw; height: 53.385vw; } #allSectionsWrapper .section.grid-gallery-section.two-pic .gallery-container .gallery-cubes > div:first-child .boxes-images-outer-image { height: 100%; width: 100%; aspect-ratio: unset; rotate: -5deg; border-radius: 0; } #allSectionsWrapper .section.grid-gallery-section.two-pic .gallery-container .gallery-cubes > div:last-child .boxes-images-outer-image { border: var(--gap-8) var(--lime) solid; width: 14.635vw; height: 17.344vw; border-radius: 0; } #allSectionsWrapper .section.grid-contents { padding-inline-start: 0; max-height: 100vh; overflow: hidden; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content { margin-top: var(--gap-48); gap: var(--gap-32); padding-inline-end: var(--gap-100); padding-inline-start: var(--gap-100); } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-boxes-wrapper { height: fit-content !important; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box { padding: 0; border: 1px solid var(--black); ModesColorsColor formatHexBorder colorsblackSelection colorsblack#FF5FC4; ModesColorsColor formatHexBorder colorsblackSelection colorsblack#FF5FC3; ModesColorsColor formatHexBorder colorsblackSelection colorsblack#FF5FC2; height: fit-content; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box { margin: 0; text-align: start; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-image { padding: 0; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-image a { } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-image a img { position: static; transform: unset; aspect-ratio: 16 / 9; width: 100%; object-fit: cover; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext { padding-top: var(--gap-24); padding-inline: var(--gap-24) var(--gap-32); position: relative; overflow: hidden; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .oneLine { display: flex; padding-bottom: var(--gap-90); width: 63%; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .grid-short-box-label { padding: 0; font-size: unset; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .grid-short-box-link { position: absolute; left: 0; bottom: 0; z-index: 2; background: white; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .grid-short-box-link a { min-width: var(--gap-170); display: block; height: var(--gap-50); text-align: center; align-content: center; border-top: 1px solid var(--black); border-inline-start: 1px solid var(--black); font-size: clamp(14px,var(--fs-17),300px); } :is(#allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .grid-short-box-link a, :is(div,#LobbyModule) .blog-post .blog-post-content a.blog-post-btn):after { content: ""; display: inline-block; width: var(--gap-10); height: var(--gap-12); aspect-ratio: 1; background-image: url(https://media.getmood.io/warehouse/dynamic/741116.svg); background-position: center; background-size: contain; background-repeat: no-repeat; margin-inline-start: var(--gap-8); } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .top-desc { display: flex; margin-bottom: var(--gap-14); } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .top-desc .date { display: flex; align-items: center; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .top-desc .date:after { content: ""; display: inline-block; height: var(--gap-10); width: 1px; background: black; margin-inline: var(--gap-8); } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext a.grid-box-link { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; z-index: 1; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext:after { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; z-index: -1; transform: translateY(100%); transition: 0.3s ease all; background: var(--pink); } .carousel-gallery .section-title { text-align: start; display: flex; align-items: center; justify-content: space-between; padding-inline: var(--gap-100); } .carousel-gallery .section-title { font-size: unset; margin-bottom: var(--gap-40); width: 100%; } .carousel-gallery .section-title .section-title-controls-wrapper { display: flex; position: relative; /*height: var(--gap-50);*/ gap: var(--gap-14); } .carousel-gallery .section-title .section-title-controls-wrapper .swiper-buttons { display: flex; border: 1px solid var(--black); background: var(--white); } .carousel-gallery .section-title .section-title-controls-wrapper .swiper-buttons > .swiper-button { position: static; height: fit-content; transform: unset; margin: 0; width: var(--gap-50); height: var(--gap-50); aspect-ratio: 1; background-image: url("https://media.getmood.io/warehouse/dynamic/741116.svg"); background-position: center; background-size: auto; background-repeat: no-repeat; } .carousel-gallery .section-title .section-title-controls-wrapper .swiper-buttons > .swiper-button::after { opacity: 0; } .carousel-gallery .section-title .section-title-controls-wrapper .swiper-buttons > .swiper-button.swiper-button-prev { transform: scale(-1); border-inline-start: 1px solid var(--black); } .carousel-gallery .section-title .section-title-controls-wrapper .content-section-Btn { display: flex; align-items: center; border: 1px solid var(--black); } .carousel-gallery .section-title .section-title-controls-wrapper .content-section-Btn a.sec-button { padding-inline: var(--gap-24); font-family: var(--font-3); } .carousel-gallery.hide-title .section-title h2 { opacity: 0; } #allSectionsWrapper .section.grid-content-section.circles { padding: var(--gap-24) var(--gap-180); } #allSectionsWrapper .section.grid-content-section.circles .grid-boxes { gap: var(--gap-40); justify-content: center; } #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box { display: flex; align-items: center; gap: var(--gap-12); width: fit-content; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-image { width: var(--gap-72); height: auto; aspect-ratio: 1; border-radius: 50%; overflow: hidden; transition: 0.3s ease all; z-index: 1000; } #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-title { } #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-title h3 { font-size: unset; margin: 0; } #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-title h3 a { color: var(--black); } #allSectionsWrapper .section.grid-content-section.three-cards { min-height: calc(100vh - var(--headerHeight)); margin-top: calc(var(--headerHeight) + var(--gap-120)); } #allSectionsWrapper .section.grid-content-section.three-cards .section-topText p { color: var(--white, #FFF) !important; text-align: center; text-shadow: -1px -1px 0 #1A1A1A, 1px -1px 0 #1A1A1A, -1px 1px 0 #1A1A1A, 1px 1px 0 #1A1A1A; } #allSectionsWrapper .section.grid-content-section.three-cards .section-topText p em { font-style: normal; color: var(--black) !important; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes { position: absolute; top: 0; justify-content: center; height: 100%; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box { width: 23.438vw; background: var(--lime); display: flex; flex-direction: column; padding: var(--gap-12); height: fit-content; position: absolute; bottom: 0; transition: 0.6s ease all; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-title { margin-bottom: var(--gap-24); } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-title h3 { font-size: unset; display: flex; margin: 0; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-title h3 a { color: var(--black); } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-fulltext { margin-top: auto; border-inline: 1px solid var(--black); } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-fulltext ul { margin: 0; list-style: none; padding: 0; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-fulltext ul li { color: var(--black); list-style: none; text-align: start; position: relative; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-fulltext ul li a { display: block; height: var(--gap-56); align-content: center; padding-inline-start: var(--gap-18); } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-fulltext ul li a { border-bottom: 1px solid var(--black); } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-fulltext ul li a::before, #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-fulltext ul li a::after { text-align: start; right: var(--gap-20); } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-fulltext ul li:after { content: ""; position: absolute; left: 0; height: 100%; width: var(--gap-56); bottom: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/741116.svg"); background-position: center; background-repeat: no-repeat; background-size: auto; border-inline-start: 1px solid; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-text-wrapper { height: 21.979vw; align-content: center; border: 1px solid var(--black); padding-inline: var(--gap-40); } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box:nth-child(1) { z-index: 3; rotate: 5deg; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box:nth-child(2) { z-index: 2; background: var(--pink); top: 11.771vw; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box:last-child { background: var(--vivid-blue); z-index: 1; rotate: -4deg; } #allSectionsWrapper .section.grid-content-section.three-cards.animate .grid-boxes .grid-box:nth-child(1) { transform: translate(95%, -50%); rotate: 8deg; } #allSectionsWrapper .section.grid-content-section.three-cards.animate .grid-boxes .grid-box:nth-child(2) { transform: translate(0, -50%); } #allSectionsWrapper .section.grid-content-section.three-cards.animate .grid-boxes .grid-box:nth-child(3) { transform: translate(-95%, -50%); rotate: -8deg; } #allSectionsWrapper .section.grid-content-section.timeline-dates { } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes { flex-direction: column; padding-inline: var(--gap-100); } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box { display: flex; width: 100%; } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box > * { flex: 1; } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-image { } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-subtitle { margin-bottom: var(--gap-24); } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-fulltext { margin-bottom: var(--gap-56); } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-fulltext p { color: var(--black); width: 84%; } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-fulltext h3 { margin-bottom: var(--gap-12); } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-title { height: fit-content; position: sticky; top: var(--gap-220); color: var(--black); } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-title h3 { } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-title h3 a { color: var(--black); } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-inner-wrapper { display: flex; flex-direction: column; border-top: var(--gap-8) solid var(--black); padding-block: var(--gap-40) var(--gap-96); text-align: start; } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-inner-wrapper .grid-box-image { order: 1; } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-fulltext h3 { margin-bottom: var(--gap-12); } #allSectionsWrapper .section.grid-content-section.dna { } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes { padding: var(--gap-160) var(--gap-100); justify-content: space-between; } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box { width: 17.708vw; } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box .grid-box-image { width: fit-content; margin-inline: auto; margin-bottom: var(--gap-20); } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box .grid-box-image .grid-box-image-container { width: fit-content; } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box .grid-box-image .grid-box-image-container a { width: fit-content; } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box .grid-box-image .grid-box-image-container a img { width: fit-content; height: 8.75vw; } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box .grid-box-title { margin-bottom: var(--gap-18); } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box .grid-box-title h3 { } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box .grid-box-title h3 a { color: var(--black); } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box .grid-box-subtitle { } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box .grid-box-subtitle span { } #allSectionsWrapper .grid-content-section.team { padding-inline-start: 0; padding-block: var(--gap-80); } #allSectionsWrapper .grid-content-section.team .section-title { } #allSectionsWrapper .grid-content-section.team .grid-boxes { padding-inline: var(--gap-100); } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box { text-align: start; border: 1px solid var(--black); width: fit-content; } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box > a { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .grid-box-image { } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .grid-box-image .grid-box-image-container { } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .grid-box-image .grid-box-image-container a { } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .grid-box-image .grid-box-image-container a img { width: 20.870vw; } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .grid-box-subtitle { padding-inline: 0; padding-bottom: var(--gap-12); } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .grid-box-subtitle span { display: block; } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .grid-box-title { margin-top: var(--gap-12); padding-inline: var(--gap-16); } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .grid-box-title h3 { } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .grid-box-title h3 a { color: var(--black); } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .team-text-wrapper { position: relative; padding-inline-start: var(--gap-16); } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .team-text-wrapper:after { content: ""; width: var(--gap-66); height: auto; aspect-ratio: 1; display: block; position: absolute; bottom: 0; right: 0; background-image: url(https://media.getmood.io/warehouse/dynamic/754648.svg); background-position: center; background-repeat: no-repeat; display: none; } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .team-text-wrapper .grid-box-title { padding: 0; } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .team-text-wrapper .plus { height: 100%; width: auto; aspect-ratio: 1; display: block; position: absolute; left: 0; bottom: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/746061.svg"); background-position: center; background-repeat: no-repeat; background-size: auto; border-inline-start: 1px solid; } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .team-text-wrapper .plus:after { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/746061.svg"); background-position: center; background-repeat: no-repeat; } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .team-text-wrapper .plus:before { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background: var(--lime); transition: 0.3s ease all; transform: translateY(103%); overflow: hidden; } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box:hover .team-text-wrapper .plus:before { transform: unset; } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box.pop-up-opener .team-text-wrapper .plus { height: 100%; border-top: 1px solid; background-size: var(--gap-2); } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box.pop-up-opener .team-text-wrapper .plus::after { background-size: var(--gap-14); } #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box:not(.pop-up-opener) .team-text-wrapper .plus { width: 34px; height: auto; aspect-ratio: 1; bottom: 50%; transform: translateY(50%); left: 3%; border: none; background-image: url("https://media.getmood.io/warehouse/dynamic/754648.svg"); } #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box:not(.pop-up-opener) .team-text-wrapper .plus::before, #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box:not(.pop-up-opener) .team-text-wrapper .plus::after { display: none; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes { padding-inline-start: 0; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes { flex-direction: column; padding-inline: var(--gap-100); } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box { width: fit-content; /* height: auto; */ /* aspect-ratio: 1; */ background: var(--lime); padding: var(--gap-12); } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-text-wrapper { width: 19.792vw; min-height: 16.667vw; align-content: center; border: 1px solid var(--black); padding: var(--gap-32); } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-text-wrapper .grid-box-title { margin-bottom: var(--gap-24); } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-text-wrapper .grid-box-title h3 { } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-text-wrapper .grid-box-title h3 a { color: var(--black); } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-text-wrapper .grid-box-subtitle { } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-text-wrapper .grid-box-subtitle span { display: block; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-subtitle.button { /* background: var(--lime); */ border-inline: 1px solid var(--black); border-bottom: 1px solid var(--black); text-align: start; padding: 0; position: relative; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box:nth-child(4n + 1) { background: var(--lime); } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box:nth-child(4n + 2) { background: var(--pink); } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box:nth-child(4n + 3) { background: var(--vivid-blue); } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box:nth-child(4n + 4) { background: var(--green); } #allSectionsWrapper .section.grid-content-section.reviews { padding-inline-start: var(--gap-100); padding-bottom: var(--gap-80); margin-top: var(--gap-160); } #allSectionsWrapper .section.grid-content-section.reviews .section-title { margin-bottom: var(--gap-80); } #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes-wrapper.swiper-wrapper { gap: var(--gap-130); } #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box { max-width: 20.833vw; text-align: right; padding: 0; padding-inline-start: 0; } #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box:before { content: ""; margin-bottom: var(--gap-40); display: block; background-image: url("https://media.getmood.io/warehouse/dynamic/741406.svg"); width: var(--gap-60); height: var(--gap-40); background-position: center; background-repeat: no-repeat; background-size: contain; } #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-title-wrapper { margin-top: var(--gap-30); } #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-title-wrapper .grid-box-title { font-family: var(--bold); font-size: var(--font-running-text); } #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-title-wrapper .grid-box-title h3 a { color: var(--black); } #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-title-wrapper .grid-box-subtitle { font-size: var(--font-small-running-text); color: var(--gray); } #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-title-wrapper .grid-box-subtitle span { color: var(--grey-light); } #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-fulltext { } #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-fulltext p { color: var(--black); } #allSectionsWrapper .section.grid-content-section.plan { padding: var(--gap-56) var(--gap-100) var(--gap-160); } #allSectionsWrapper .section.grid-content-section.plan .section-title { text-align: start; margin-bottom: var(--gap-40); } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes { gap: var(--gap-12); } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box { background: var(--green-studio); display: flex; flex-direction: column; height: fit-content; border: 1px solid var(--black); } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-title { display: block; padding: var(--gap-12); padding-top: var(--gap-10); background: var(--black); color: white; } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-title h3 { } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-title h3 a { color: var(--white); } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-fulltext { /* flex: 1; */ height: fit-content; padding-inline: var(--gap-12); } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-fulltext ul { margin: 0; background: var(--green-studio); padding: 0; list-style: none; text-align: start; /* padding-inline: var(--gap-12); */ min-height: var(--gap-128); } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-fulltext ul { padding-block: var(--gap-10) var(--gap-12); display: flex; flex-direction: column; } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-fulltext ul:last-child { padding-bottom: var(--gap-12); } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-fulltext ul:not(:last-child) { border-bottom: 1px solid var(--black); } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-fulltext ul li :is(h3, strong), #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-fulltext ul li { color: var(--black); } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-fulltext ul li:last-child { margin-top: auto; } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-fulltext > p { display: none; } #allSectionsWrapper .section.grid-row-section { padding-block: var(--gap-20) var(--gap-80); } #allSectionsWrapper .section.grid-row-section .grid-rows { } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row { display: flex; direction: ltr !important; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text h3 { margin-block: var(--gap-32) var(--gap-12); } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { width: 100%; padding-inline: var(--gap-160); } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { margin-bottom: var(--gap-10); } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2:not(:first-child) { margin-top: var(--gap-32); } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text :is(p,li) { color: var(--black); } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text ul { margin: 0; list-style: none; padding: 0; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text .button-arrow-wrapper { margin-top: var(--gap-26); } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row:nth-child(2) { direction: rtl !important; align-items: center; } #allSectionsWrapper .section.grid-blog { padding-inline-start: 0; padding-block: var(--gap-80); } #allSectionsWrapper .section.grid-blog .section-title { text-align: start; margin-bottom: var(--gap-40); /* padding-inline-start: 0; */ } #allSectionsWrapper .section.grid-blog .grid-boxes.grid-boxes-blog { gap: 12px; padding-inline: var(--gap-100); } #allSectionsWrapper .section.grid-blog.alternative-blogs { } #allSectionsWrapper .section.grid-blog.alternative-blogs .grid-boxes.grid-boxes-blog { } #allSectionsWrapper .section.grid-blog.alternative-blogs .grid-boxes.grid-boxes-blog .blog-post { flex-direction: column; } #allSectionsWrapper .section.grid-blog.alternative-blogs .grid-boxes.grid-boxes-blog .blog-post .blog-post-content { padding-inline: var(--gap-24); padding-block: var(--gap-24) var(--gap-40); min-height: var(--gap-200); justify-content: flex-start; } #allSectionsWrapper .section.grid-blog.alternative-blogs .grid-boxes.grid-boxes-blog .blog-post .blog-post-content h2.blog-post-title { margin-top: var(--gap-32); min-width: var(--gap-80); } #allSectionsWrapper .section.grid-blog.alternative-blogs .grid-boxes.grid-boxes-blog .blog-post .blog-post-content .blog-post-icons { right: var(--gap-24); top: var(--gap-24); } #allSectionsWrapper .section.grid-blog.alternative-blogs .grid-boxes.grid-boxes-blog .blog-post .blog-post-image a img { aspect-ratio: 16/9; object-fit: cover; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject { text-align: start; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { text-align: start; margin-bottom: var(--gap-32); } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin: 0; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields { } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: var(--gap-48); } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .wrapped-fields { display: grid; grid-template-columns: repeat(2,1fr); column-gap: var(--gap-32); row-gap: var(--gap-12); margin-bottom: var(--gap-32); } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea) { border: none; border-bottom: 2px solid var(--black, #1A1A1A); color: var(--black); padding-block: 0; padding-inline: var(--gap-20); height: fit-content; box-shadow: none; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper):not(.must) :is(input, textarea) { padding-inline: 0; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper) :is(input, textarea):focus { border: none !important; border-bottom: 2px solid var(--black, #1A1A1A) !important; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper, .select-wrapper) :is(input, textarea,select)::placeholder { color: var(--grey-light); } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { color: var(--grey-light); font-family: var(--font-2); font-size: clamp(24px,var(--fs-36),300px); top: -3%; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .textarea-wrapper { } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .textarea-wrapper textarea { padding: 0; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField { padding-block: var(--gap-20); } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper::before { content: "*"; color: var(--grey-light); font-family: var(--font-2); font-size: clamp(24px, var(--fs-36), 300px); top: -3%; display: inline-block; position: absolute; right: 0.3%; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper select { color: var(--grey-light); } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit { } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit input.form-submit { } #allSectionsWrapper .form-with-gallery { display: flex; padding-block: var(--gap-80); padding-inline: var(--gap-100); gap: var(--gap-90); position: relative; } #allSectionsWrapper .form-with-gallery .section.grid-form-section { height: fit-content; position: sticky; top: calc(var(--headerHeight) + var(--gap-80)); } #allSectionsWrapper .form-with-gallery .section.grid-form-section .form-container-wide { } #allSectionsWrapper .form-with-gallery .section.grid-gallery-section.form-gallery .gallery-container .gallery-cubes { flex-direction: column; align-items: center; position: relative; } #allSectionsWrapper .form-with-gallery .section.grid-gallery-section.form-gallery .gallery-container .gallery-cubes > div { width: 100%; } #allSectionsWrapper .form-with-gallery .section.grid-gallery-section.form-gallery .gallery-container .gallery-cubes > div:nth-child(1) { width: 27.917vw; height: 33.542vw; rotate: -7deg; transform: translateX(-16%) translateY(3%); } #allSectionsWrapper .form-with-gallery .section.grid-gallery-section.form-gallery .gallery-container .gallery-cubes > div .boxes-images-outer-image { height: 100%; border-radius: 0; } #allSectionsWrapper .form-with-gallery .section.grid-gallery-section.form-gallery .gallery-container .gallery-cubes > div:nth-child(2) { width: 19.688vw; height: 23.646vw; border: 10px solid var(--Green, #EAFF00); border-radius: 0; rotate: 16deg; transform: translateY(-47%); } #allSectionsWrapper .form-with-gallery .section.grid-gallery-section.form-gallery .gallery-container .gallery-cubes > div:nth-child(3) { width: 19.167vw; height: 20.208vw; rotate: -14deg; transform: translateY(-40%) translateX(-30%); } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .section-title { margin: 0; max-width: unset; text-align: start; margin-bottom: var(--gap-40); } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .section-title h2 { margin-bottom: var(--gap-12); } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq { max-width: unset; } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group { margin: 0; display: flex; flex-direction: column; gap: var(--gap-12); } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item { border-radius: 0; margin: 0 !important; border: 1px solid var(--black); } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { background: white; padding: var(--gap-24); } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline i { opacity: 0; } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline span.faq-headline-title { } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline:after { content: ""; width: auto; height: 100%; aspect-ratio: 1; position: absolute; bottom: 0; left: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/746061.svg"); background-position: center; background-repeat: no-repeat; border-inline-start: 1px solid var(--black); } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline.open { } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline.open::after { background-image: url("https://media.getmood.io/warehouse/dynamic/746070.svg"); } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body { background: white; border-top: 1px solid var(--black); } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner { max-width: 100%; padding-block: var(--gap-24) var(--gap-32); } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text { } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-body .faq-body-inner .faq-item-text p { } @media(min-width: 1025px) { #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box:hover .grid-short-box .grid-short-box-fulltext:after { transform: unset; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box:nth-child(4n+1) { max-width: 42.552vw; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box:nth-child(4n+2) { max-width: 26.458vw; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box:nth-child(4n+3) { max-width: 38.542vw; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box:nth-child(4n+4) { max-width: 30.521vw; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box:nth-child(4n+1) .grid-short-box .grid-short-box-fulltext:after { background: var(--pink) } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box:nth-child(4n+2) .grid-short-box .grid-short-box-fulltext:after { background: var(--lime); } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box:nth-child(4n+3) .grid-short-box .grid-short-box-fulltext:after { background: var(--vivid-blue); } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box:nth-child(4n+4) .grid-short-box .grid-short-box-fulltext:after { background: var(--green); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes.active { gap: var(--gap-32); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:hover .grid-box-fulltext { height: var(--gap-90); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:hover .grid-box-content { background: var(--vivid-blue); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:not(:has(.grid-box-fulltext)) .grid-box-title h3 a:after { content: ""; display: block; height: 100%; aspect-ratio: 1; width: auto; bottom: 0; top: unset; background-image: url("https://media.getmood.io/warehouse/dynamic/746061.svg"); background-position: center; background-size: var(--gap-16); background-repeat: no-repeat; border-inline-start: 1px solid; transition: 0.1s ease all; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a:hover:after { transform: unset; background-size: var(--gap-20); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:hover .grid-box-title h3 a:after { background-size: var(--gap-20); } #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content a.sec-button:hover { background: var(--pink); } #allSectionsWrapper .section.grid-blog.alternative-blogs .grid-boxes.grid-boxes-blog .blog-post:nth-child(4n + 1) { max-width: 42.552vw; } #allSectionsWrapper .section.grid-blog.alternative-blogs .grid-boxes.grid-boxes-blog .blog-post:nth-child(4n + 2) { max-width: 26.458vw; } #allSectionsWrapper .section.grid-blog.alternative-blogs .grid-boxes.grid-boxes-blog .blog-post:nth-child(4n + 3) { max-width: 38.542vw; } #allSectionsWrapper .section.grid-blog.alternative-blogs .grid-boxes.grid-boxes-blog .blog-post:nth-child(4n + 4) { max-width: 30.521vw; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField input.input-data { width: var(--gap-20); height: auto; aspect-ratio: 1; border-radius: 0; vertical-align: sub; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField span { left: unset; white-space: normal; right: 68%; width: 100%; top: unset; bottom: 0; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField :is(.input-wrapper, .textarea-wrapper):not(.must) :is(input, textarea) { padding-top: var(--gap-12); } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button:hover { background: var(--pink); } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box .grid-box-subtitle span { display: block; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-subtitle.button a { display: block; padding: var(--gap-16); position: relative; text-align: start; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-subtitle.button a::before, #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-subtitle.button a::after { text-align: start; right: var(--gap-16); } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-subtitle.button:after { content: ""; position: absolute; width: auto; height: 100%; aspect-ratio: 1; left: 0; bottom: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/741116.svg"); background-position: center; background-repeat: no-repeat; border-inline-start: 1px solid; transition: 0.3s ease all; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box:hover .grid-box-subtitle.button:after { background-color: var(--black); background-image: url("https://media.getmood.io/warehouse/dynamic/749602.svg"); } #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box:hover .grid-box-image img { transform: scale(1.3); } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-fulltext ul li:hover::after { background-color: var(--black); background-image: url("https://media.getmood.io/warehouse/dynamic/749602.svg"); } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .team-text-wrapper .plus:before { display: none; } #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box:hover .team-text-wrapper .plus { background-color: var(--lime); } #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box:not(.pop-up-opener):hover .team-text-wrapper .plus { background-color: snow; cursor: pointer; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image .grid-box-image-container a.grid-row-button { width: 100%; height: 100%; padding: 0; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+3):after { content: ""; width: var(--gap-280); height: var(--gap-80); display: block; position: absolute; top: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/756647.svg"); right: 0; background-position: center; background-repeat: no-repeat; background-size: contain; transform: translateX(50%) rotate(5deg); } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery button.gallery-animation-toggle { right: var(--gap-48); } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .gallery-cubes:not(:has(:nth-child(3))) { justify-content: center; gap: var(--gap-12); } } @media screen and (min-width: 1024px) and (max-width: 1440px) { #allSectionsWrapper .section.grid-content-section.three-cards.animate .grid-boxes .grid-box:nth-child(2) { top: 13.771vw; } } @media(max-width: 1025px) { #home-gallery { width: 100%; height: 419px !important; } #home-gallery video { width: 233vw !important; height: 110% !important; } #home-gallery .opacity-layer { display: block; } #home-gallery .gallery-caption { height: 100%; } #home-gallery .gallery-caption .gallery-text { display: flex; flex-direction: column-reverse; height: 100%; justify-content: space-between; padding-bottom: var(--gap-20); } #home-gallery .gallery-caption .gallery-text div { position: static; transform: unset; white-space: normal; width: 55%; margin-inline: auto; } #home-gallery .gallery-caption .gallery-text span { padding: 0; justify-content: center; gap: 12px; } :is(div,#LobbyModule) #lobbyview { padding-block: 48px 0; padding-inline: 0; } :is(div,#LobbyModule) #lobbyview #headline { margin-bottom: 16px; width: 100%; margin-inline: 0; } :is(div,#LobbyModule) #lobbyview > :is(h2,.lobbyTextContainer) { padding-inline: 20px; } :is(div,#LobbyModule) #lobbyview > :is(h2,.lobbyTextContainer) #lobbyText button#toggleLobbyText { background: none; border: none; text-decoration: underline; padding: 0; } #allSectionsWrapper .section.grid-content-section.circles { padding: 0; } #allSectionsWrapper .section.grid-content-section.circles .grid-boxes { gap: 6px; justify-content: flex-start; padding: 24px 20px; overflow: auto; } #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box { flex-direction: column; gap: 8px; min-width: 100px; } #allSectionsWrapper .section.grid-content-section.circles .grid-boxes .grid-box .grid-box-image { width: 80px; } #allSectionsWrapper .section.grid-content-section.three-cards { margin-top: 40px; min-height: unset; } #allSectionsWrapper .section.grid-content-section.three-cards .section-topText p { -webkit-text-stroke-width: 1px; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes { position: static; height: fit-content; display: flex; flex-direction: column; gap: 20px; padding-inline: var(--gap-20); position: relative; margin-top: var(--gap-40); } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box { width: 100%; rotate: none !important; position: static; top: 0; padding: 8px; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box:nth-child(1) { z-index: 1; bottom: 0; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box:last-child { z-index: 3; top: 0; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-title { margin-bottom: 16px; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-text-wrapper { height: 280px; padding-inline: 32px; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-text-wrapper .grid-box-subtitle span { display: block; } #allSectionsWrapper .section.grid-content-section.three-cards .grid-boxes .grid-box .grid-box-fulltext ul li:after { border: none; } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes { padding: 0; } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box { width: unset; min-width: 375px; padding: 40px 32px; } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box .grid-box-image .grid-box-image-container a img { height: 150px; } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box .grid-box-image { margin-bottom: 16px; } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box .grid-box-title { margin-bottom: 8px; } #allSectionsWrapper .section.grid-content-section.dna .grid-boxes .grid-box .grid-box-subtitle span { display: block; } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes { padding-inline: 20px; } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box { flex-direction: column; } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-title { position: static; } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-title h3 { text-align: start; border-top: 4px solid var(--black); padding-top: 40px; } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-subtitle { margin-bottom: 7px; } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-fulltext p { width: 100%; } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-inner-wrapper { border: none; padding-top: 0; padding-bottom: 0; } #allSectionsWrapper .section.grid-content-section.timeline-dates .grid-boxes .grid-box .grid-box-inner-wrapper .grid-box-image { padding-bottom: 40px; } #allSectionsWrapper .section.grid-content-section.team { padding: 40px 20px; padding-inline-end: 0; } #allSectionsWrapper .section.grid-content-section.team .grid-boxes { gap: var(--gap-12); overflow-x: auto; overflow-y: hidden; padding-inline-end: 20px; padding-inline-start: 0; } #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-image .grid-box-image-container a img { width: 205px; } #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .team-text-wrapper .grid-box-title { margin: 0; } #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .team-text-wrapper .plus { overflow: hidden; } #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .team-text-wrapper:after { /* position: absolute; */ /* right: unset; */ } #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .team-text-wrapper { display: flex; flex-direction: column; padding-block: 12px; /* padding-inline-start: 34px; */ } #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-subtitle { padding: 0; width: 89%; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes { padding-inline: 20px; padding-bottom: 40px; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes { gap: 20px; padding: 0; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box { width: 100%; padding: 8px; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-text-wrapper { width: 100%; padding: 20px; text-align: start; min-height: unset; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-text-wrapper .grid-box-title { margin-bottom: 8px; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-text-wrapper > * { padding-inline-end: 72px; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-text-wrapper .grid-box-subtitle span { min-height: 54px; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-subtitle.button { position: absolute; bottom: 8px; left: 8px; width: 48px; height: 48px; border-top: 1px solid; background-image: url("https://media.getmood.io/warehouse/dynamic/741116.svg"); background-position: center; background-repeat: no-repeat; } #allSectionsWrapper .section.grid-content-section.rainbow-cubes .grid-boxes .grid-box .grid-box-subtitle.button a { color: transparent; display: block; } #allSectionsWrapper .section.grid-content-section.reviews { margin-top: 20px; padding: 0; } #allSectionsWrapper .section.grid-content-section.reviews .section-title { justify-content: center; margin-bottom: 20px; } #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box { min-width: 100vw; padding-inline: 20px; text-align: center; height: 350px; } #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box:before { margin-inline: auto; margin-bottom: 32px; width: 58px; height: 40px; } #allSectionsWrapper .section.grid-content-section.reviews .grid-boxes .grid-box .grid-box-title-wrapper { margin-top: 20px; } #allSectionsWrapper .section.grid-content-section.plan { padding: 20px; } #allSectionsWrapper .section.grid-content-section.plan .section-title { display: none; } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes { width: 100%; gap: 20px; } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box { max-width: 335px; } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-title { padding-block: 16px; } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-title h3 a { } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-fulltext ul { height: 96px; } #allSectionsWrapper .section.grid-content-section.plan .grid-boxes .grid-box .grid-box-fulltext ul li:has(h3) { margin-bottom: 2px; } #allSectionsWrapper .section.grid-text-section { padding: 40px 20px; text-align: start; } #allSectionsWrapper .section.grid-text-section .section-title { width: 100%; } #allSectionsWrapper .section.grid-text-section .section-title h2 { width: 100%; max-width: 100%; text-align: center; } #allSectionsWrapper .section.grid-text-section .grid-text { width: 100%; } #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content { margin-top: 12px; } #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content .button-arrow-wrapper { margin-inline: unset; margin-top: 20px; } #allSectionsWrapper .section.grid-text-section.sliding-text { padding-block: 40px; } #allSectionsWrapper .section.grid-text-section.sliding-text .section-title h2 { -webkit-text-stroke-width: 1px; } #allSectionsWrapper .section.grid-text-section.med-text { padding: 32px 20px 40px; } #allSectionsWrapper .section.grid-text-section.quote .section-title:before { margin-inline: unset; margin-bottom: var(--gap-24); } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container:nth-child(3) { top: 11%; right: 7%; background-color: var(--lime) } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container:nth-child(2) { top: 36%; right: 39%; } #allSectionsWrapper .section.grid-text-section.map .grid-boxes .circle-container:nth-child(1) { top: 85%; right: 45%; background-color: var(--vivid-blue) } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .grid-text { margin-bottom: 20px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper { height: fit-content; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper { margin-bottom: 20px; width: 100%; overflow-x: auto; justify-content: flex-start; max-height: var(--gap-42); overflow-y: hidden; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title { transform: none; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .titles-wrapper .section-title h2 { height: 36px; min-width: unset; padding-inline: 16px; white-space: nowrap; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes { grid-template-columns: repeat(2,1fr); gap: 16px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box { display: flex !important; flex-direction: column; justify-content: end; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title { padding-inline: 16px; padding-block: 12px; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image { min-width: 118px; height: auto; aspect-ratio: 1; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image .grid-box-image-container img { width: 100%; height: auto; aspect-ratio: 1; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-content { position: relative; height: 102px; background-image: url(""); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-content:after { content: ""; width: 40px; height: auto; aspect-ratio: 1; display: block; position: absolute; bottom: 0; left: 0; border-inline-start: 1px solid var(--black); border-top: 1px solid var(--black); background-image: url("https://media.getmood.io/warehouse/dynamic/746061.svg"); background-position: center; background-repeat: no-repeat; background-size: inherit; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:nth-child(4n + 1) { /* background-color: var(--vivid-blue); */ } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:nth-child(4n + 1) .grid-box-content { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:nth-child(4n + 1) .grid-box-content::after { background-color: var(--vivid-blue); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:nth-child(4n + 2) .grid-box-content::after { background-color: var(--lime); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:nth-child(4n + 3) .grid-box-content::after { background-color: var(--green); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box:nth-child(4n + 4) .grid-box-content::after { background-color: var(--pink); } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-title h3 a { padding: 0; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .toptext-wrapper .section-topText { width: 100%; text-align: center; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .toptext-wrapper .section-topText p { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .toptext-wrapper .section-topText p span { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec[data-id="24834"] { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec[data-id="24834"] .grid-text { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec[data-id="24834"] .grid-text .grid-text-content { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec[data-id="24834"] .grid-text .grid-text-content h2 { text-align: center; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image .grid-box-image-container { } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image .grid-box-image-container a.grid-row-button { height: 100%; padding: 0; } #allSectionsWrapper .section.grid-text-section.cube-tabs-sec .tabs-wrapper .boxes-wrapper .grid-boxes .grid-box .grid-box-image .grid-box-image-container a.grid-row-button img { height: 100%; object-fit: cover; } #allSectionsWrapper .section.grid-text-section.quote .section-title h2 { text-align: start; } #allSectionsWrapper .section.grid-text-section[data-id="24794"] .section-title h2 { text-align: start; } #allSectionsWrapper .section.grid-row-section { padding-bottom: 0; } #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { padding-inline: 20px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery { padding-block: 20px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes { animation: scrollText 5s linear infinite; } #allSectionsWrapper .section.grid-contents { padding: 40px 20px; padding-inline-end: 0; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content { margin-top: 20px; gap: 12px; padding-inline: 0 20px; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext { min-height: 166px; padding: 16px; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .oneLine { width: 100%; padding-bottom: 0; min-height: 66px; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .grid-short-box-link a { min-width: 44px; max-width: 44px; height: 42px; color: transparent; background: var(--vivid-blue); } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .top-desc { color: rgba(37, 38, 43, 0.62); } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-image a img { aspect-ratio: 1; } #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content > div.grid-box { max-width: 247px !important; } #allSectionsWrapper .section.grid-contents .content-section-Btn { padding-inline-end: var(--gap-20); margin-top: var(--gap-12); } #allSectionsWrapper .section.grid-contents .content-section-Btn a.sec-button { display: block; height: 48px; align-content: center; border: 1px solid; font-family: var(--font-3); } :is(#allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content .grid-box .grid-short-box .grid-short-box-fulltext .grid-short-box-link a, :is(div,#LobbyModule) .blog-post .blog-post-content a.blog-post-btn):after { position: absolute; left: 46%; margin: 0; bottom: 50%; transform: translate(-50%,50%); } #allSectionsWrapper .section.grid-blog { padding: 40px; padding-inline: 20px 0; } #allSectionsWrapper .section.grid-blog .section-title { margin-bottom: 20px; } #allSectionsWrapper .section.grid-blog .grid-boxes.grid-boxes-blog { overflow: auto; padding-inline: 0 20px; } #allSectionsWrapper .section.grid-blog.alternative-blogs .grid-boxes.grid-boxes-blog .blog-post .blog-post-image a img { aspect-ratio: 1; } #allSectionsWrapper .section.grid-blog.alternative-blogs .grid-boxes.grid-boxes-blog .blog-post .blog-post-content { min-height: 168px; padding: 16px; } #allSectionsWrapper .section.grid-blog.alternative-blogs .grid-boxes.grid-boxes-blog .blog-post .blog-post-content h2.blog-post-title { margin: 0; } #allSectionsWrapper .section.grid-blog.alternative-blogs .grid-boxes.grid-boxes-blog .blog-post .blog-post-content .blog-post-icons { color: rgba(37, 38, 43, 0.62); font-size: 14px; line-height: 1.25; letter-spacing: -0.14px; } #allSectionsWrapper .section.grid-gallery-section.two-pic .gallery-container .gallery-cubes > div:first-child { width: 300px; height: 387px; } #allSectionsWrapper .section.grid-gallery-section.two-pic .gallery-container .gallery-cubes > div:first-child .boxes-images-outer-image { border-radius: 0; } #allSectionsWrapper .section.grid-gallery-section.two-pic .gallery-container .gallery-cubes > div:last-child { left: 64%; bottom: 0; transform: translate(-50%, 100%); } #allSectionsWrapper .section.grid-gallery-section.two-pic .gallery-container .gallery-cubes > div:last-child .boxes-images-outer-image { width: 200px; height: 235px; } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .real-section-title { padding: 40px 20px; text-align: start; } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .real-section-title .text1 { max-width: 100%; margin-top: 12px; } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .real-section-title .button-arrow-wrapper { margin-inline: 0; margin-top: 22px; } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .section-title { display: none; } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .gallery-container { overflow: auto; } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .gallery-container .gallery-cubes { gap: 12px; width: fit-content; padding-inline: var(--gap-12); } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .gallery-container .gallery-cubes > div .boxes-images-outer-image { width: unset; min-width: 250px; height: 166px; border-radius: 0; } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes { padding-bottom: 40px; } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes:first-child .real-section-title { padding-top: 40px; } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .gallery-cubes:not(:has(:nth-child(3))) { width: 100%; } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .gallery-cubes:not(:has(:nth-child(3))) > * { flex: 1; } #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes .gallery-cubes:not(:has(:nth-child(3))) > * .boxes-images-outer-image { min-width: 60px !important; height: unset; width: 51px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+1) { margin-inline-end: 56px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+4) { margin-inline-start: 82px; margin-inline-end: 40px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+2) .boxes-images-outer-image { width: 100px; height: 120px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+1) .boxes-images-outer-image { width: 180px; height: 217px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+1) .boxes-images-outer-image { height: 250px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+3) { padding: 6px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+3) .boxes-images-outer-image { width: 180px; height: 213px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+4) { margin-inline-end: 43px; margin-inline-start: 57px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+4) .boxes-images-outer-image { width: 120px; height: 140px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+5) { margin-inline-end: 66px; } #allSectionsWrapper .section.grid-gallery-section.sliding-gallery .gallery-container .gallery-cubes > div:nth-child(5n+5) .boxes-images-outer-image { width: 161px; height: 194px; transform: rotate(-6deg); } #allSectionsWrapper .form-with-gallery { padding-top: 40px; padding-inline: 20px; } #allSectionsWrapper .form-with-gallery .section.grid-gallery-section.form-gallery { display: none; } #allSectionsWrapper .form-with-gallery .section.grid-form-section .form-container-wide #DynamicFormObject { max-width: 100% !important; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 12px; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; margin-bottom: 12px; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .wrapped-fields { grid-template-columns: repeat(1,1fr); } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .input-wrapper::before { top: -22%; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField label { font-size: 16px; line-height: 1.4; letter-spacing: -0.16px; } #allSectionsWrapper .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField.checkboxField span.error { white-space: normal; top: 100%; width: 60%; } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .section-title h2 { margin-inline: 0; } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .section-title { margin-bottom: 20px; } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline { padding: 16px; height: 72px; display: flex; padding-inline-end: var(--gap-72); } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline span.faq-headline-title { display: flex; width: 232px; align-items: center; } #allSectionsWrapper .section.grid-faq-section.faq-form-gallery .grid-faq .grid-faq-inner .panel-group .faq-item .faq-headline h3.faq-headline-title { font-size: 16px; display: flex; align-items: center; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectField .select-wrapper select { margin-bottom: 0; } .carousel-gallery .section-title { margin-bottom: 20px; padding: 0; } .carousel-gallery .section-title h2 { margin: 0; } } /**/ /*------------------------------------------/* PAGES /*------------------------------------------*/ body.about #GridTop:after { content: ""; width: var(--gap-220); height: auto; aspect-ratio: 1; display: block; position: absolute; left: var(--gap-90); top: -13%; background-image: url("https://media.getmood.io/warehouse/dynamic/749264.svg"); animation: fullRotate 20s linear infinite; background-position: center; background-repeat: no-repeat; background-size: contain; } body.about #allSectionsWrapper .section.grid-text-section { padding-block: var(--gap-200); } body.about #allSectionsWrapper .section.grid-text-section .section-title { width: 35%; } body.about #allSectionsWrapper .section.grid-text-section:first-child:before { content: ""; display: block; width: 23.958vw; height: 18.229vw; position: absolute; top: -1%; right: -3%; background-image: url("https://media.getmood.io/warehouse/dynamic/749263.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; translate: 0 -50%; } body.about #allSectionsWrapper .section.grid-text-section.quote { /* max-width: 100%; */ } body.about #allSectionsWrapper .section.grid-text-section.quote .section-title { width: 100%; } body.about #allSectionsWrapper .section.grid-gallery-section.two-pic { padding-block: var(--gap-100) var(--gap-160); } body.parade :is(div,#LobbyModule) #lobbyview { padding-bottom: 0; } body.parade #allSectionsWrapper .section.grid-text-section:not(.map) { padding-block: var(--gap-160); } body.parade #allSectionsWrapper .section.grid-text-section.cube-tabs-sec:not(.map) { padding-bottom: 0; } body.parade #allSectionsWrapper .section.grid-text-section[data-id="24840"] { padding-block: var(--gap-160) var(--gap-80); } body.parade #allSectionsWrapper .sliding-with-gallery { position: relative; } body.parade #allSectionsWrapper .section.grid-gallery-section.two-pic .gallery-container .gallery-cubes > div:first-child { width: 24.323vw; height: 29.063vw; } body.parade #allSectionsWrapper .section.grid-gallery-section.two-pic .gallery-container .gallery-cubes > div:first-child .boxes-images-outer-image { /* width: 24.323vw; */ /* height: 29.063vw; */ border: var(--gap-8) #CDFD51 solid; } body.parade #allSectionsWrapper .section.grid-gallery-section.two-pic .gallery-container .gallery-cubes > div:first-child:after { content: ""; position: absolute; width: var(--gap-280); height: var(--gap-80); top: 10%; right: -64%; background-image: url("https://media.getmood.io/warehouse/dynamic/754798.svg"); background-position: center; background-repeat: no-repeat; background-size: auto; } body.parade #allSectionsWrapper .section.grid-gallery-section.two-pic .gallery-container .gallery-cubes > div:last-child { left: unset; right: -48%; bottom: 30%; } body.parade #allSectionsWrapper .section.grid-gallery-section.two-pic .gallery-container .gallery-cubes > div:last-child .boxes-images-outer-image { border: none; } body.parade #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes { padding-bottom: var(--gap-160); } body.studio :is(div,#LobbyModule) #lobbyview { padding-bottom: 0; } body.studio :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText a { background: var(--green-studio); } body.studio :is(div,#LobbyModule) #lobbyview .top-caption { position: static; font-size: unset; transform: unset; text-align: center; margin-bottom: var(--gap-24); } body.studio :is(div,#LobbyModule) #lobbyview .top-caption img.bannerLogo { width: var(--gap-300); } body.studio #allSectionsWrapper .section.grid-text-section { background: var(--green-studio); } body.studio #allSectionsWrapper .section.grid-content-section.team { background: var(--green-studio); padding-bottom: var(--gap-160); } body.studio #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box { background: white; } body.studio #allSectionsWrapper .section.grid-contents { padding-bottom: var(--gap-80); } body.studio #allSectionsWrapper .form-with-gallery { } body.studio #allSectionsWrapper .form-with-gallery .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .wrapped-fields { grid-template-columns: repeat(1,1fr); } body.studio #allSectionsWrapper .form-with-gallery .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .dynamicFormObjectSubmit button.form-submit { background: var(--green-studio); } body.studio #allSectionsWrapper .form-with-gallery .form-faq-wrapper { position: relative; display: flex; flex-direction: column; gap: var(--gap-60); width: 36.198vw; } body.studio #allSectionsWrapper .form-with-gallery .form-faq-wrapper .section.grid-form-section { position: relative; top: unset; } body.studio #allSectionsWrapper .form-with-gallery .section.grid-gallery-section.form-gallery { flex: 1; } body.studio #allSectionsWrapper .section.grid-row-section { padding: var(--gap-160) var(--gap-100); } body.studio #allSectionsWrapper .section.grid-row-section .grid-rows { } body.studio #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row { direction: rtl !important; align-items: center; } body.studio #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text a.grid-row-button { background: var(--green-studio); margin: 0; } body.clinic :is(div,#LobbyModule) #lobbyview { padding-bottom: var(--gap-160); } body.contact #allSectionsWrapper .form-with-gallery { padding-inline-start: var(--gap-180); padding-bottom: var(--gap-160); } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section { position: static; margin-bottom: var(--gap-80); } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview { padding-bottom: var(--gap-40); padding-top: 0; } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview #headline { text-align: start; margin-bottom: var(--gap-40); margin-inline: 0; } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview .lobbyTextContainer { } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview .lobbyTextContainer #lobbyText { text-align: start; } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview .lobbyTextContainer #lobbyText ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; flex: 1; } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview .lobbyTextContainer #lobbyText ul li { color: var(--black); } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview .lobbyTextContainer #lobbyText ul li h3 { } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview .lobbyTextContainer #lobbyText ul li:has(h3) { margin-bottom: var(--gap-12); } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview .lobbyTextContainer #lobbyText .wrapper { display: flex; gap: var(--gap-32); margin-top: var(--gap-40); } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview #headline h1 { } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: var(--gap-12); } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: var(--gap-12); } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .wrapped-fields { grid-template-columns: repeat(1,1fr); } body.birthday #allSectionsWrapper .section.grid-text-section { padding-top: 0; } body.donations :is(div, .blogmain-header) #headline h1 { text-align: start; max-width: 22.448vw; } body.donations #ContentRegularModule { } body.donations #ContentRegularModule #pageview { } body.donations #ContentRegularModule #pageview .MainContent { display: flex; padding-inline: 12.865vw; gap: var(--gap-64); } body.donations #ContentRegularModule #pageview .MainContent #headline { margin: 0; padding: var(--gap-64) var(--gap-100); padding-bottom: var(--gap-120); height: fit-content; position: sticky; top: var(--headerHeight); } body.donations #ContentRegularModule #pageview .MainContent > * { flex: 1; } body.donations #ContentRegularModule #pageview #text1 { min-width: 50%; text-align: start; padding-block: var(--gap-100); } body.donations #ContentRegularModule #pageview #text1 > * { color: var(--black); } body.donations #ContentRegularModule #pageview #text1 > p:has(strong) { margin-bottom: var(--gap-32); } body.donations #ContentRegularModule #pageview #text1 > p { } body.donations #ContentRegularModule #pageview #text1 > ul li { color: var(--black); display: flex; align-items: center; } body.donations #ContentRegularModule #pageview #text1 > ul { padding: 0; margin-top: var(--gap-12); } body.donations #ContentRegularModule #pageview #text1 > h3 { } @media(min-width: 1025px) { body.home-page #allSectionsWrapper .section.grid-blog { padding-bottom: var(--gap-160); } body.home-page #allSectionsWrapper .section.grid-contents[data-id="24736"] { padding-top: var(--gap-80); } body.parade #allSectionsWrapper .sliding-with-gallery { padding-block: var(--gap-160) 0; height: 53.646vw; } body.parade #allSectionsWrapper .sliding-with-gallery .section.grid-text-section:not(.map) .grid-text { display: none; } body.parade #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-title h2 a.grid-row-button { color: var(--black) !important; } body.parade #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-title h2 a.grid-row-button span.scr-reader-only { display: none; } body.parade #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-title h2 a.grid-row-button::before, body.parade #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-title h2 a.grid-row-button::after { display: none; } body.parade.birthday :is(div,#LobbyModule) #lobbyview { padding-bottom: var(--gap-66); } body.parade.birthday #allSectionsWrapper .section.grid-text-section[data-id="24927"] { padding-block: 0 var(--gap-80); } body.birthday #GridTop { display: none; } body.birthday #allSectionsWrapper .form-with-gallery { padding-bottom: var(--gap-160); } body.trans #GridTop { margin-top: 0; } body.trans :is(div,#LobbyModule) #lobbyview #headline { margin-bottom: var(--gap-80); } body.trans #allSectionsWrapper .section.grid-text-section[data-id="24763"] { padding-bottom: var(--gap-160); } body.rental #allSectionsWrapper .form-with-gallery { padding-bottom: var(--gap-160); } body.rental #allSectionsWrapper .form-with-gallery .section.grid-form-section { top: calc(var(--headerHeight)); } body.studio #allSectionsWrapper .grid-content-section.team .grid-boxes .grid-box .grid-box-subtitle { padding-inline: 0; } body.clinic :is(div,#LobbyModule) #lobbyview .lobbyTextContainer #lobbyText { max-width: 35.563vw; } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset .wrapped-fields { margin: 0; } body.events #BlogModule #BlogMain .blog-posts .blog-post:not(:first-child) .blog-post-content h2.blog-post-title { width: 70%; margin-inline-start: auto; } } @media(max-width: 1025px) { body.career #pageview .right.info-sec button.scrollToBtn { width: 100%; height: 50px; border-radius: 0; border: 1px solid var(--black); background: var(--pink); font-family: var(--font-3); font-size: 16px; line-height: 1.1; letter-spacing: -0.16px; margin-bottom: 40px; } body.career #pageview .right.info-sec .text :is(p, ul li) { font-size: 16px; line-height: 1.4; letter-spacing: -0.16px; } body.about #GridTop:after { width: 120px; background-position: center; background-repeat: no-repeat; background-size: contain; left: 7px; top: -16%; } body.about #allSectionsWrapper .section.grid-text-section { padding: 40px 20px; height: 560px; } body.about #allSectionsWrapper .section.grid-text-section .section-title { width: 100%; } body.about #allSectionsWrapper .section.grid-text-section:first-child:before { bottom: 17%; top: unset; width: 275px; height: 212px; right: unset; left: -10%; background-position: center; background-size: contain; transform: scaleX(-1); } body.about #allSectionsWrapper .section.grid-text-section.quote { max-width: 100%; height: fit-content; padding-block: 40px; } body.about #allSectionsWrapper .section.grid-gallery-section.two-pic { height: 727px; padding-bottom: 40px; } body.birthday #GridTop { display: none; } body.birthday :is(div,#LobbyModule) #lobbyview { padding-bottom: 40px; padding-inline: 20px; } body.birthday #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes { padding-bottom: 40px; } body.birthday #allSectionsWrapper .section.grid-text-section:not(.map) { padding-block: 0 40px; } body.birthday #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content { margin: 0; } body.parade #GridTop { margin-top: 60px; } body.parade #allSectionsWrapper .section.grid-text-section:not(.map, .cube-tabs-sec) { padding-block: 40px; padding-inline: 20px; } body.parade #allSectionsWrapper .section.grid-text-section.cube-tabs-sec:not(.map) { padding-block: 60px 40px; padding-inline: 20px; } body.parade #allSectionsWrapper .section.grid-contents { padding-top: 0; } body.parade #allSectionsWrapper .section.grid-contents .section-title { display: none; } body.parade #allSectionsWrapper .section.grid-contents .grid-boxes.grid-boxes-content { margin: 0; } body.parade #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content { margin: 0; } body.parade #allSectionsWrapper .section.grid-text-section .grid-text .grid-text-content h2 { margin-bottom: 12px; /* text-align: center; */ } body.parade #allSectionsWrapper .section.grid-text-section.sliding-text { } body.parade #allSectionsWrapper .section.grid-text-section.sliding-text .grid-text { margin-top: 80px; } body.parade #allSectionsWrapper .section.grid-text-section.sliding-text .section-title { } body.parade #allSectionsWrapper .section.grid-text-section.sliding-text .section-title h2 { -webkit-text-stroke-width: 1px; } body.parade #allSectionsWrapper .section.grid-text-section[data-id="24840"] .section-title h2 { text-align: start; } body.parade #allSectionsWrapper .sliding-with-gallery .section.grid-gallery-section.two-pic { display: none; } body.parade #allSectionsWrapper .section.grid-gallery-section.fixed-size-cubes { padding-bottom: 80px; } body.donations :is(div, .blogmain-header) #headline h1 { max-width: 100%; } body.donations #ContentRegularModule #pageview .MainContent #headline { position: static; padding: 0; padding-inline: 20px; } body.donations #ContentRegularModule #pageview .MainContent { flex-direction: column; padding: 40px 0; gap: 20px; } body.donations #ContentRegularModule #pageview #text1 { padding-top: 0; max-width: 100%; padding-bottom: 0; } body.donations #ContentRegularModule #pageview #text1 > *:not(:has(iframe)) { padding-inline: 20px; } body.donations #ContentRegularModule #pageview #text1 > ul { padding-inline: 20px; } body.donations #ContentRegularModule #pageview #text1 > p:has(strong) { margin-bottom: 12px; } body.donations #ContentRegularModule #pageview #text1 iframe { height: 250px; } body.trans #GridTop { margin-top: 60px; } body.trans :is(div,#LobbyModule) #lobbyview { } body.trans :is(div,#LobbyModule) #lobbyview #headline { margin-bottom: 0; } body.trans #allSectionsWrapper .section.grid-text-section[data-id="24763"] { padding-top: 60px; } body.contact #allSectionsWrapper .form-with-gallery { padding-inline: 20px; padding-top: 48px; } body.contact #allSectionsWrapper .form-with-gallery .form-faq-wrapper { width: 100%; } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview .lobbyTextContainer { padding: 0; } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview #headline { margin-bottom: 20px; } body.contact #allSectionsWrapper .form-with-gallery .section.grid-form-section #lobbyview .lobbyTextContainer #lobbyText .wrapper { margin-top: 20px; flex-direction: column; gap: 20px; } body.clinic :is(div,#LobbyModule) #lobbyview { padding-bottom: 60px; } body.clinic #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .grid-box-subtitle { margin-top: 2px; } body.clinic #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .team-text-wrapper { padding-inline: 40px; } body.clinic #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .team-text-wrapper:after { bottom: 50%; transform: translateY(50%); right: 3%; width: 27px; background-size: contain; } body.clinic #allSectionsWrapper .section.grid-content-section.rainbow-cubes { padding-bottom: var(--gap-70); } body.clinic #allSectionsWrapper .section.grid-text-section.quote { max-width: 100%; } body.studio :is(div,#LobbyModule) #lobbyview .top-caption { /*display: none;*/ width: 100%; } body.studio :is(div,#LobbyModule) #lobbyview .top-caption img.bannerLogo { width: 150px; } body.studio :is(div,#LobbyModule) #lobbyview > :is(h2,.lobbyTextContainer) { margin-bottom: 2px; } body.studio :is(div,#LobbyModule) #lobbyview > :is(h2,.lobbyTextContainer) #lobbyText { } body.studio :is(div,#LobbyModule) #lobbyview > :is(h2,.lobbyTextContainer) #lobbyText p { } body.studio :is(div,#LobbyModule) #lobbyview > :is(h2,.lobbyTextContainer) #lobbyText .button-arrow-wrapper { width: 100%; } body.studio :is(div,#LobbyModule) #lobbyview > :is(h2,.lobbyTextContainer) #lobbyText .button-arrow-wrapper a { width: 100%; } body.studio :is(div,#LobbyModule) #lobbyview > :is(h2,.lobbyTextContainer) #lobbyText .button-arrow-wrapper .arrow { display: none; } body.studio #allSectionsWrapper .section.grid-content-section.team { padding: 20px; padding-bottom: 40px; padding-inline-end: 0; } body.studio #allSectionsWrapper .section.grid-content-section.team .grid-boxes { padding-inline-end: 20px; } body.studio #allSectionsWrapper .section.grid-content-section.team .grid-boxes .grid-box .team-text-wrapper:after { display: none; } body.studio #allSectionsWrapper .section.grid-row-section { /* padding-inline: 0; */ /* padding-top: 0; */ /* padding-bottom: 0; */ padding: 0; } body.studio #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text { } body.studio #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text { } body.studio #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h2 { } body.studio #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text h3 { margin-block: 12px; } body.studio #allSectionsWrapper .section.grid-row-section .grid-rows .grid-row .grid-row-cell.grid-row-cell-text .grid-row-text .button-arrow-wrapper { margin-top: 22px; } body.studio #allSectionsWrapper .section.grid-contents { padding-bottom: 0; } body.studio #allSectionsWrapper .form-with-gallery .form-faq-wrapper { width: 100%; } body.events.contentInnerPage #pageview .price-button-wrapper { position: sticky; bottom: 0; order: -1; background: var(--black); color: var(--white); padding: 12px 20px 40px; } body.events.contentInnerPage #pageview .price-button-wrapper .price { margin-bottom: 12px; } body.events.contentInnerPage #pageview .price-button-wrapper .button-arrow-wrapper { width: 100%; } body.events.contentInnerPage #pageview .price-button-wrapper .button-arrow-wrapper a.ticket { background: var(--pink); color: var(--black); width: 100%; text-align: center; padding-block: 15px; font-family: var(--font-3); line-height: 1.1; letter-spacing: -0.16px; } body.events.contentInnerPage #pageview .price-button-wrapper .button-arrow-wrapper .arrow { display: none; } body.events.contentInnerPage #pageview .price-button-wrapper .price h3 { font-size: 22px; font-family: var(--font-2); line-height: 0.85; letter-spacing: 0.22px; } } /**/ /*------------------------------------------/* MAP ON MOBILE /*------------------------------------------*/ @media(max-width: 1025px) { body:has(.map) .gsap-wrapper { position: relative; z-index: 1; } #SiteContainer .mobile-boxes-container button.mobile-boxes-reset { position: absolute; left: 50%; top: 35%; transform: translateX(-50%); width: var(--gap-32); height: auto; aspect-ratio: 1; padding: 0; margin: 0; background-image: url("https://media.getmood.io/warehouse/dynamic/703998.svg"); background-position: center; background-repeat: no-repeat; border: none; border-radius: 50%; } .mobile-boxes-container .grid-box { max-height: 0; overflow: hidden; position: absolute; opacity: 0; width: 11.771vw; text-align: start; background: white; border-radius: 10px; right: 100%; bottom: 50%; transform: translateY(50%); transition: 0.3s ease all; backdrop-filter: blur(4px); background: white; } .mobile-boxes-container .grid-box .grid-box-image { padding: var(--gap-6); padding-bottom: 0; } .mobile-boxes-container .grid-box .grid-box-image img { border-radius: 8px; } .mobile-boxes-container .grid-box .grid-box-title { padding-inline: 0; margin-block: 0 var(--gap-16); display: block; } .mobile-boxes-container .grid-box .grid-box-fulltext { } .mobile-boxes-container .grid-box .grid-box-fulltext p { color: var(--black); } .mobile-boxes-container .grid-box .grid-box-title h3 { font-size: unset; } .mobile-boxes-container .grid-box .grid-box-title h3 a { color: var(--black); font-family: var(--font-2); } .mobile-boxes-container .grid-box .grid-box-subtitle { padding-inline: var(--gap-16); padding-bottom: 20px; width: 26%; } .mobile-boxes-container .grid-box .grid-box-subtitle span { color: var(--text-grey); } .mobile-boxes-container .grid-box .arrow { background: var(--green-100); right: var(--gap-16); bottom: var(--gap-16); /* height: 50px; */ width: 50px; } .mobile-boxes-container .grid-box .arrow::after { filter: invert(1); } .mobile-boxes-container .grid-box.active { max-height: 10000px; opacity: 1; } .mobile-boxes-container .grid-box.active .grid-box-image { } .mobile-boxes-container .grid-box.active .grid-box-image .grid-box-image-container { } .mobile-boxes-container .grid-box.active .grid-box-image .grid-box-image-container a { } #SiteContainer .mobile-boxes-container { position: fixed; width: 100vw; height: 100vh; background: rgb(0 0 0 / 20%); z-index: -1; opacity: 0; transition: 0.3s ease all; display: none; } #SiteContainer .mobile-boxes-container .grid-box { right: unset; left: 0; bottom: 0; width: 100%; height: 58%; transform: translateY(100%); padding: 40px; transition: 0.3s ease all; border-radius: 0; } #SiteContainer .mobile-boxes-container .grid-box .grid-box-image { padding: 20px; } #SiteContainer .mobile-boxes-container:has(.grid-box.active) { z-index: 1000; opacity: 1; display: block; } #SiteContainer .mobile-boxes-container .grid-box.active { transform: unset; } } /*------------------------------------------/* BLOG LOBBY PAGE /*------------------------------------------*/ .blogmain-header { display: flex; padding-block: var(--gap-80) var(--gap-66); justify-content: center; flex-direction: column; } .blogmain-header #text1 p { color: var(--black); } :is(div, .blogmain-header) #headline { font-size: unset; margin: var(--gap-28); } :is(div, .blogmain-header) #headline h1 { } .blog-tags { padding: 0; padding-bottom: var(--gap-56); } .blog-tags nav.blog-tags-list { } .blog-tags nav.blog-tags-list ul { display: flex; justify-content: center; gap: var(--gap-12); } .blog-tags nav.blog-tags-list ul li { margin: 0; } .blog-tags nav.blog-tags-list ul li a { display: block; width: var(--gap-150); height: var(--gap-50); align-content: center; border: 1px solid var(--black); font-family: var(--font-3); } .blog-tags nav.blog-tags-list ul li.active a { background: var(--pink); color: var(--black); } #BlogModule .blog-posts { display: grid; grid-template-columns: repeat(2,1fr); justify-content: center; gap: var(--gap-32); padding-inline: var(--gap-100); } #BlogView .blog-related-posts h2 { font-size: unset; } #BlogView .blog-related-posts { padding-inline-start: var(--gap-100); padding-block: var(--gap-160) var(--gap-160); } #BlogView .carousel-gallery .section-title h2 { margin: 0; } @media(min-width: 1025px) { #BlogView .blog-related-posts .blog-posts { padding-inline: var(--gap-100); } #TagView { padding-bottom: var(--gap-100); } } @media(max-width: 1025px) { .blogmain-header { padding: 48px 20px; } :is(div, .blogmain-header) #headline { margin: 0; margin-bottom: var(--gap-16); } .blog-tags { padding-bottom: 20px; } .blog-tags nav.blog-tags-list ul li a { height: 36px; width: 58px; } #BlogModule .blog-posts { padding-inline: 0; grid-template-columns: repeat(1,1fr); gap: 20px; padding-inline: var(--gap-20); } #BlogMain, #TagView { padding-bottom: 40px; } #BlogModule #TagView { margin-inline: auto; } #BlogModule #TagView .blog-posts { display: grid; grid-template-columns: repeat(1,1fr); } body:has(#TagView) #GridWrapInner { max-width: 100%; padding-inline: 16px; } } /**/ /*------------------------------------------/* BLOG INNER PAGE /*------------------------------------------*/ body.contentInnerPage #BlogView { padding-bottom: var(--gap-80); overflow: unset; } body.contentInnerPage .blogmain-header { padding: 0; } body.contentInnerPage #BlogView .blog-view { display: flex; position: relative; } body.contentInnerPage #BlogView .blog-view > * { flex: 1; max-width: 50% !important; max-width: unset; } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper { padding: var(--gap-64) var(--gap-160) var(--gap-80) var(--gap-100); height: fit-content; position: sticky; top: var(--headerHeight);; } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper #headline { margin: 0; text-align: start; } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .blog-post-icons.blog-date-time { margin-block: var(--gap-32); display: flex; gap: var(--gap-8); } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .blog-post-icons.blog-date-time span { margin: 0; } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .blog-post-icons.blog-date-time span:after { content: ""; } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .blog-post-icons.blog-date-time span:not(:last-child):after { content: "/"; margin-inline-start: var(--gap-8); } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .blog-post-icons.blog-date-time span i { display: none; } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .blog-post-icons.blog-date-time .blog-post-Time-container { margin: 0; } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .blog-post-icons.blog-date-time .blog-post-Time-container svg { display: none; } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .share-strip { margin: 0; display: flex; justify-content: end; flex-direction: row-reverse; } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .share-strip span { font-family: var(--font-2); font-size: clamp(30px,var(--fs-36),300px); line-height: 0.85; letter-spacing: 0.72px; margin-inline-end: var(--gap-8); direction: rtl; } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .share-strip a { margin: 0; border: none; width: var(--gap-30); align-items: center; padding-top: 0.4%; } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .share-strip a i { height: 100%; aspect-ratio: 1; width: auto; font-size: clamp(12px,var(--fs-24),300px); } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .share-strip a i::before { display: block; height: 100%; } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .share-strip::before, body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .share-strip::after { display: none; } body.contentInnerPage #BlogView .blog-view #text1 { padding-inline-end: 12.865vw; padding-top: var(--gap-60); } body.contentInnerPage #BlogView .blog-view #text1 :is(p,li) { color: var(--black); } body.contentInnerPage #BlogView .blog-view #text1 ul { margin: 0; list-style: none; padding: 0; } body.contentInnerPage #BlogView .blog-view #text1 h2 { /* font-size: unset; */ } body.contentInnerPage #BlogView .blog-view #text1 h3, #BlogView .blog-view #text1 h3 span { color: var(--black); } body.contentInnerPage #BlogView .blog-related-posts .share-strip { display: none; } @media(min-width: 1025px) { } @media(max-width: 1025px) { body.contentInnerPage #BlogView .blog-view { flex-direction: column; } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper { position: static; padding: 40px 20px; max-width: 100% !important; } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .blog-post-icons.blog-date-time { margin-block: 16px; } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .blog-post-icons.blog-date-time span { } body.contentInnerPage #BlogView .blog-view .blog-view-wrapper .share-strip span { display: none; } body.contentInnerPage #BlogView .blog-view #text1 { max-width: 100% !important; padding: 0; margin: 0; } body.contentInnerPage #BlogView .blog-view #text1 > *:not(:has(img)) { padding-inline: var(--gap-20); } body.contentInnerPage #BlogView .blog-view #text1 h2 { margin-bottom: 12px; } body.contentInnerPage #BlogView .blog-view #text1 :is(h2,h3,h4):not(:first-child) { margin-bottom: var(--gap-12); } body.contentInnerPage #BlogView .blog-related-posts { padding: 40px 20px 80px; padding-inline-end: 0; } body.contentInnerPage #BlogView .blog-related-posts .blog-posts.grid-boxes { gap: 12px; overflow: auto; padding-inline-end: 20px; } } /**/ /*------------------------------------------/* EVENTS LOBBY PAGE /*------------------------------------------*/ #ContentGridShortModule { } #ContentGridShortModule .events-lobby { } #ContentGridShortModule .events-lobby #headline { margin-block: var(--gap-100) var(--gap-66); } #ContentGridShortModule .events-lobby #headline h1 { margin-bottom: var(--gap-36); } #ContentGridShortModule .events-lobby #headline p { font-size: clamp(14px,var(--fs-18),300px); line-height: 1.45; } #ContentGridShortModule .events-lobby .tabs { margin-bottom: var(--gap-56); } #ContentGridShortModule .events-lobby .tabs ul { margin: 0; padding: 0; display: flex; list-style: none; justify-content: center; gap: var(--gap-12); } #ContentGridShortModule .events-lobby .tabs ul li.tab { } #ContentGridShortModule .events-lobby .tabs ul li.tab a { min-width: var(--gap-150); height: var(--gap-50); display: block; text-align: center; align-content: center; border: 1px solid var(--black); font-family: var(--font-3); line-height: 0.8; letter-spacing: 0.36px; font-size: clamp(14px,var(--fs-18),300px); cursor: pointer; } #ContentGridShortModule .events-lobby .tabs ul li.tab.all a { } #ContentGridShortModule .events-lobby .tabs ul li.tab.active a { background: var(--pink); } #ContentGridShortModule .events-lobby .normal-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: var(--gap-32); padding-inline: var(--gap-100); padding-bottom: var(--gap-80); } #ContentGridShortModule .events-lobby .normal-grid .project-box { padding: 0; border: 1px solid var(--black); display: none; } #ContentGridShortModule .events-lobby .normal-grid .project-box.active { display: block; } #ContentGridShortModule .events-lobby .normal-grid .project-box .grid-short-box { margin: 0; } #ContentGridShortModule .events-lobby .normal-grid .project-box .grid-short-box .grid-short-box-image { padding: 0; } #ContentGridShortModule .events-lobby .normal-grid .project-box .grid-short-box .grid-short-box-image a { display: block; width: 100%; } #ContentGridShortModule .events-lobby .normal-grid .project-box .grid-short-box .grid-short-box-image a img.cube-bg { position: static; transform: none; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; } #ContentGridShortModule .events-lobby .normal-grid .project-box .grid-short-box .grid-short-box-fulltext { text-align: start; padding-inline: var(--gap-32); padding-top: var(--gap-24); display: flex; flex-direction: column; position: relative; overflow: hidden; } #ContentGridShortModule .events-lobby .normal-grid .project-box .grid-short-box .grid-short-box-fulltext .grid-short-box-label { padding: 0; min-height: var(--gap-96); margin-bottom: var(--gap-24); width: 55%; } #ContentGridShortModule .events-lobby .normal-grid .project-box .grid-short-box .grid-short-box-fulltext .date-loc { margin-bottom: var(--gap-36); display: flex; gap: var(--gap-8); } #ContentGridShortModule .events-lobby .normal-grid .project-box .grid-short-box .grid-short-box-fulltext:after { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; display: block; z-index: 1; background: var(--pink); transition: 0.3s ease all; transform: translateY(100%); overflow: hidden; } #ContentGridShortModule .events-lobby .normal-grid .project-box:not(.first) .grid-short-box .grid-short-box-fulltext { /* display: none; */ } #ContentGridShortModule .events-lobby .normal-grid .project-box:not(.first) .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle { display: none; } #ContentGridShortModule .events-lobby .normal-grid .project-box:not(.first) .grid-short-box .grid-short-box-fulltext > * { z-index: 2; } #ContentGridShortModule .events-lobby .normal-grid .project-box.first .grid-short-box .grid-short-box-image a img.cube-bg { min-width: 59.167vw; } #ContentGridShortModule .events-lobby .normal-grid .project-box.first .grid-short-box .grid-short-box-fulltext .grid-short-box-label { min-height: unset; } #ContentGridShortModule .events-lobby .normal-grid > .project-box .grid-short-box .grid-short-box-fulltext a.btn { position: absolute; bottom: 0; left: 0; background: white; border-inline-end: none; border-bottom: none; display: flex; align-items: center; gap: var(--gap-14); } #ContentGridShortModule .events-lobby .normal-grid > .project-box .grid-short-box .grid-short-box-fulltext a.btn:after { content: ""; display: block; width: var(--gap-10); height: var(--gap-14); display: inline-block; background-image: url("https://media.getmood.io/warehouse/dynamic/741116.svg"); } #ContentGridShortModule .events-lobby .normal-grid > .project-box.first { grid-column: span 2; padding: 0; } #ContentGridShortModule .events-lobby .normal-grid > .project-box.first .grid-short-box { display: flex; } #ContentGridShortModule .events-lobby .normal-grid > .project-box.first .grid-short-box .grid-short-box-fulltext { flex: 1; padding: var(--gap-32) var(--gap-40); display: flex; flex-direction: column; justify-content: center; } #ContentGridShortModule .events-lobby .normal-grid > .project-box.first .grid-short-box .grid-short-box-fulltext > * { z-index: 2; } #ContentGridShortModule .events-lobby .normal-grid > .project-box.first .grid-short-box .grid-short-box-fulltext .date-loc { position: absolute; bottom: 0; } @media(min-width: 1025px) { #ContentGridShortModule .events-lobby .normal-grid .project-box:hover .grid-short-box .grid-short-box-fulltext:after { transform: unset; } } @media(max-width: 1025px) { #ContentGridShortModule .events-lobby #headline { margin-block: 48px; } #ContentGridShortModule .events-lobby #headline h1 { margin-bottom: 16px; } #ContentGridShortModule .events-lobby #headline p { font-size: 16px; line-height: 1.4; letter-spacing: -0.16px; } #ContentGridShortModule .events-lobby .normal-grid { grid-template-columns: repeat(1,1fr); padding: 20px; } #ContentGridShortModule .events-lobby .normal-grid .project-box .grid-short-box { display: flex; flex-direction: column; } #ContentGridShortModule .events-lobby .normal-grid .project-box .grid-short-box .grid-short-box-fulltext { padding: 16px; } #ContentGridShortModule .events-lobby .normal-grid .project-box .grid-short-box .grid-short-box-fulltext .grid-short-box-label { width: 100%; order: 1; margin: 0; } #ContentGridShortModule .events-lobby .normal-grid .project-box .grid-short-box .grid-short-box-fulltext .date-loc { margin-bottom: var(--gap-8); color: var(--grey-light); } #ContentGridShortModule .events-lobby .normal-grid > .project-box.first { grid-column: unset; } #ContentGridShortModule .events-lobby .normal-grid > .project-box .grid-short-box .grid-short-box-fulltext a.btn { color: transparent; background-image: url("https://media.getmood.io/warehouse/dynamic/741116.svg"); background-position: center; background-repeat: no-repeat; background-size: auto; max-width: 44px; min-width: unset; height: 42px; background-size: inherit; background-color: var(--vivid-blue); } #ContentGridShortModule .events-lobby .normal-grid > .project-box:nth-child(4n + 1) .grid-short-box .grid-short-box-fulltext a.btn { background-color: var(--vivid-blue); } #ContentGridShortModule .events-lobby .normal-grid > .project-box:nth-child(4n + 2) .grid-short-box .grid-short-box-fulltext a.btn { background-color: var(--lime); } #ContentGridShortModule .events-lobby .normal-grid > .project-box:nth-child(4n + 3) .grid-short-box .grid-short-box-fulltext a.btn { background-color: var(--pink); } #ContentGridShortModule .events-lobby .normal-grid > .project-box:nth-child(4n + 4) .grid-short-box .grid-short-box-fulltext a.btn { background-color: var(--green); } #ContentGridShortModule .events-lobby .normal-grid > .project-box.first .grid-short-box .grid-short-box-fulltext { padding: 16px; } #ContentGridShortModule .events-lobby .normal-grid > .project-box.first .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle { display: none; } #ContentGridShortModule .events-lobby .normal-grid > .project-box.first .grid-short-box .grid-short-box-fulltext .grid-short-box-label { min-height: 96px; } #ContentGridShortModule .events-lobby .normal-grid > .project-box.first .grid-short-box .grid-short-box-fulltext .date-loc { position: static; } #ContentGridShortModule .events-lobby .tabs { margin: 0; padding-inline: var(--gap-20); overflow: auto; } #ContentGridShortModule .events-lobby .tabs ul { width: fit-content; } #ContentGridShortModule .events-lobby .tabs ul li.tab a { padding-inline: 16px; height: 36px; font-size: 16px; line-height: 1.1; letter-spacing: -0.16px; } } /**/ /*------------------------------------------/* EVENTS BLOG LOBBY PAGE (NEW) /*------------------------------------------*/ body.events #BlogModule .blog-posts { display: grid; grid-template-columns: repeat(2,1fr); gap: var(--gap-32); padding-inline: var(--gap-100); } body.events #BlogModule .blog-posts .blog-post { flex-direction: column; } body.events #BlogModule .blog-posts .blog-post .blog-post-content { min-height: var(--gap-194); justify-content: flex-start; padding-block: var(--gap-24); } body.events #BlogModule .blog-posts .blog-post .blog-post-content .blog-post-text { display: none; } body.events #BlogModule .blog-posts .blog-post .blog-post-content .blog-post-icons { top: unset; bottom: var(--gap-36); } body.events #BlogModule .blog-posts .blog-post .blog-post-image { } body.events #BlogModule .blog-posts .blog-post .blog-post-image a { } body.events #BlogModule .blog-posts .blog-post .blog-post-image a img { max-height: 24.74vw; object-fit: cover; } body.events #BlogModule .blog-posts .blog-post:first-child { grid-column: span 2; max-width: 100%; flex-direction: row-reverse; } body.events #BlogModule .blog-posts .blog-post:first-child .blog-post-image a img { min-width: 59.167vw; max-height: 33.333vw; } body.events #BlogModule .blog-posts .blog-post:first-child .blog-post-content { justify-content: center; padding-inline: var(--gap-64) var(--gap-40); } body.events #BlogModule .blog-posts .blog-post:first-child .blog-post-content .blog-post-text { display: block; } body.events #BlogModule .blog-posts .blog-post:first-child .blog-post-content a.blog-post-btn { right: var(--gap-40); } body.events #BlogModule .blog-posts .blog-post:first-child .blog-post-content h2.blog-post-title { margin-bottom: var(--gap-32); } @media(max-width: 1025px) { body.events .blog-tags nav.blog-tags-list ul li a { padding-inline: 16px; width: fit-content; } body.events #BlogModule .blog-posts .blog-post .blog-post-content .blog-post-icons { } body.events #BlogModule .blog-posts .blog-post .blog-post-image a img { max-height: unset; } body.events #BlogModule .blog-posts .blog-post:first-child { grid-column: span 1; flex-direction: column; } body.events #BlogModule .blog-posts .blog-post:first-child .blog-post-image a img { max-height: unset; } body.events #BlogModule .blog-posts .blog-post:first-child .blog-post-content { flex-direction: column-reverse; padding: 16px; } body.events #BlogModule .blog-posts .blog-post:first-child .blog-post-content h2.blog-post-title a { } body.events #BlogModule .blog-posts .blog-post:first-child .blog-post-content .blog-post-text { display: none; } body.events #BlogModule .blog-posts .blog-post:first-child .blog-post-content .blog-post-icons { order: 1; } } /**/ /*------------------------------------------/* EVENTS BLOG PAGE TAG VIEW (NEW) /*------------------------------------------*/ body.events:has(#TagView) :is(div, .blogmain-header) #headline { margin: 0; } body.events #BlogModule #TagView { padding-bottom: var(--gap-160); } /*------------------------------------------/* EVENTS INNER PAGE /*------------------------------------------*/ body.events.contentInnerPage #pageview { display: flex; background: white; /* position: sticky; */ /* top: var(--headerHeight); */ } body.events.contentInnerPage #pageview .right.info-sec { padding-inline: var(--gap-180); padding-block: 0 var(--gap-180); } body.events.contentInnerPage #pageview .right.info-sec nav#PageBreadCrumps { padding-inline: 0 !important; padding-bottom: 0 !important; text-align: start; } body.events.contentInnerPage #pageview .right.info-sec #headline { text-align: start; margin: 0; margin-bottom: var(--gap-32); margin-top: var(--gap-100); } body.events.contentInnerPage #pageview .right.info-sec #headline h1 { } body.events.contentInnerPage #pageview .right.info-sec .sub-title { margin-bottom: var(--gap-20); } body.events.contentInnerPage #pageview .right.info-sec .loc-time-date { display: flex; gap: var(--gap-8); margin-bottom: var(--gap-20); font-family: var(--font-3); } body.events.contentInnerPage #pageview .right.info-sec .loc-time-date p { display: flex; gap: var(--gap-8); } body.events.contentInnerPage #pageview .right.info-sec .loc-time-date p:before { content: ""; width: var(--gap-24); height: auto; aspect-ratio: 1; display: inline-block; background-position: center; background-repeat: no-repeat; background-size: auto; } body.events.contentInnerPage #pageview .right.info-sec .loc-time-date p.date:before { background-image: url("https://media.getmood.io/warehouse/dynamic/749273.svg"); } body.events.contentInnerPage #pageview .right.info-sec .loc-time-date p.loc:before { background-image: url("https://media.getmood.io/warehouse/dynamic/749274.svg"); } body.events.contentInnerPage #pageview .right.info-sec .loc-time-date p.time:before { background-image: url("https://media.getmood.io/warehouse/dynamic/749272.svg"); } body.events.contentInnerPage #pageview .right.info-sec .info { margin-bottom: var(--gap-20); } body.events.contentInnerPage #pageview .right.info-sec .paln { margin-bottom: var(--gap-32); } body.events.contentInnerPage #pageview .right.info-sec .paln h3 { margin-bottom: var(--gap-20); } body.events.contentInnerPage #pageview .right.info-sec .plan h3 { font-family: var(--font-3); margin-bottom: var(--gap-20); } body.events.contentInnerPage #pageview .right.info-sec .paln ul { margin: 0; list-style: none; padding: 0; } body.events.contentInnerPage #pageview .right.info-sec .plan ul { margin: 0; } body.events.contentInnerPage #pageview .right.info-sec .plan ul { list-style: none; padding: 0; } body.events.contentInnerPage #pageview .right.info-sec .price { margin-bottom: var(--gap-20); margin-top: var(--gap-32); } body.events.contentInnerPage #pageview .right.info-sec .price h3 { font-family: var(--font-2); } body.events.contentInnerPage #pageview .left.img-sec { height: fit-content; position: sticky; top: var(--headerHeight); transition: 0.3s ease all; } @media(min-width: 1025px) { body.events.contentInnerPage #pageview .right.info-sec { min-width: 50%; } } @media(max-width: 1025px) { body.events.contentInnerPage #pageview { flex-direction: column-reverse; position: relative; } body.events.contentInnerPage #pageview .left.img-sec { position: static; } body.events.contentInnerPage #pageview .left.img-sec .event-header-wrapper { } body.events.contentInnerPage #pageview .left.img-sec .event-header-wrapper #headline { padding-top: var(--gap-48); } body.events.contentInnerPage #pageview .left.img-sec .event-header-wrapper .sub-title { text-align: center; padding-bottom: var(--gap-48); } body.events.contentInnerPage #pageview .left.img-sec img { width: 100%; object-fit: cover; height: 345px; } body.events.contentInnerPage #pageview .right.info-sec { padding-inline: 20px; padding-block: 24px 40px; position: static; } body.events.contentInnerPage #pageview .right.info-sec .loc-time-date { flex-direction: column; } body.events.contentInnerPage #pageview .right.info-sec .loc-time-date p { align-items: center; } body.events.contentInnerPage #pageview .right.info-sec .button-arrow-wrapper { position: sticky; bottom: var(--gap-20); left: 0; right: unset; /* transform: translateX(-50%); */ } } /**/ /*------------------------------------------/* CAREER LOBBY PAGE /*------------------------------------------*/ body.career #ContentGridShortModule #text1 { margin-bottom: var(--gap-66); } body.career.lobby-page #pageview { flex-direction: column; } body.career.lobby-page #pageview #headline { margin-top: 0; } body.career.lobby-page #pageview #text1 { margin-bottom: 0; } body.career #ContentGridShortModule #text1 p { color: var(--black); } body.career #ContentGridShortModule #gridshort-view { padding: var(--gap-20) var(--gap-100) var(--gap-80); } body.career #ContentGridShortModule #gridshort-view .flex-row { display: flex; flex-direction: column; text-align: start; border: 1px solid var(--black); } body.career #ContentGridShortModule #gridshort-view .flex-row > div { padding: 0; width: 100%; } body.career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box { margin: 0; padding-inline: var(--gap-50) 15.104vw; position: relative; } body.career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box .grid-short-box-image { padding: 0; display: none; } body.career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext { text-align: start; display: flex; align-items: center; height: var(--gap-150); position: static; justify-content: space-between; } body.career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-label { padding: 0; min-width: 38.021vw; } body.career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-link { position: absolute; bottom: 0; left: 0; display: flex; } body.career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-link a { background: white; border-inline-end: none; border-bottom: none; } body.career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-link .button-arrow-wrapper .arrow { border: none; border-top: 1px solid; border-inline-start: 1px solid; } body.career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box a.box-link { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; } body.career #ContentGridShortModule #gridshort-view .flex-row > div:not(:last-child) { border-bottom: 1px solid var(--black); } body.career #ContentGridShortModule #gridshort-view .flex-row > div:before { content: ""; height: 100%; width: var(--gap-8); display: block; position: absolute; transition: 0.3s ease all; } body.career #ContentGridShortModule #gridshort-view .flex-row > div:nth-child(3n+1):before { background: var(--lime); } body.career #ContentGridShortModule #gridshort-view .flex-row > div:nth-child(3n+2):before { background: var(--vivid-blue); } body.career #ContentGridShortModule #gridshort-view .flex-row > div:nth-child(3n+3):before { background: var(--pink); } @media(min-width: 1025px) { body.career #ContentGridShortModule #gridshort-view { padding-bottom: var(--gap-160); } body.career #ContentGridShortModule #gridshort-view .flex-row > div:hover::before { width: 100%; } } @media(max-width: 1025px) { body.career.lobby-page #pageview { padding: 48px 20px; } body.career #ContentGridShortModule #gridshort-view { padding-inline: 20px; padding-block: 0; padding-bottom: 40px; } body.career #ContentGridShortModule #gridshort-view .flex-row > div:before { width: 4px; } body.career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box { padding-inline: 20px; } body.career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext { height: 178px; align-items: baseline; flex-direction: column; justify-content: flex-start; gap: 12px; padding-block: 20px; } body.career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-label { min-width: 100%; } body.career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-subtitle { } body.career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-link a { position: absolute; background: transparent; color: transparent; border: none; } body.career #ContentGridShortModule #gridshort-view .flex-row > div .grid-short-box .grid-short-box-fulltext .grid-short-box-link .arrow { border: none; border-top: 1px solid; border-inline-start: 1px solid; } } /**/ /*------------------------------------------/* CAREER INNER PAGE /*------------------------------------------*/ body.career #pageview { display: flex; padding-inline: var(--gap-170); padding-block: var(--gap-100) var(--gap-80); } body.career.lobby-page.contentInnerPage #pageview { flex-direction: row; padding-bottom: var(--gap-160); } body.career #pageview > * { flex: 1; } body.career #pageview .right.info-sec > * { max-width: 32.552vw; } body.career #pageview .right.info-sec { } body.career #pageview .right.info-sec #headline { text-align: start; margin: 0; margin-bottom: var(--gap-32); } body.career #pageview .right.info-sec .sub-title { margin-bottom: var(--gap-32); } body.career #pageview .right.info-sec .text { } body.career #pageview .right.info-sec .text h3 { margin-block: var(--gap-24) var(--gap-12); } body.career #pageview .right.info-sec .text ul { list-style: none; padding: 0; } body.career #pageview .left.form-sec { } body.career #pageview .left.form-sec .section.grid-form-section { } body.career #pageview .left.form-sec .section.grid-form-section .form-container-wide { } body.career #pageview .left.form-sec .section.grid-form-section .form-container-wide #DynamicFormObject { } body.career #pageview .left.form-sec .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields { } body.career #pageview .left.form-sec .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form { } body.career #pageview .left.form-sec .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields form fieldset { gap: var(--gap-12); } body.career #pageview .left.form-sec .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: var(--gap-12); } body.career #pageview .left.form-sec .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { } body.career #pageview .left.form-sec .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: var(--gap-12); } @media(min-width: 1025px) { } @media(max-width: 1025px) { body.career.lobby-page.contentInnerPage #pageview { flex-direction: column; padding-bottom: 80px; } body.career #pageview .right.info-sec #headline { text-align: center; margin-bottom: 16px; } body.career #pageview .right.info-sec > * { max-width: 100%; /* text-align: center; */ } body.career #pageview .right.info-sec .sub-title { text-align: center; margin-bottom: 24px; line-height: 1.4; } body.career #pageview .left.form-sec { padding-block: 80px 0; } body.career #pageview .left.form-sec .section.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; } } /**/ /*-------------------------------------------/* SEARCH RESULTS PAGE /*------------------------------------------*/ .SearchResults #GridTop { display: none; } .SearchResults :is(#lobbyview, #pageview) #headline { margin: 0 0 var(--gap-32) !important; text-align: start; } .SearchResults :is(#lobbyview, #pageview) #headline h1 { /* font-size: clamp(2rem, var(--fs-50), 1000rem); */ /* letter-spacing: -1px; */ text-align: center; } .SearchResults #SearchResultPage #text1 { max-width: unset; } .SearchResults #SearchResultPage #text1 .searchResultsList { display: flex; flex-wrap: wrap; margin: 0 auto var(--gap-120); width: 47vw; } .SearchResults #SearchResultPage #text1 .searchResultsList:not(:has(.catalogItemBox)) { border-top: unset; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem { padding: var(--gap-32) var(--gap-40); border-top: 1px solid var(--stroke); border-inline-start: 0; padding-inline-start: 0; border-bottom: unset; display: flex; margin: 0; width: 100%; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg { padding: 0; padding-inline-end: var(--gap-40); padding-block: var(--gap-32); } .SearchResults #SearchResultPage #text1 .searchResultsList .catalogItemBox + .resultItem { margin-top: var(--gap-32); } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem::after { content: ''; position: absolute; inset-inline-end: 0; top: 50%; transform: translateY(-50%); background-repeat: no-repeat; background-position: center; background-size: var(--gap-16); width: auto; min-width: var(--gap-120); height: 100%; aspect-ratio: 1; background-image: url("https://media.getmood.io/warehouse/dynamic/741116.svg"); background-size: auto; background-position-x: left; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.resultFromGrid { padding-inline-start: 0; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem a::after { display: none; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a { width: var(--gap-180); min-width: var(--gap-180); height: var(--gap-120); overflow: hidden; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a img { height: 100%; width: 100%; object-fit: cover; border-radius: 4px; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent { width: 100%; padding-inline-start: 0; display: inline-flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: start; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a { width: 100%; justify-content: space-between; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent .resultCategory { font-size: clamp(1.2rem, var(--fs-20), 1000rem); color: var(--black); display: inline-flex; line-height: 1.2; display: none; } @media(min-width: 1025px) { .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a span { max-width: 100%; color: var(--black); /* font-family: var(--font-2); */ } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem:has(> a > img) .resultContent { padding-inline-start: var(--gap-40); } .SearchResults :is(#lobbyview, #pageview) #headline { margin-block: var(--gap-100) var(--gap-64) !important; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem { border: none; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem:not(:first-child) { border-top: 1px solid var(--black); } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a:after { content: ""; } } @media(max-width: 1024px) { .SearchResults :is(#lobbyview, #pageview) #headline { margin-block: 40px 56px !important; font-size: inherit; } .SearchResults :is(#lobbyview, #pageview) #headline h1 { font-size: 20px; line-height: 1.2; letter-spacing: normal; } .SearchResults #SearchResultPage #text1 .searchResultsList { flex-wrap: nowrap; flex-direction: column; gap: 0; padding: 0; align-items: center; margin: 0 auto var(--gap-72); display: grid; grid-template-columns: repeat(1, 1fr); width: 100%; padding-inline: 24px; } .SearchResults #SearchResultPage #text1 .searchResultsList .catalogItemBox { max-width: 100%; width: 100%; min-width: unset; grid-row: unset; height: max-content; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem { padding: 24px; padding-inline: 0; grid-column: 1 / -1; /* height: var(--gap-90); */ border-top: 1px solid var(--black); } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem::after { /* min-width: var(--gap-32); */ height: var(--gap-32); transform: unset; top: unset; bottom: 0; /* border-top: 1px solid var(--blue); */ display: none; } .SearchResults #SearchResultPage #text1 .searchResultsList .catalogItemBox + .resultItem { margin-top: var(--gap-24); } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg > a { margin-inline-end: 0; width: var(--gap-100); min-width: var(--gap-100); height: var(--gap-90); } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.hasImg { padding-block: 24px; padding-inline: 0; flex-direction: row; gap: 16px; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.resultFromGrid { padding-inline: 0; border-top: 1px solid var(--black); } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent { padding-inline-start: unset; } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent > a { font-size: var(--fs-20); color: var(--black); } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem .resultContent .resultCategory { font-size: var(--fs-18); } .SearchResults #SearchResultPage #text1 .searchResultsList .resultItem.resultFromGrid:first-child { border: none; } } /*------------------------------------------/* PAGE 404 /*------------------------------------------*/ body:has(.page-not-found) #PageBreadCrumps { display: none; } body:has(.page-not-found) #SiteGridContainer { align-content: center; background-position: top; background-size: contain; background-repeat: no-repeat; } body:has(.page-not-found) #SiteGrid { height: calc(100vh - var(--headerHeight)); align-content: center; } .page-not-found #headline { font-size: unset; margin: 0; } .page-not-found #subheadline { width: 35%; margin-inline: auto; padding-block: var(--gap-32); } .page-not-found #subheadline h2 { font-size: unset; margin: 0; } .page-not-found #text1 p { display: flex; justify-content: center; color: var(--black); } .page-not-found #text1 a.tiny-btn { padding-block: var(--gap-12); } .page-not-found #text1 p a { align-content: center; background: var(--pink); color: var(--black); padding-inline: 16px; white-space: nowrap; min-width: fit-content; } @media(min-width: 1025px) { /* .page-not-found #text1 p a:hover { background: var(--dark-blue) !important; }*/ .page-not-found #text1 p:first-child { padding-block: var(--gap-32); } } @media(max-width: 1025px) { .page-not-found #headline h1 { font-size: 140px; letter-spacing: -1.4px; line-height: 0.75; } .page-not-found #subheadline { padding-block: 20px; width: 100%; padding-inline: 20px; } .page-not-found #subheadline { padding-block: 20px 24px; } .page-not-found #subheadline h2 { letter-spacing: normal; color: var(--dark-grey-text); } .page-not-found #text1 p a { height: 42px; font-size: 16px; line-height: 0.95; letter-spacing: -0.16px; } .page-not-found #text1 p:first-child { padding-block: 16px 24px; } } /*------------------------------------------/* FORM RESULT PAGE /*------------------------------------------*/ #SiteGridContainer:has(#FormResultPage) { align-content: center; height: 100vh; } #FormResultPage div#headline { font-size: unset; margin-bottom: var(--gap-32); } #FormResultPage #text1 a.FormResultPageButton { margin-top: 0 !important; } #FormResultPage #text1 p { color: var(--text-grey); } #FormResultPage #text1 .button-arrow-wrapper { margin-inline: auto; margin-top: var(--gap-32); } @media(min-width: 1025px) { #FormResultPage #text1 { width: 20%; } #FormResultPage #text1 a.FormResultPageButton:hover { background: var(--pink); } } @media(max-width: 1025px) { #FormResultPage { padding-inline: 24px; } #FormResultPage div#headline { margin-bottom: var(--gap-20); } #FormResultPage #text1 a.FormResultPageButton { margin-top: var(--gap-20) !important; background: var(--blue); align-content: center; color: white; width: fit-content; } #SiteGridContainer:has(#FormResultPage) { min-height: unset; height: 72vh; } } /*------------------------------------------/* ACCESSABILITY /*------------------------------------------*/ #accessability { width: 41.667vw; margin-inline: auto; margin-bottom: var(--gap-140); } #accessability #headline { margin-block: var(--gap-100) var(--gap-140); margin-inline: 0; } #accessability #text1 { margin: 0; max-width: 100%; } #accessability #text1 > * { text-align: start; } #accessability #text1 h2 { text-align: start; margin-block: var(--gap-48) var(--gap-16); } #accessability #text1 ul.accessability-list { list-style: none; padding: 0; color: var(--text-grey); } #accessability #text1 ul.accessability-list li { display: flex; align-items: center; color: var(--text-grey); } #accessability #text1 ul.accessability-list li:before { content: ""; min-width: var(--gap-4); height: auto; aspect-ratio: 1; display: inline-block; background: var(--brown); border-radius: 50%; vertical-align: middle; margin-inline-end: var(--gap-8); } #accessability #text1 > :is(p, ul li) { color: var(--text-grey); } #accessability #text1 > * li { color: var(--black); } body.accessabilityMainPage #main-header { background: rgba(247, 247, 247, 0.88); backdrop-filter: blur(40px); } @media(min-width: 1025px) { #accessability #text1 h2:first-child { margin-top: 0; } } @media(max-width: 1025px) { #accessability { width: 100%; padding-inline: 20px; margin-bottom: 72px; } #accessability #headline { margin-block: 40px 0; font-size: unset; } .accessabilityMainPage :is(.MainContent, #pageview .container-fluid) :is(#text1, #text2) :is(h2, h3) { font-family: var(--font-3); font-size: 18px; line-height: 0.95; letter-spacing: normal; } #SiteGridContainer:has(#accessability) { background-image: none; } } /*------------------------------------------/* PRIVACY /*------------------------------------------*/ body.accessabilityMainPage #ContentRegularModule { } body.accessabilityMainPage #ContentRegularModule .MainContent { width: 41.667vw; margin-inline: auto; margin-bottom: var(--gap-140); } body.accessabilityMainPage #ContentRegularModule .MainContent #headline { margin-block: var(--gap-100) var(--gap-140); margin-inline: 0; } body.accessabilityMainPage #ContentRegularModule .MainContent #text1 { max-width: 100%; text-align: start; } body.accessabilityMainPage #ContentRegularModule .MainContent #text1 p { color: var(--black); } body.accessabilityMainPage #ContentRegularModule .MainContent #text1 > :is(h2,h3) { text-align: start; margin-block: var(--gap-48) var(--gap-16); } @media(max-width: 1025px) { body.accessabilityMainPage #ContentRegularModule .MainContent { padding-inline: 20px; margin-inline: 0; width: 100%; } body.accessabilityMainPage #ContentRegularModule .MainContent #headline { margin-block: 40px; } } /*------------------------------------------/* POP UP /*------------------------------------------*/ #multi-content-modal.textInPop .modal-content { max-width: 26.042vw; padding: 0; } #multi-content-modal.modal .close { font-size: unset; top: var(--gap-18); left: var(--gap-20); margin: 0; width: var(--gap-40); height: auto; aspect-ratio: 1; text-align: center; align-content: center; background: white; display: flex; align-items: center; justify-content: center; border: 1px solid var(--black); } #multi-content-modal.modal .close svg { width: var(--gap-20); height: var(--gap-14); fill: var(--black); } #multi-content-modal.textInPop #PopUpData { padding: 0; max-height: unset; border: 1px solid var(--black); } #multi-content-modal.textInPop #PopUpData .popup-wrapper { } #multi-content-modal.textInPop #PopUpData .popup-wrapper img { height: auto; aspect-ratio: 1; width: 100%; } #multi-content-modal.textInPop #PopUpData .popup-other-content { padding: var(--gap-32); display: flex; flex-direction: column; max-height: 14.844vw; overflow: auto; } #multi-content-modal.textInPop #PopUpData .popup-other-content p { order: 3; margin-top: var(--gap-16); } #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-subtitle { order: 1; } #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-title { order: 2; } #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-subtitle span { } #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-title h2 { display: flex; } body.parade #multi-content-modal.textInPop #PopUpData .popup-other-content .grid-box-title h2 a.grid-row-button { color: var(--grey-light); font-size: clamp(24px, var(--fs-36), 300px); font-family: var(--font-2); line-height: 0.85; } @media(max-width: 1025px) { #multi-content-modal.textInPop .modal-content { max-width: 91vw; } #multi-content-modal.textInPop #PopUpData { overflow: auto; max-height: 80vh; } #multi-content-modal.textInPop #PopUpData .popup-other-content { padding: 20px 20px 20px 40px; max-height: 100%; overflow: hidden; } #multi-content-modal.modal .close { right: 0; top: 0; } } @keyframes scrollText { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } @keyframes scroll-right { 0% { transform: translateX(50%); } 100% { transform: translateX(0); } } @keyframes fullRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* ALL ELEMENTS */ .section:not(.three-cards,.circles) :is( .top-caption, .section-title, #headline, .grid-row-text, #text1, #text2, .grid-short-box, .grid-box-inner, .grid-box-text, .grid-rows, .grid-boxes, .grid-box, .gallery-container, .gallery-cubes, .grid-text-content, .container-fluid:not(#SiteGridContainer) ) { opacity: 0; transform: translateY(var(--gap-100)); transition: all 0.5s ease; } /* ONLY WHEN .shown EXISTS */ .section:not(.three-cards, .circles) :is(.top-caption, .section-title, #headline, .grid-row-text, #text1, #text2, .grid-short-box, .grid-box-inner, .grid-box-text, .grid-rows, .grid-boxes, .grid-box, .gallery-container, .gallery-cubes, .grid-text-content, .container-fluid:not(#SiteGridContainer) ).shown { opacity: 1; transform: unset; }