/* CASATUA */
:root { --dgreen: #323121; --green: #5B5A40; --beige: #F5ECE5; --white: #fff; }

h1, h2, h3, h4, h5, h6, p, span, :is(#text1, #text2) :is(p, span, li), .grid-rows .grid-row-text p, .top-form { color: var(--dgreen); }
h1, h2, .section-title h1, .section-title h2, .grid-text h2, .grid-rows .grid-row-text h2,
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, #headline h1,
.blog.contentInnerPage #BlogView .blog-related-posts h2 { font-size: clamp(3.8rem, 2.35vw, 5rem); }

/*HEADER*/
#header-top-strip { background: var(--dgreen); }
#header, body[data-module="1"] #header:not(.bg), #header.bg { background: var(--beige); }
#header #header-center-kdm a { color: var(--dgreen); }
#header #header-center-kdm a:hover, #header #header-center-kdm a:focus { color: var(--green); }
#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(--dgreen); }
.submenu, #header:not(.menu-open):not(.subopen) + .submenu { background: var(--beige); }
.submenu li { color: var(--dgreen); }
.submenu > li.social-mobile .social-links a svg { fill: var(--dgreen); width: 18px; height: 18px; }

#home-gallery .hero-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5; display: grid; gap: 80px; }
#home-gallery .hero-content .gallery-caption { position: relative; left: unset; top: unset; transform: unset; }
#home-gallery .hero-content .gallery-caption .gallery-logo { width: auto; }
#home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { background: var(--dgreen); border: unset; border-radius: unset; font-family: var(--thirdFont); font-size: 1.9rem; }
#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(--green); }

.KDMStrip { background: #FFFFFF80; color: var(--dgreen); }
.KDMStrip, .KDMStrip nav ul, .KDMStrip .KDMStripBtn { border-radius: 0; }
.KDMStrip nav ul { background: var(--white); border: 1px solid var(--dgreen); }
.KDMStrip .KDMStripBtn { background: var(--white); border: 1px solid var(--dgreen); }

.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { color: var(--dgreen); }
#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 { color: var(--dgreen); border-bottom: 1px solid var(--dgreen) !important; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input { background: var(--dgreen); border: unset; border-radius: unset; }
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input:hover,
#SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit input:focus { background: var(--green); color: var(--white); }

body[data-module="1"] .grid-content-section .grid-boxes .grid-box:not(.no-text)::after { background-image: url(/warehouse/dynamic/521320.svg); filter: unset; width: 80px; height: 14px; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { font-size: 4.5rem; }
body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-subtitle span { color: inherit; }

body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) #text1 ul li::after, body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) #text2 ul li::after { outline: unset; border-color: var(--dgreen); }

body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item { background: var(--green); border-radius: 0; color: var(--white); }
body[data-module="4"] #GridContent #MenuModule .categories-strip ul.hidden-xs .strip-item.active,
body[data-module="4"] #GridContent #MenuModule .categories-strip ul .strip-item:hover { background: var(--dgreen); }
body[data-module="4"] #GridContent #MenuModule #menuModuleNav a { color: var(--dgreen); }
body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemTitle { color: var(--dgreen); }

body[data-module="10"] #SiteGrid.layout-bottom #GridPromo { background: var(--beige); }
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectField input { border-bottom: 1px solid var(--dgreen) !important; color: var(--dgreen); }
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit { border: unset !important; color: var(--white); background: var(--dgreen); width: auto; }
body[data-module="10"] #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectFields fieldset .dynamicFormObjectSubmit:hover { background: var(--green); }

body[data-module="10"] .section.grid-row-section .grid-row .grid-row-text h3 { font-family: var(--thirdFont); }

.press { background: var(--white); }
.press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box { background: var(--beige); color: var(--dgreen); }
.press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box > a .text-caption .grid-short-box-text { color: var(--dgreen); }
.press #ContentGridReadMoreModule #gridshort-view-media > div .grid-short-box > a .text-caption .grid-short-box-subtitle { border-color: #32312133; }

#top-gallery .opacity-layer { opacity: 0.15 !important; }
#top-gallery .flex-control-paging li a.flex-active { background: var(--dgreen); }

.page-404 #GridPage .page-not-found a { border: unset; border-radius: unset; background: var(--dgreen); }
.page-404 #GridPage .page-not-found a:hover, .page-404 #GridPage .page-not-found a:focus { color: var(--white); background: var(--green); }

.FormResultPage #GridContent #pageview #text1 a.FormResultPageButton { border: unset; border-radius: unset; background: var(--dgreen); }
.FormResultPage #GridContent #pageview #text1 a.FormResultPageButton:hover, .FormResultPage #GridContent #pageview #text1 a.FormResultPageButton:focus { color: var(--white); background: var(--green); }

.footer-text-divided > div.footer-text-left p img { width: 93px; }
#SiteFooter .footer-text-divided { background: var(--dgreen); padding: 50px 170px; }
#SiteFooter .footer-text-divided .footer-text-middle p:first-child { font-size: 1.6rem; }
a.AccessabilityLink span { color: var(--white); }

li.notTable {width:100%;}
@media(min-width: 1025px) {
    body[data-module="4"] #GridContent #MenuModule .menuModuleContentPart .menuModuleTextItemPart .menuModuleTextItemTitle {max-width:70%;}
}
@media(max-width: 1024px) {
    #header #header-left img, #header.bg #header-left img { max-width: 40px; }
    #header #header-center-kdm a:first-child { background: var(--dgreen); color: var(--white); border-radius: 0; border: unset; padding: 0 30px; }

    #home-gallery .hero-content .gallery-caption .gallery-logo { width: 180px; }
    .hide-logo #home-gallery .hero-content .gallery-caption .gallery-logo { opacity:0; }
    #home-gallery .gallery-caption .gallery-text a.gallery-text-btn.photoCaptionLink { font-size: 1.6rem; width: 100%; }

    .KDMStrip { width: 64vw; }
    .KDMStrip .KDMStripBtn::after { filter: unset; }
    .KDMStrip nav ul .KDMStripNavItem.KDMStripNavItemWaze.visible-mobile { display: none; }

    body[data-module="1"] .grid-content-section .grid-boxes { gap: 10px; }
    body[data-module="1"] .grid-content-section .grid-boxes::before, body[data-module="1"] .grid-content-section .grid-boxes::after { display: none; }
    body[data-module="1"] .grid-content-section:first-child .grid-boxes { flex-direction: column-reverse; }
    body[data-module="1"] .grid-content-section .grid-boxes .grid-box { width: 100%; }
    body[data-module="1"] .grid-content-section .grid-boxes .grid-box { margin: 0 !important; }
    body[data-module="1"] .grid-content-section .grid-boxes .grid-box .grid-box-text .grid-box-title h3 { font-size: 2.4rem; }
    body[data-module="1"] .grid-content-section .grid-boxes .grid-box:not(.no-text)::after { background-image: url(/warehouse/dynamic/521321.svg); background-size: auto; background-position: left center; }

    body[data-module="2"]:not(.press) #GridContent div:is(#pageview, #galleryview) { width: calc(100% - 70px); }

    body[data-module="4"].layout-half #GridContent #MenuModule .categories-strip { background: var(--beige); }
    body[data-module="4"].layout-half #GridContent #MenuModule .categories-strip .mobile-strip .top-mobile-strip { display: flex; flex-direction: column; }
    body[data-module="4"] #GridContent #MenuModule .categories-strip .mobile-strip .top-mobile-strip .select-wrapper .strip-item,
    body[data-module="4"].layout-half #GridContent #MenuModule .categories-strip .mobile-strip .top-mobile-strip span { text-align: center; color: var(--dgreen); }

    body[data-module="10"] .section.grid-row-section .grid-row .grid-row-text h2 { margin-bottom: 20px; }

    body #SiteGrid.layout-bottom #GridPromo { width: calc(100% - 70px) !important; margin: 100px auto !important; padding: 0 !important; }
    .layout-half #SiteGrid.layout-bottom #GridPromo { margin: 50px auto 100px !important; }
    body #SiteGrid.layout-bottom #GridPromo #DynamicFormObject { max-width: 100% !important; background: var(--beige) !important; width: 100% !important; padding: 32px 20px !important; }
    #SiteGrid.layout-bottom #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText h3 { font-size: 3.5rem; }

    #SiteFooter .footer-text-divided { padding: 42px 30px; }
    #SiteFooter .footer-text-divided .footer-text-middle { order: 2; display: block; margin-bottom: 56px; }
    #SiteFooter .footer-text-divided .footer-text-middle p:has(img) { display: inline-flex; gap: 50px; }
    #SiteFooter .footer-text-divided .footer-text-right { order: 3; }
    #SiteFooter .footer-text-divided .footer-text-left { margin-bottom: 56px; }
}