﻿/* Akiko Pro */


:root { --red: #DE6A15; --dark-blue: #1D1D1C;; --white: #fff; --gray: #CDCDCD; --dark-gray: #626466; --button-hover: #F67C22; --body-text: 'toccidoregularwebfont'; --bold-text: 'toccidoregularwebfont'; --title-text: ''; }


/* General */
html { font-size: 62.5%; overflow-x: clip; }
body { overflow: clip; font-size: 1.9rem; line-height: 1.4; background-color: var( --dark-blue); color: var(--white); font-family: var(--body-text) !important; zoom: 1 !important; }
body.macOs
#SiteGridContainer { transition: all 0.1s ease }
div#INDWrap { z-index: 2 !important; }

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.15) {
    /*    body { font-size: clamp(1.45rem,0.755vw,100rem); }*/
    body.macOs.safariBrowser #home-gallery { height: 100vh !important; }
}

@media(max-width: 1024px) {
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 1000px var(--dark-blue) inset !important; box-shadow: 0 0 0 1000px var(--dark-blue) inset !important; -webkit-text-fill-color: #fff !important; /* Ensures text is readable */ border: 1px solid #ccc; /* Ensure borders are as expected */ }

li, a, p { font-family: var(--body-text); }
.submenu > li.active > a, .submenu > li:focus > a, .submenu > li:hover > a { font-family: var(--bold-text); color: var(--red); }
.flex-direction-nav a:focus { outline: none; }

/*HEADER*/
#header, body[data-module="1"] #header:not(.bg), #header.bg { background: transparent; box-shadow: none; transition: all 0.35s ease; }
#header-top-strip { background-color: var(--dark-blue); height: auto; padding: 10px; border-bottom: 1px solid var(--white, #FFF); }
#header-top-strip p { letter-spacing: 0.42px; text-align: center; font-size: 1.7rem; }
.submenu { border-left: 1px solid #fff; }
.submenu li { color: var(--white); }

@media(min-width: 1025px) {
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: var(--white); }
    #header #header-center-kdm a { /*font-family: var(--bold-text); */ line-height: normal; }
    #header #header-center-kdm a:hover, #header #header-center-kdm a:focus { color: var(--red); }

    .submenu > li.social-mobile .social-links a { height: 18px; }
    .submenu > li.social-mobile .social-links svg { height: 100%; fill: #fff; }
    .submenu, #header:not(.menu-open):not(.subopen) + .submenu { padding-inline: 40px !important; max-width: 320px; background: var(--dark-blue); }
}

@media(max-width: 1024px) {
    #header #header-center-kdm a:first-child { border-radius: 0; background: transparent; padding: 0; color: var(--dark-blue); }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background: var(--white); }
    #header #header-right::after { background-color: var(--white); }
    .submenu, #header:not(.menu-open):not(.subopen) + .submenu { background-color: var(--dark-blue); }
    .submenu > li.social-mobile .social-links a { height: 18px; }
    .submenu > li:not(.social-mobile) > a { font-size: 1.9rem; }
    .submenu li.has-sub .menu-sub li { font-size: 1.75rem }
    .submenu > li.social-mobile .social-links svg { height: 100%; fill: var(--white); }
    .submenu > li.social-mobile { padding-block: 20px; }
}
/*FOOTER*/
footer { display: flex; border-top: 1px solid #fff; }
#SiteFooter .footer-text-divided { background: var(--dark-blue); justify-content: space-between; align-items: center; }
#SiteFooter .footer-text-divided > div ul li { font-size: 1.9rem; letter-spacing: 0; line-height: 1.4; }
#SiteFooter .footer-text-divided > div ul li:hover { color: var(--red); }
#SiteFooter .footer-text-divided > div ul li:not(:last-child) { margin-bottom: 8px; }

/*HOME*/
.hero-content { position: absolute; top: 40%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); display: flex; justify-content: flex-start; align-items: center; flex-direction: column; z-index: 4; }
#home-gallery .hero-content .gallery-caption { position: unset; transform: none; width: 100%; }
#home-gallery .gallery-caption .gallery-text > span { margin-block: 30px; font-size: 4.3rem; }
#home-gallery .opacity-layer { opacity: 0.3 !important; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:focus { background: var(--button-hover); }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:hover, #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink:focus { border: 0; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { border: 0; background: var(--red); border-radius: 0; font-family: var(--bold-text); line-height: normal; height: 52px; font-weight: normal; margin-top: 0; }
#home-gallery i.fa.fa-spinner.fa-spin.fa-2x.fa-fw { position: absolute; top: 50%; left: 45%; }

.KDMStrip { border-radius: 0; border: 1px solid var(--stroke, rgba(255, 255, 255, 0.60)); color: #202221; font-size: 2rem; }
.KDMStrip nav ul { background: var(--white); border-radius: 0; }
.KDMStrip nav ul .KDMStripNavItem.special-btn { transition: 0.3s ease all; color: white; background: var(--red); }
.KDMStrip .KDMStripBtn { background: var(--red); display: none; }

body[data-module="1"] .grid-content-section:first-of-type .grid-boxes .grid-box, body[data-module="1"] .grid-content-section:last-of-type .grid-boxes .grid-box:nth-child(2) { border: 1px solid var(--white, #FFF); }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box.no-text { pointer-events: all; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box.no-text a.box-image-animation img { transform: none; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-image .grid-iframe-holder { display: none; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text { padding: 24px; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { margin: 6px; font-size: 4.3rem; margin: 0; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 a { font-family: var(--bold-text); }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-subtitle { font-family: var(--body-text); }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box:not(.no-text)::after { width: 62px; height: 62px; background-size: auto; background-color: var(--red); background-image: url(/warehouse/dynamic/538984.svg); filter: unset; }

.home-page .grid-boxes .box-image-animation:focus { outline: none; }

body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-image { padding: 0; height: 100%; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box.no-text .grid-box-image-container { position: unset; width: 100%; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box.no-text .grid-box-image-container a.box-image-animation { display: flex; justify-content: center; align-items: center; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box.no-text .grid-box-image-container a.box-image-animation iframe { height: 100%; min-width: 125%; width: auto !important; object-fit: cover; object-position: center; position: relative !important; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box.no-text.gridHasVideo .box-image-animation { display: none; }

@media(min-width: 1025px) {
    /*#header-top-strip:has(~#header.bg), #header.bg { background-color: var(--dark-blue); transition: all 0.35s ease; }*/
    .KDMStrip nav ul .KDMStripNavItem { padding: 0; }
    .KDMStrip nav ul .KDMStripNavItem a { padding-inline: 20px; border-left: 1px solid #202221; }
    .KDMStrip nav ul .KDMStripNavItem a:hover { color: var(--button-hover); }
    .KDMStrip nav ul .KDMStripNavItem:nth-last-child(2) a { border: 0; }
    .KDMStrip nav ul .KDMStripNavItem.special-btn:hover { border-radius: 50px; color: white !IMPORTANT; }
    .KDMStrip nav ul .KDMStripNavItem.special-btn:hover a { color: unset; }

}

@media(max-width: 1024px) {
    .hero-content { width: 100%; }
    #home-gallery .opacity-layer { display: block; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { height: 46px; width: 180px; }
    #home-gallery ol.flex-control-nav.flex-control-paging { right: 50%; transform: translateX(50%); }
    #home-gallery .gallery-caption .gallery-text > span { font-size: 1.8rem; }

    #home-gallery video { top: 0; width: auto !important; }

    body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-image::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0; pointer-events: none; }
    body[data-module="1"] .grid-content-section[id="0"] .grid-boxes .grid-box.no-text[data-id="3"] .grid-box-image::after,
    body[data-module="1"] .grid-content-section[id="1"] .grid-boxes .grid-box.no-text[data-id="1"] .grid-box-image::after { content: none; }
    body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-subtitle { }
    body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { margin: 0; font-size: 2.8rem; }
    body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text { padding: 15px; max-width: 87%; }
    body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-image .grid-box-image-container { position: unset }
    body[data-module="1"] .grid-content-section .grid-boxes .grid-box { width: 100%; }
    body[data-module="1"] .grid-content-section .grid-boxes .grid-box:not(.no-text) .grid-box-image::after { height: 100%; }
    body[data-module="1"] .grid-content-section .grid-boxes .grid-box:not(.no-text)::after { bottom: 18px; width: 35px; height: 35px; background-size: 50%; }
    body[data-module="1"] .grid-content-section.reverse-in-mobile .grid-boxes { flex-direction: column-reverse; }

    .KDMStrip { width: 64vw; bottom: 15px; }
    .KDMStrip .KDMStripBtn { display: flex; align-items: center; justify-content: center; border-radius: 0; color: #000; background: var(--white); }
    .KDMStrip nav ul .KDMStripNavItem { font-size: 1.9rem; line-height: 1.1; border-bottom: 1px solid var(--dark-blue); }
    .KDMStrip nav ul .KDMStripNavItem:last-of-type { border: 0; }

    body[data-module="1"] .grid-content-section .grid-boxes .grid-box.no-text .grid-box-image-container a.box-image-animation iframe { width: 100% !important; aspect-ratio: 2/1; }
}

/*ABOUT*/
body[data-module="2"]:not(.press):not(.layout-half) { background: var(--dark-blue); }
body[data-module="2"]:not(.press, .FormResultPage) #GridContent div:is(#pageview, #galleryview) #text1 * { text-align: center; font-size: 2.4rem; }
body[data-module="2"]:not(.press, .FormResultPage).about-page #GridContent div:is(#pageview, #galleryview) #text1 * { text-align: right; font-size: 1.9rem; }
body[data-module="2"]:not(.press, .FormResultPage) #GridContent div:is(#pageview, #galleryview) #text1 * a { font-size: 1.8rem; background: var(--red); padding: 0 50px; line-height: normal; height: 50px; display: flex; align-items: center; justify-content: center; width: max-content; margin: 50px auto 0; transition: all 0.35s ease; }
body[data-module="2"]:not(.press, .FormResultPage) #GridContent div:is(#pageview, #galleryview) #text1 * a:hover { background: var(--button-hover); }
body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) { text-align: right; }
body[data-module="2"]:not(.press, .FormResultPage,.members-page) #GridContent div:is(#pageview, #galleryview) #headline { font-family: var(--bold-text); color: #fff; margin-bottom: 50px; text-align: center; }
body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) #text1 h3, body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) #text2 h3 { font-family: var(--bold-text); font-size: 2.4rem; line-height: 1.2; color: var(--dark-blue); }
body:not(.layout-half) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject,
body[data-module="2"]:not(.press).layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { box-shadow: 0px 0px 12px 0px rgba(17, 37, 41, 0.14); padding: 32px 48px; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-family: var(--bold-text); color: #fff; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { background: var(--red); border: 0; font-family: var(--bold-text); border-radius: 0; width: 210px; height: 52px; font-size: 1.8rem; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input:hover { background: var(--button-hover); color: #fff; }
body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) { text-align: right; }
#text1 img, #text2 img { margin: 0; }
body.leftAligning #text1 p:has(> img), body.leftAligning #text2 p:has(> img), body.rightAligning #text1 p:has(> img), body.rightAligning #text2 p:has(> img), body.centerAligning #text1 p:has(> img), body.centerAligning #text2 p:has(> img) { margin-block: 25px; }
body.leftAligning #text1 p:has(> img) + *:is(h1,h2,h3,h4,h5,h6), body.leftAligning #text2 p:has(> img) + *:is(h1,h2,h3,h4,h5,h6), body.rightAligning #text1 p:has(> img) + *:is(h1,h2,h3,h4,h5,h6), body.rightAligning #text2 p:has(> img) + *:is(h1,h2,h3,h4,h5,h6), body.centerAligning #text1 p:has(> img) + *:is(h1,h2,h3,h4,h5,h6), body.centerAligning #text2 p:has(> img) + *:is(h1,h2,h3,h4,h5,h6) { margin-top: 0; }

#text1 p, #text2 p, #text1 li, #text2 li, #text1 span { color: var(--white); }
body[data-module="2"]:not(.press) .GridBottomGallery { background: transparent; }

/*@media(max-width: 1024px) {
    body[data-module="2"]:not(.press):not(.layout-half) { background-image: url( https://media.getmood.io/warehouse/dynamic/517219.jpg); }
}*/

/*EVENTS*/
body[data-module="10"] .section.grid-row-section .grid-row .grid-row-text h2 { font-family: var(--bold-text); color: #fff; }
body[data-module="10"] .section.grid-row-section .grid-row .grid-row-text h3 { font-family: var(--bold-text); color: #fff; margin-bottom: 20px; }
p, .grid-rows .grid-row-text p { color: #fff; }
.grid-rows .grid-row:nth-child(odd) { direction: ltr !important; }
.grid-rows .grid-row:nth-child(even) { direction: rtl !important; }

body[data-module="10"].events .section.grid-gallery-section .GalleryTitle h2 { font-family: var(--bold-text); }
.events-page .GridBottomGallery { padding-top: 130px; }
.events-page .bottomGalleryTitle h2 { font-size: clamp(4rem, 2.6vw, 5rem); font-family: var(--bold-text); color: var(--dark-blue); margin-bottom: 70px; }
.events-page .gallery-cubes { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); grid-gap: 15px; padding-inline: 15px; }
.gallery-cubes::before, .gallery-cubes::after { content: none; }
.events-page .gallery-cubes > div { width: 100%; }
.events-page .gallery-cubes > div:first-child { grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 3; display: flex; }
.events-page .gallery-cubes .boxes-images-outer-image { height: 100%; min-height: 445px; padding: 0; width: 100%; }
.events-page .gallery-cubes .boxes-images-outer-image:hover { transform: scale(1.05); }

@media(min-width: 1025px) {

    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { justify-content: center; box-shadow: none; background: #fff; gap: 42px; border-top: 1px solid var(--white, #FFF); background: var(--black, #1D1D1C); }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText { margin: 0; max-width: 455px; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-size: 3.5rem; line-height: 1; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText .top-form { font-size: 1.9rem; line-height: 1.4; color: #fff; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields { max-width: 1020px; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset { justify-content: flex-start; flex-wrap: nowrap; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField { width: 26%; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input,
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input::placeholder { color: #fff; line-height: 1.4; padding-bottom: 6px; padding-right: 4px; border-color: #fff !important; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { color: #fff; font-size: 1.9rem; top: 2px; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input::placeholder { color: #fff; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { width: 209px; margin-right: 22px; background-color: var(--red); border: 0; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit:hover { background-color: var(--button-hover); border: 0; }
    body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { width: 100%; font-family: var(--bold-text); line-height: normal; }
}

@media(max-width: 1024px) {
    body:not(.layout-half) #SiteGrid.layout-bottom #GridPromo #DynamicFormObject,
    body[data-module="2"]:not(.press).layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { width: 100%; max-width: 100% !important; background: var(--dark-blue); padding-inline: 16px; }
    #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields .top-form { color: #fff; }
    body:not(.layout-half) #SiteGrid.layout-bottom #GridPromo { background-color: transparent; }

    .events-page .GridBottomGallery { padding-top: 40px; }
    .events-page .bottomGalleryTitle h2 { margin-bottom: 20px; }
    .events-page .gallery-cubes { grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(1, 1fr); padding: 0; }
    .events-page .gallery-cubes > div:first-child { grid-column-start: 1; grid-column-end: 1; grid-row-start: 1; grid-row-end: 1; }
    .events-page .gallery-cubes .boxes-images-outer-image { aspect-ratio: 1; min-height: 0; }
}

/*MENU*/
body[data-module="4"] { background: var(--dark-blue); }
body[data-module="4"].layout-half .layout-half-wrapper #GridPage, body[data-module="4"].layout-half .layout-half-wrapper #GridTop { width: 50%; }
body[data-module="4"].layout-half #GridContent #MenuModule { padding-block: 190px 0; }
body[data-module="4"].layout-half.menu-page #GridContent #MenuModule { padding-block: 90px 0; }
body[data-module="4"]:not(.layout-half) #GridContent #MenuModule { background: transparent; border: 1px solid #fff; }
body[data-module="4"] #GridContent #MenuModule #headline { font-family: var(--bold-text); color: #fff; }
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs { flex-wrap: wrap; }
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item { background: transparent; transition: none; border-radius: 0; }
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item a { font-family: var(--bold-text); font-size: 1.8rem; height: 45px; min-width: 145px; padding-inline: 15px; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; transition: all 0.35s ease; color: #fff; }
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item.active a,
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item:hover a { border-color: var(--red); background: var(--red); color: var(--secondColor); font-family: var(--bold-text); text-decoration: none; }
body[data-module="4"].layout-half #GridContent #MenuModule #menuModuleNav { margin-block: 35px 45px; }
body[data-module="4"] #GridContent #MenuModule #menuModuleNav a.selected, body[data-module="4"] #GridContent #MenuModule #menuModuleNav a:hover { font-family: var(--bold-text); text-decoration: none; color: var(--red); }
body[data-module="4"] #GridContent #MenuModule #menuModuleNav a { line-height: 22px; color: #fff; }
body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart li.notTable { width: 100%; }
body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemTitle { color: #fff; font-family: var(--bold-text); font-size: 1.8rem; background: var(--dark-blue); }
body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItem0 .menuModuleTextItemPart::after, body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItem1 .menuModuleTextItemPart::after { background: repeating-linear-gradient(90deg, #fff 0 3px, transparent 0 9px); }
body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemDescription { line-height: normal; color: #fff; font-size: 1.6rem; }
.menuModuleTextItemPrice { color: #fff; line-height: 1.4; background: var(--dark-blue) !important; }
.menuModuleContentPart:after { content: none; }

@media(max-width: 1024px) {
    body[data-module="4"].layout-half.menu-page .layout-half-wrapper #GridPage, body[data-module="4"].layout-half.menu-page .layout-half-wrapper #GridTop { width: 100%; }
    body[data-module="4"].layout-half.menu-page #GridContent #MenuModule { padding: 0; }
    body[data-module="4"].layout-half #GridContent #MenuModule .categories-strip { background: var(--red); }
    body[data-module="4"] #GridContent #MenuModule .categories-strip .mobile-strip { border: 1px solid #fff; padding: 10px; color: #fff; }
    body[data-module="4"] #GridContent #MenuModule .categories-strip .mobile-strip::after { filter: invert(1); top: 17px; left: 15px; }
    body[data-module="4"] #GridContent #MenuModule .categories-strip .mobile-strip .top-mobile-strip .select-wrapper .strip-item { color: #fff; }
    body[data-module="4"] #GridContent #MenuModule #menuModuleNav a { white-space: nowrap; font-size: 1.8rem; }
    body[data-module="4"].layout-half #GridContent #MenuModule #menuModuleNav { width: 100%; padding-inline: 35px; padding-top: 0; }
    body[data-module="4"] #GridContent #MenuModule #menuModuleNav a:not(:last-child)::after { top: 6px; }

    body[data-module="4"] #GridContent #MenuModule #menuModuleNav { background: transparent; padding: 0; }
    body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItem0, body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItem1 { margin: 0 }
}

/*MEDIA*/
.press { background: var(--dark-blue); }

.media-page { background-image: url(https://media.getmood.io/warehouse/dynamic/517216.jpg); background-size: cover; background-position: center; }
.press #pageview #headline h1 { font-family: var(--bold-text); color: var(--white); }
.press #ContentGridReadMoreModule #gridshort-view-media { max-width: 1575px; display: grid; align-items: start; justify-items: start; grid-template-columns: repeat(4,1fr); grid-auto-rows: 1fr; gap: 24px; }
.press #ContentGridReadMoreModule #gridshort-view-media > div { width: 100%; padding: 0; }
.press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box { margin: 0; background: transparent; color: #fff; border: 1px solid #fff; }
.press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box > a .text-caption { padding: 32px; min-height: 390px; color: #fff; font-family: var(--body-text); }
.press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box > a .text-caption .grid-short-box-label { font-size: 2.4rem; font-family: var(--bold-text); color: #fff; line-height: 1.2; d: d; }
.press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box > a .text-caption .grid-short-box-subtitle { font-size: 1.9rem; line-height: 1.4; padding-bottom: 18px; color: #fff; width: 100%; border-color: #fff; }
.press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box > a .text-caption .grid-short-box-text { position: unset; font-family: var(--bold-text); color: #fff; line-height: 22px; padding-top: 17px; text-decoration: none; }

@media(max-width: 1024px) {
    .press #ContentGridReadMoreModule #gridshort-view-media { grid-template-columns: repeat(1, 1fr); padding-inline: 20px; gap: 20px; }
    .press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box > a .text-caption { min-height: 0; aspect-ratio: 1; }
}

/*CONTACT*/
body[data-module="2"]:not(.press).contact-page #GridContent div:is(#pageview, #galleryview) { display: flex; align-items: flex-end; justify-content: flex-start; gap: 72px; max-width: 470px; }
body[data-module="2"]:not(.press).contact-page #GridContent div:is(#pageview, #galleryview) #text2 { margin: 0; }
.contact-page.layout-half #SiteGrid.layout-bottom #GridPromo { max-width: 470px; }
body[data-module="2"]:not(.press, .FormResultPage).contact-page #GridContent div:is(#pageview, #galleryview) #headline { margin-bottom: 34px; }
body[data-module="2"]:not(.press).contact-page #GridContent div:is(#pageview, #galleryview) #text1 h3,
body[data-module="2"]:not(.press).contact-page #GridContent div:is(#pageview, #galleryview) #text2 h3 { font-size: 1.8rem; line-height: normal; }
body[data-module="2"]:not(.press, .FormResultPage).contact-page #GridContent div:is(#pageview, #galleryview) #text1 p,
body[data-module="2"]:not(.press).contact-page #GridContent div:is(#pageview, #galleryview) #text2 p { color: var(--dark-gray); }

.layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields .top-form { margin-top: 10px; color: #fff; font-size: 1.9rem; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:not(.checkboxField) input, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField:not(.checkboxField) input::placeholder, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField textarea::placeholder, #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField select::placeholder { color: #fff; border-color: #fff !important; font-size: 1.9rem; font-family: var(--body-text); }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField .must::before { top: 6px; right: 2px; color: #fff; }
body[data-module="7"].layout-half #ContactModule #headline, body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 ul li strong { font-family: var(--body-text); }

body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 ul li strong { font-size: 1.8rem; }

body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 ul li:first-child { margin-bottom: 20px; }

body[data-module="7"].layout-half #ContactModule .row > div .contactDetailsText1 ul li a { font-size: 1.9rem; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField.checkboxField { color: #fff; }

@media(max-width: 1024px) {
    body[data-module="2"]:not(.press).contact-page #GridContent div:is(#pageview, #galleryview) { flex-direction: column; align-items: center; gap: 20px; }
    body[data-module="2"]:not(.press).contact-page #GridContent div:is(#pageview, #galleryview) .MainContent, body[data-module="2"]:not(.press).contact-page #GridContent div:is(#pageview, #galleryview) #text2 { width: 100%; }
    body[data-module="2"]:not(.press, .FormResultPage) #GridContent div:is(#pageview, #galleryview) #text1 { width: 100%; }
    body[data-module="2"]:not(.press).contact-page #GridContent div:is(#pageview, #galleryview) #text1 h3, body[data-module="2"]:not(.press).contact-page #GridContent div:is(#pageview, #galleryview) #text2 h3 { }
    body[data-module="2"]:not(.press, .FormResultPage).contact-page #GridContent div:is(#pageview, #galleryview) #text1 *, body[data-module="2"]:not(.press).contact-page #GridContent div:is(#pageview, #galleryview) #text2 * { }

    body[data-module="7"].layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { max-width: 100% !important; background: transparent; }
}

/*ACCESSABILITY*/
body[data-module="2"]:not(.press):not(.layout-half).accessabilityMainPage { background: var(--dark-blue); }
body[data-module="2"]:not(.press):not(.layout-half).accessabilityMainPage #GridContent { margin: 0; }
.accessabilityMainPage #GridContent #pageview h2 { font-size: 2.4rem; color: #fff; margin-bottom: 22px; text-align: right !important; }
body[data-module="2"]:not(.press, .FormResultPage).accessabilityMainPage #GridContent div:is(#pageview, #galleryview) #text1 *:not(:is(h2,h3,h4,h5,h6)) { text-align: right; font-size: 1.9rem; margin: 0 auto; }
body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) #text1 ul li:not(:last-child), body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) #text2 ul li:not(:last-child) { margin-bottom: 14px; }
body[data-module="2"]:not(.press, .FormResultPage).accessabilityMainPage #GridContent div:is(#pageview, #galleryview) #text1 ul li::after { border-color: #fff; outline-color: #fff; }

.accessabilityMainPage #pageview #text1 a { background: transparent !important; margin: 0 !important; padding: 0 !important; height: max-content !important; }

@media(max-width: 1024px) {
    .accessabilityMainPage #GridPage { margin-top: var(--headerHeight); }
    body[data-module="2"]:not(.press):is(.accessabilityMainPage) #GridContent div:is(#pageview, #galleryview) { padding-block: 55px 75px; }
}

/*404*/
body[data-module="2"]:not(.press):not(.layout-half) #GridContent #ContentRegularModule { background: transparent; margin-block: 150px; }
/*body[data-module="2"]:not(.press):not(.layout-half).page-404 { background: #fff; }*/
body[data-module="2"]:not(.press):not(.layout-half).page-404 #headline h1 { color: #fff; font-family: var(--bold-text); font-size: clamp(6rem, 4.167vw, 10rem); margin-bottom: 10px; }
body[data-module="2"]:not(.press):not(.layout-half).page-404 #text1 { color: #fff; font-size: 2.4rem; line-height: 1.2; }
body[data-module="2"]:not(.press):not(.layout-half).page-404 #text1 p { color: inherit; font-size: inherit; line-height: inherit; }
.page-404 #GridPage .page-not-found a { height: 50px; width: 210px; border-radius: 0; border: 0; background: var(--red); font-size: 1.8rem; font-family: var(--body-text); }
.page-404 #GridPage .page-not-found a:hover, .page-404 #GridPage .page-not-found a:focus { background: var(--button-hover); color: #fff; }
/*FormResultPage*/
/*body[data-module="2"]:not(.press):not(.layout-half).FormResultPage { background: #fff; }*/
.FormResultPage #GridContent #pageview #headline h1 { color: #fff; }
.FormResultPage #GridContent #pageview #text1 p { font-family: var(--body-text); }
.FormResultPage #GridContent #pageview #text1 a.FormResultPageButton { border: 0; border-radius: 0; background: var(--red); font-size: 1.8rem; width: 210px; height: 50px; font-family: var(--body-text); }
.FormResultPage #GridContent #pageview #text1 a.FormResultPageButton:hover, .FormResultPage #GridContent #pageview #text1 a.FormResultPageButton:focus { background: var(--button-hover); color: #fff; }

/*CAREER*/
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields form[data-formid="3257"] fieldset .dynamicFormObjectSubmit { width: 100%; }

/*BLOG*/
body[data-module="5"] { background: var(--dark-blue); }
body[data-module="5"]:not(.contentInnerPage) .blogmain-header { padding-bottom: 48px; }
body[data-module="5"]:not(.contentInnerPage) .blogmain-header #headline { margin-bottom: 20px; }
body[data-module="5"]:not(.contentInnerPage) .blogmain-header #headline h1 { font-family: var(--bold-text); }
body[data-module="5"]:not(.contentInnerPage) .blogmain-header #subheadline h2 { font-size: 2rem; }
body[data-module="5"] .ArticlesGrid .blog-posts .blog-post .BlogArticle { background: transparent; border: 1px solid #fff; }
.BlogArticleContent .BlogArticleSummary { color: #fff; }
.BlogArticleDetails { color: #fff; }
body[data-module="5"] .ArticlesGrid .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper { gap: 20px; }
body[data-module="5"] .ArticlesGrid .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleSummary { padding: 0; }
body[data-module="5"] .ArticlesGrid .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleTitle { margin: 0; font-family: var(--body-text); font-size: 2.4rem; line-height: 1.2; }
body[data-module="5"] .ArticlesGrid .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleDetails { }
body[data-module="5"] .ArticlesGrid .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleDetails .BlogDetails-Wrapper > div { font-size: 1.4rem; font-family: var(--body-text); }
body[data-module="5"] .ArticlesGrid .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper::after { content: none; }
body[data-module="5"] .ArticlesGrid .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleLink { font-family: var(--body-text); }

@media(max-width: 1024px) {
    body[data-module="5"] .ArticlesGrid .blog-posts .blog-post .BlogArticle .BlogArticleContent .BlogArticleContent-wrapper .BlogArticleDetails.hidden-sm { display: none !important; }
}

/*BLOG INNER*/
body[data-module="5"].contentInnerPage #GridTop::after { background: linear-gradient(360deg, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0) 100%, rgba(255,255,255,0) 100%); }
body[data-module="5"].contentInnerPage #BlogView .blog-inner-text { background: var(--dark-blue); }
body[data-module="5"].contentInnerPage #BlogView .blog-inner-text .blog-view .share-strip-wrapper .share-strip .share-strip-icons { border: 0; }
body[data-module="5"].contentInnerPage #BlogView .blog-inner-text .blog-view .share-strip-wrapper .share-strip .share-strip-icons a.share-icon.fbShare::after { background-image: url(/warehouse/dynamic/539042.svg); }
body[data-module="5"].contentInnerPage #BlogView .blog-inner-text .blog-view .share-strip-wrapper .share-strip .share-strip-icons a.share-icon.twitterShare::after { background-image: url(/warehouse/dynamic/539040.svg); }
body[data-module="5"].contentInnerPage #BlogView .blog-inner-text .blog-view .share-strip-wrapper .share-strip .share-strip-icons a.share-icon.whatsappShare::after { background-image: url(/warehouse/dynamic/539041.svg); }
body[data-module="5"].contentInnerPage #BlogView .blog-inner-text .blog-view .share-strip-wrapper .share-strip .share-strip-icons a.share-icon::after { background-size: cover; }
#text1 h3, #text2 h3 { font-family: var(--body-text); font-size: 2.4rem; }
body[data-module="5"].contentInnerPage #BlogView .blog-related-posts:before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 1px; background: #fff; }
body[data-module="5"].contentInnerPage #BlogView .blog-related-posts > h2 { font-family: var(--body-text); }
body[data-module="5"].contentInnerPage #BlogView .blog-related-posts .blog-post .blog-post-title a { font-family: var(--body-text); font-size: 2.4rem; line-height: 1.2; }
body[data-module="5"].contentInnerPage #BlogView .blog-related-posts .blog-post .blog-post-button a { font-family: var(--body-text); text-decoration: none; }


/*MEMBERS*/
.members-page #headline, .members-page #subheadline h2 { font-family: var(--text-body) !important; !i; !; line-height: 1.6; font-size: 1.9rem !important; max-width: 480px; }
.members-page #DynamicFormObject .row fieldset > div input,
.members-page #DynamicFormObject .row fieldset > div textarea,
.members-page #DynamicFormObject .row fieldset > div select,
.members-page #DynamicFormObject .row fieldset > div input::placeholder,
.members-page #DynamicFormObject .row fieldset > div textarea::placeholder,
.members-page #DynamicFormObject .row fieldset > div select::placeholder { color: #fff; border-color: #fff !important; font-size: 1.9rem !important; margin-bottom: 25px !important; !i; !; padding-bottom: 20px; !i; !; }
.members-page #DynamicFormObject .row .normal-form-submit { margin-inline: 0; }
.members-page #DynamicFormObject .row .normal-form-submit input { background: var(--red); border-radius: 0; }
.members-page #DynamicFormObject .row .normal-form-submit input:hover,
.members-page #DynamicFormObject .row .normal-form-submit input:focus { color: #fff; background: var(--button-hover); }

body[data-module="2"]:not(.press).members-page #GridContent div:is(#pageview, #galleryview) { max-width: 700px; margin: 0 auto 40px; padding: 150px 0 0; width: calc(100% - 50px); }
.members-page #DynamicFormObject { padding: 0 !important; !i; !; }
.members-page.layout-half #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields .top-form { margin: 0 !important; }
.members-page #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { padding: 0; margin: 0; }
.members-page #DynamicFormObject .row fieldset > .dynamicFormObjectField.checkboxField input { margin: 0 !important; }
.members-page #DynamicFormObject .row fieldset > .dynamicFormObjectField.checkboxField label { font-size: 1.4rem !important; }

@media(max-width: 1024px) {
    .members-page #clubform form#club-form { background-color: transparent; }
    body[data-module="2"]:not(.press).members-page #GridContent div:is(#pageview, #galleryview) { padding: 40px 0px 0; margin-bottom: 0; }
    #DynamicFormObject .dynamicFormObjectTitleAndText { margin: 0; }
}
