/* Theme Name: Lupae 2025 Description: A child theme for Twenty Twenty-Five Version: 1.0 Template: twentytwentyfive */ /* FONTS from typekit */ body { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 400; font-size: 16px; overflow-x: hidden; } /* Neue Haas Grotesk Display Pro 65 Medium */ h1, h2, h3, h4 { font-family: "neue-haas-grotesk-display", sans-serif !important; font-weight: 600; font-style: normal; } /* Neue Haas Grotesk Text Pro 65 Medium*/ p, li, a, { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 500; font-style: normal; } /* Neue Haas Grotesk Text Pro 66 Medium Italic*/ em, i { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 500; font-style: italic; } /* Neue Haas Grotesk Text Pro 75 Bold*/ strong, b { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 700; font-style: normal; } /* Neue Haas Grotesk Text Pro 76 Bold Italic*/ em > strong, strong > em, i > b, b > i { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 700; font-style: italic; } /* Sizes and breaks on small sizes */ @media screen and (max-width: 767px) { h1, h2, h3, h4 { hyphens: auto; } h2 { font-size: 1.75rem !important; } } /* Lupae variables */ :root { --lupae-color-red: #BA2749; --lupae-color-wine: #962353; --lupae-color-wine-filter: filter: invert(17%) sepia(88%) saturate(1904%) hue-rotate(311deg) brightness(89%) contrast(91%); --lupae-color-oxblood: #5A0F27; --lupae-color-matcha: #ACB371; --lupae-color-sienna: #C0793F; --lupae-color-clay: #B7A990; --lupae-color-sky: #C0CAD6; --lupae-color-violet: #D4CACD; --lupae-color-sand: #E4CBAE; --lupae-color-powder: #FBF5F3; --lupae-color-matcha-light: #C6CC95; --lupae-color-bijschrift: #A87E8B; --lupae-transition-button-border-radius: 2s; --lupae-transition-button-background: 250ms; --wp--preset--font-size--medium: 1rem !important; } /* Navigation Block Breakpoint */ body .wp-block-navigation__responsive-container-open:not(.always-shown) { display: block !important; } body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; } @media (min-width: 920px) { body .wp-block-navigation__responsive-container-open:not(.always-shown) { display: none !important; } body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: block !important; } } /* Standard Lupae buttons */ .wp-block-button { background: var(--lupae-color-oxblood) !important; color: var(--lupae-color-oxblood) !important; } .wp-block-button .wp-block-button__link { padding: 8px 20px; background: var(--lupae-color-powder) !important; color: var(--lupae-color-oxblood) !important; border-color: var(--lupae-color-oxblood); border-style: solid; border-width: 1px 2px 1px 2px; border-radius: 15px 5px 25px 5px; transition: border-radius var( --lupae-transition-button-border-radius); font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 600; font-style: normal; } .wp-block-button .wp-block-button__link:hover { border-radius: 10px 15px 10px 30px; transition: border-radius var( --lupae-transition-button-border-radius); } /* Standard margin above headers */ .is-root-container.is-desktop-preview h2.wp-block-heading, .is-root-container.is-desktop-preview h3.wp-block-heading, .is-root-container.is-desktop-preview h4.wp-block-heading, .is-root-container.is-desktop-preview p, .is-root-container.is-desktop-preview figure { margin-top: 25px !important; } .lupae-content h2.wp-block-heading, .lupae-content h3.wp-block-heading, .lupae-content h4.wp-block-heading, .lupae-content p, .lupae-content figure, .lupae-content .lupae-content-knoppen { margin-top: 25px; } .lupae-content>div:first-child>h2.wp-block-heading:first-child, .lupae-content>div:first-child>h3.wp-block-heading:first-child, .lupae-content>div:first-child>h4.wp-block-heading:first-child, .lupae-content>div:first-child>p:first-child, .lupae-content>div:first-child>figure:first-child, .lupae-content-matcha-light>h2.wp-block-heading:first-child, .lupae-content-matcha-light>h3.wp-block-heading:first-child, .lupae-content-matcha-light>h4.wp-block-heading:first-child, .lupae-content-matcha-light>p:first-child, .lupae-content-matcha-light>figure:first-child { margin-top: 0; } /* less margin between header and paragraph */ .is-root-container.is-desktop-preview h2.wp-block-heading + p, .is-root-container.is-desktop-preview h3.wp-block-heading + p, .is-root-container.is-desktop-preview h4.wp-block-heading + p, .lupae-content h2.wp-block-heading + p, .lupae-content h3.wp-block-heading + p, .lupae-content h4.wp-block-heading + p { margin-top: 10px; } .lupae-content .wp-block-columns { padding: 0; margin: 25px 0 0 0; } .lupae-content .wp-block-columns:first-child, .lupae-content .wp-block-columns .wp-block-columns { padding: 0; margin: 0; } @media screen and (max-width: 767px) { .lupae-content h4.wp-block-heading, .lupae-content h5.wp-block-heading { font-family: "neue-haas-grotesk-text", sans-serif !important; font-size: 1rem; } /* Standard margin above headers */ .lupae-content h2.wp-block-heading, .lupae-content h3.wp-block-heading, .lupae-content h4.wp-block-heading, .lupae-content p, .lupae-content figure, .lupae-content .lupae-content-knoppen { margin-top: 20px !important;; } .lupae-content .wp-block-columns { margin: 20px 0 0 0; } } /* Override padding and margins all templates */ .entry-content { margin-left: auto !important; margin-right: auto !important; } main.lupae-content { padding: 50px 50px 0 50px !important; margin: 0 auto !important; } .lupae-content .entry-content { padding-left: 0 !important; padding-right: 0 !important; } body.home.page main.lupae-content { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } main.lupae-content > div { padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; } body.block-editor-page, body.block-editor-iframe__body, .wp-site-blocks { padding-top: 0; padding-bottom: 0; } :root :where(.is-layout-constrained) > * { margin-block-start: 0; margin-block-end: 0; } @media screen and (max-width: 1240px) { .lupae-content .entry-content { padding-left: 0 !important; padding-right: 0 !important; } } @media screen and (max-width: 767px) { body.home.page main.lupae-content { padding-top: 0 !important; padding-bottom: 0 !important; } main.lupae-content { padding-top: 20px !important; padding-left: 20px !important; padding-right: 20px !important; } } /* Custom Lupae styles */ /* Header and Navigation */ body.block-editor-iframe__body header .lupae-header-inner-wrapper, #site-header .lupae-header-inner-wrapper { align-items: flex-start; max-width: 1340px; box-sizing: border-box; padding: 50px !important; } /* fixed navigation on scroll > 920 */ @media screen and (max-width: 920px) { #site-header.scd nav.is-responsive, #site-header.scu nav.is-responsive { position: fixed; top: 0; right: 0; z-index: 99; border-radius: 0 0 0 20px; } } /* fixed navigation on scroll > 921 */ @media screen and (min-width: 921px) { header.wp-block-template-part { min-height: 175px; } @keyframes slideInFromTop { from { transform: translateY(-100%); } to { transform: translateY(0); } } #site-header.scd, #site-header.scu { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; animation: slideInFromTop 0.4s ease-out forwards; } #site-header.scd #lupae-header-logo img, #site-header.scu #lupae-header-logo img { width: 100px !important; } #site-header.scd .lupae-header-inner-wrapper, #site-header.scu .lupae-header-inner-wrapper, body.home #site-header.scd .lupae-header-inner-wrapper, body.home #site-header.scu .lupae-header-inner-wrapper { padding-top: 10px !important; padding-bottom: 10px !important; } } body.block-editor-iframe__body header .lupae-nav-cta, #site-header .lupae-nav-cta { background: var(--lupae-color-oxblood) !important; position: relative; border-top: 1px solid var(--lupae-color-oxblood); border-right: 2px solid var(--lupae-color-oxblood); border-bottom: 1px solid var(--lupae-color-oxblood); border-left: 2px solid var(--lupae-color-oxblood); font-family: "neue-haas-grotesk-display", sans-serif; font-weight: 600; font-style: normal; } body.block-editor-iframe__body header .lupae-nav-cta a, #site-header .lupae-nav-cta a { display: inline-block; padding: 6px 18px; background: var(--lupae-color-powder); border-radius: 20px 3px 12px 5px; border-top: 0 solid var(--lupae-color-powder); border-right: 2px solid var(--lupae-color-powder); border-bottom: 0 solid var(--lupae-color-powder); border-left: 2px solid var(--lupae-color-powder); transition: border-radius 1s, background 250ms; } body.block-editor-iframe__body header .lupae-nav-cta a:hover, #site-header .lupae-nav-cta a:hover { display: inline-block; background: var(--lupae-color-oxblood); text-decoration: none; color: var(--lupae-color-powder) !important; border-radius: 5px 17px 3px 25px; transition: border-radius var( --lupae-transition-button-border-radius), background var( --lupae-transition-button-background); } .is-root-container.is-desktop-preview .lupae-nav-home, .is-root-container.is-desktop-preview .lupae-nav-mail, .is-root-container.is-desktop-preview .lupae-nav-bel, #site-header .lupae-nav-home, #site-header .lupae-nav-mail, #site-header .lupae-nav-bel { display: none; } /* Header and Navigation < 1240 */ @media screen and (max-width: 1240px) { #lupae-header-logo { width: 35%; height: auto; } } /* Header and Navigation < 920 */ @media screen and (max-width: 920px) { #site-header nav.is-responsive { background: black; padding: 0; position: absolute; right: 0; top: 0; } #site-header .wp-block-navigation__responsive-container-open { background: yellow; padding: 10px; background: var(--lupae-color-powder); border-radius: 5px 20px 3px 12px; border: 1px solid black; border-width: 1px 2px 1px 2px; box-sizing: content-box; } /* set color of open and close menu icon */ #site-header .wp-block-navigation__responsive-container-open svg { color: var(--lupae-color-oxblood) ; } .is-root-container.is-desktop-preview .lupae-nav-home, .is-root-container.is-desktop-preview .lupae-nav-mail, .is-root-container.is-desktop-preview .lupae-nav-bel, #site-header .lupae-nav-home, #site-header .lupae-nav-mail, #site-header .lupae-nav-bel { display: block; } #site-header .wp-block-navigation__responsive-container { background: rgba(0, 0, 0, 0.5) !important; padding: 0; } #site-header .wp-block-navigation__responsive-container-content { padding: 0; align-items: flex-start; } #site-header .wp-block-navigation__responsive-container-content ul { align-items: flex-start; width: 100%; } #site-header .wp-block-navigation__responsive-dialog { margin: 0; position: static; } #site-header .wp-block-navigation__responsive-close { background: var(--lupae-color-powder) ; border-radius: 5px 20px 3px 12px; border: 1px solid black; border-width: 1px 2px 2px 2px; padding: 50px 40px; box-shadow: 0px 0px 80px 5px rgba(0,0,0,1); } #site-header .wp-block-navigation__responsive-close button { background: yellow; padding: 10px; background: transparent; border: 0; position: absolute; right: 17px; top: 0; } #site-header .lupae-nav-mail { width: 36px; height: 36px; overflow: hidden; border-style: solid; border-width: 1px 2px 1px 2px; border-color: var(--lupae-color-oxblood); border-radius: 36px; position: absolute; right: 0; bottom: 0; } #site-header .lupae-nav-mail:hover { background: var(--lupae-color-oxblood) !important; } #site-header .lupae-nav-mail a { margin: 6px; width: 24px; height: 24px; overflow: hidden; --svg-mail: url('data:image/svg+xml,\ \ \ \ \ '); background: url(--svg-mail) center center no-repeat; background-color: var(--lupae-color-oxblood); /* Chrome, still requires prefix in 2022 */ -webkit-mask: var(--svg-mail); /* Firefox and Safari */ mask: var(--svg-mail); } #site-header .lupae-nav-mail:hover a { background: var(--lupae-color-powder); } #site-header .lupae-nav-bel a span { opacity: 0; } #site-header .lupae-nav-bel { width: 36px; height: 36px; overflow: hidden; border-style: solid; border-width: 1px 2px 1px 2px; border-color: var(--lupae-color-oxblood); border-radius: 36px; position: absolute; right: 56px; bottom: 0; } #site-header .lupae-nav-bel:hover { background-color: var(--lupae-color-oxblood) !important; } #site-header .lupae-nav-bel a { margin: 6px; width: 24px; height: 24px; overflow: hidden; --svg-bel: url('data:image/svg+xml,\ \ \ \ \ '); background: url(--svg-bel) center center no-repeat; background-color: var(--lupae-color-oxblood); /* Chrome, still requires prefix in 2022 */ -webkit-mask: var(--svg-bel); /* Firefox and Safari */ mask: var(--svg-bel); } #site-header .lupae-nav-bel:hover a { background-color: var(--lupae-color-powder) !important; } #site-header .lupae-nav-mail a span { opacity: 0; } } /* Header and Navigation < 781 */ @media screen and (max-width: 767px) { #site-header > .wp-block-group { padding: 20px !important; } #site-header > .wp-block-group > .wp-block-group { padding: 0 !important; } #site-header figure { min-width: 150px; max-width: 250px; } #site-header .wp-block-navigation__responsive-container-open { } } /* Header and Navigation */ /* Home has a bigger logo */ body.block-editor-iframe__body header .site-header-wine .lupae-header-inner-wrapper, body.home #site-header .lupae-header-inner-wrapper { align-items: flex-start; max-width: 1340px; box-sizing: border-box; padding: 50px 50px 25px 50px !important; } @media screen and (max-width: 767px) { body.block-editor-iframe__body header .site-header-wine .lupae-header-inner-wrapper, body.home #site-header .lupae-header-inner-wrapper { padding: 0 !important; } } /* Header and Navigation */ /* Background color lupae-wine */ body.block-editor-iframe__body .site-header-wine, #site-header.site-header-wine { background: var(--lupae-color-wine) !important; } body.block-editor-iframe__body .site-header-wine .lupae-nav-cta, #site-header.site-header-wine .lupae-nav-cta { background: var(--lupae-color-matcha) !important; border-top: 1px solid var(--lupae-color-matcha); border-right: 2px solid var(--lupae-color-matcha); border-bottom: 1px solid var(--lupae-color-matcha); border-left: 2px solid var(--lupae-color-matcha); } body.block-editor-iframe__body .site-header-wine .lupae-nav-cta a, #site-header.site-header-wine .lupae-nav-cta a { background: var(--lupae-color-wine); border-top: 0 solid var(--lupae-color-wine); border-right: 2px solid var(--lupae-color-wine); border-bottom: 0 solid var(--lupae-color-wine); border-left: 2px solid var(--lupae-color-wine); } body.block-editor-iframe__body .site-header-wine .lupae-nav-cta a:hover, #site-header.site-header-wine .lupae-nav-cta a:hover { background: var(--lupae-color-matcha); color: var(--lupae-color-wine) !important; } @media screen and (max-width: 920px) { #site-header.site-header-wine .wp-block-navigation__responsive-container-open { background: var(--lupae-color-wine); } /* set color of open and close menu icon */ #site-header.site-header-wine .wp-block-navigation__responsive-container-open svg { color: var(--lupae-color-matcha) ; } #site-header.site-header-wine .wp-block-navigation__responsive-close { background: var(--lupae-color-wine) ; } #site-header.site-header-wine .wp-block-navigation__responsive-close svg { color: var(--lupae-color-matcha) ; } #site-header.site-header-wine .wp-block-navigation-item { color: var(--lupae-color-matcha) !important; } #site-header.site-header-wine .lupae-nav-mail { border-color: var(--lupae-color-matcha); } #site-header.site-header-wine .lupae-nav-mail:hover { background: var(--lupae-color-matcha) !important; } #site-header.site-header-wine .lupae-nav-mail a { background-color: var(--lupae-color-matcha); } #site-header.site-header-wine .lupae-nav-mail:hover a { background: var(--lupae-color-wine); } #site-header.site-header-wine .lupae-nav-bel { border-color: var(--lupae-color-matcha); } #site-header.site-header-wine .lupae-nav-bel:hover { background-color: var(--lupae-color-matcha) !important; } #site-header.site-header-wine .lupae-nav-bel a { background-color: var(--lupae-color-matcha); } #site-header.site-header-wine .lupae-nav-bel:hover a { background-color: var(--lupae-color-wine) !important; } } /* Header and Navigation */ /* Background color lupae-sand */ body.block-editor-iframe__body .site-header-sand, #site-header.site-header-sand { background: var(--lupae-color-sand) !important; } body.block-editor-iframe__body .site-header-sand .lupae-nav-cta, #site-header.site-header-sand .lupae-nav-cta { background: var(--lupae-color-oxblood) !important; border-top: 1px solid var(--lupae-color-oxblood); border-right: 2px solid var(--lupae-color-oxblood); border-bottom: 1px solid var(--lupae-color-oxblood); border-left: 2px solid var(--lupae-color-oxblood); } body.block-editor-iframe__body .site-header-sand .lupae-nav-cta a, #site-header.site-header-sand .lupae-nav-cta a { background: var(--lupae-color-sand); border-top: 0 solid var(--lupae-color-sand); border-right: 2px solid var(--lupae-color-sand); border-bottom: 0 solid var(--lupae-color-sand); border-left: 2px solid var(--lupae-color-sand); } body.block-editor-iframe__body .site-header-sand .lupae-nav-cta a:hover, #site-header.site-header-sand .lupae-nav-cta a:hover { background: var(--lupae-color-oxblood); color: var(--lupae-color-sand) !important; } @media screen and (max-width: 920px) { #site-header.site-header-sand .wp-block-navigation__responsive-container-open { background: var(--lupae-color-sand); } /* set color of open and close menu icon */ #site-header.site-header-sand .wp-block-navigation__responsive-container-open svg { color: var(--lupae-color-oxblood) ; } #site-header.site-header-sand .wp-block-navigation__responsive-close { background: var(--lupae-color-sand) ; } #site-header.site-header-sand .wp-block-navigation__responsive-close svg { color: var(--lupae-color-oxblood) ; } #site-header.site-header-sand .wp-block-navigation-item { color: var(--lupae-color-oxblood) !important; } #site-header.site-header-sand .lupae-nav-mail { border-color: var(--lupae-color-oxblood); } #site-header.site-header-sand .lupae-nav-mail:hover { background: var(--lupae-color-oxblood) !important; } #site-header.site-header-sand .lupae-nav-mail a { background-color: var(--lupae-color-oxblood); } #site-header.site-header-sand .lupae-nav-mail:hover a { background: var(--lupae-color-sand); } #site-header.site-header-sand .lupae-nav-bel { border-color: var(--lupae-color-oxblood); } #site-header.site-header-sand .lupae-nav-bel:hover { background-color: var(--lupae-color-oxblood) !important; } #site-header.site-header-sand .lupae-nav-bel a { background-color: var(--lupae-color-oxblood); } #site-header.site-header-sand .lupae-nav-bel:hover a { background-color: var(--lupae-color-sand) !important; } } /* Header and Navigation */ /* Background color lupae-violet */ body.block-editor-iframe__body .site-header-violet, #site-header.site-header-violet { background: var(--lupae-color-violet) !important; } body.block-editor-iframe__body .site-header-violet .lupae-nav-cta, #site-header.site-header-violet .lupae-nav-cta { background: var(--lupae-color-oxblood) !important; border-top: 1px solid var(--lupae-color-oxblood); border-right: 2px solid var(--lupae-color-oxblood); border-bottom: 1px solid var(--lupae-color-oxblood); border-left: 2px solid var(--lupae-color-oxblood); } body.block-editor-iframe__body .site-header-violet .lupae-nav-cta a, #site-header.site-header-violet .lupae-nav-cta a { background: var(--lupae-color-violet); border-top: 0 solid var(--lupae-color-violet); border-right: 2px solid var(--lupae-color-violet); border-bottom: 0 solid var(--lupae-color-violet); border-left: 2px solid var(--lupae-color-violet); } body.block-editor-iframe__body .site-header-violet .lupae-nav-cta a:hover, #site-header.site-header-violet .lupae-nav-cta a:hover { background: var(--lupae-color-oxblood); color: var(--lupae-color-violet) !important; } @media screen and (max-width: 920px) { #site-header.site-header-violet .wp-block-navigation__responsive-container-open { background: var(--lupae-color-violet); } /* set color of open and close menu icon */ #site-header.site-header-violet .wp-block-navigation__responsive-container-open svg { color: var(--lupae-color-oxblood) ; } #site-header.site-header-violet .wp-block-navigation__responsive-close { background: var(--lupae-color-violet) ; } #site-header.site-header-violet .wp-block-navigation__responsive-close svg { color: var(--lupae-color-oxblood) ; } #site-header.site-header-violet .wp-block-navigation-item { color: var(--lupae-color-oxblood) !important; } #site-header.site-header-violet .lupae-nav-mail { border-color: var(--lupae-color-oxblood); } #site-header.site-header-violet .lupae-nav-mail:hover { background: var(--lupae-color-oxblood) !important; } #site-header.site-header-violet .lupae-nav-mail a { background-color: var(--lupae-color-oxblood); } #site-header.site-header-violet .lupae-nav-mail:hover a { background: var(--lupae-color-violet); } #site-header.site-header-violet .lupae-nav-bel { border-color: var(--lupae-color-oxblood); } #site-header.site-header-violet .lupae-nav-bel:hover { background-color: var(--lupae-color-oxblood) !important; } #site-header.site-header-violet .lupae-nav-bel a { background-color: var(--lupae-color-oxblood); } #site-header.site-header-violet .lupae-nav-bel:hover a { background-color: var(--lupae-color-violet) !important; } } /* Header and Navigation */ /* Background color lupae-matcha-light */ body.block-editor-iframe__body .site-header-matcha-light, #site-header.site-header-matcha-light { background: var(--lupae-color-matcha-light) !important; } body.block-editor-iframe__body .site-header-matcha-light .lupae-nav-cta, #site-header.site-header-matcha-light .lupae-nav-cta { background: var(--lupae-color-oxblood) !important; border-top: 1px solid var(--lupae-color-oxblood); border-right: 2px solid var(--lupae-color-oxblood); border-bottom: 1px solid var(--lupae-color-oxblood); border-left: 2px solid var(--lupae-color-oxblood); } body.block-editor-iframe__body .site-header-matcha-light .lupae-nav-cta a, #site-header.site-header-matcha-light .lupae-nav-cta a { background: var(--lupae-color-matcha-light); border-top: 0 solid var(--lupae-color-matcha-light); border-right: 2px solid var(--lupae-color-matcha-light); border-bottom: 0 solid var(--lupae-color-matcha-light); border-left: 2px solid var(--lupae-color-matcha-light); } body.block-editor-iframe__body .site-header-matcha-light .lupae-nav-cta a:hover, #site-header.site-header-matcha-light .lupae-nav-cta a:hover { background: var(--lupae-color-oxblood); color: var(--lupae-color-matcha-light) !important; } @media screen and (max-width: 920px) { #site-header.site-header-matcha-light .wp-block-navigation__responsive-container-open { background: var(--lupae-color-matcha-light); } /* set color of open and close menu icon */ #site-header.site-header-matcha-light .wp-block-navigation__responsive-container-open svg { color: var(--lupae-color-oxblood) ; } #site-header.site-header-matcha-light .wp-block-navigation__responsive-close { background: var(--lupae-color-matcha-light) ; } #site-header.site-header-matcha-light .wp-block-navigation__responsive-close svg { color: var(--lupae-color-oxblood) ; } #site-header.site-header-matcha-light .wp-block-navigation-item { color: var(--lupae-color-oxblood) !important; } #site-header.site-header-matcha-light .lupae-nav-mail { border-color: var(--lupae-color-oxblood); } #site-header.site-header-matcha-light .lupae-nav-mail:hover { background: var(--lupae-color-oxblood) !important; } #site-header.site-header-matcha-light .lupae-nav-mail a { background-color: var(--lupae-color-oxblood); } #site-header.site-header-matcha-light .lupae-nav-mail:hover a { background: var(--lupae-color-matcha-light); } #site-header.site-header-matcha-light .lupae-nav-bel { border-color: var(--lupae-color-oxblood); } #site-header.site-header-matcha-light .lupae-nav-bel:hover { background-color: var(--lupae-color-oxblood) !important; } #site-header.site-header-matcha-light .lupae-nav-bel a { background-color: var(--lupae-color-oxblood); } #site-header.site-header-matcha-light .lupae-nav-bel:hover a { background-color: var(--lupae-color-matcha-light) !important; } } /* Header and Navigation */ /* Background color lupae-matcha-sky */ body.block-editor-iframe__body .site-header-sky, #site-header.site-header-sky { background: var(--lupae-color-sky) !important; } body.block-editor-iframe__body .site-header-sky .lupae-nav-cta, #site-header.site-header-sky .lupae-nav-cta { background: var(--lupae-color-oxblood) !important; border-top: 1px solid var(--lupae-color-oxblood); border-right: 2px solid var(--lupae-color-oxblood); border-bottom: 1px solid var(--lupae-color-oxblood); border-left: 2px solid var(--lupae-color-oxblood); } body.block-editor-iframe__body .site-header-sky .lupae-nav-cta a, #site-header.site-header-sky .lupae-nav-cta a { background: var(--lupae-color-sky); border-top: 0 solid var(--lupae-color-sky); border-right: 2px solid var(--lupae-color-sky); border-bottom: 0 solid var(--lupae-color-sky); border-left: 2px solid var(--lupae-color-sky); } body.block-editor-iframe__body .site-header-sky .lupae-nav-cta a:hover, #site-header.site-header-sky .lupae-nav-cta a:hover { background: var(--lupae-color-oxblood); color: var(--lupae-color-sky) !important; } @media screen and (max-width: 920px) { #site-header.site-header-sky .wp-block-navigation__responsive-container-open { background: var(--lupae-color-sky); } /* set color of open and close menu icon */ #site-header.site-header-sky .wp-block-navigation__responsive-container-open svg { color: var(--lupae-color-oxblood) ; } #site-header.site-header-sky .wp-block-navigation__responsive-close { background: var(--lupae-color-sky) ; } #site-header.site-header-sky .wp-block-navigation__responsive-close svg { color: var(--lupae-color-oxblood) ; } #site-header.site-header-sky .wp-block-navigation-item { color: var(--lupae-color-oxblood) !important; } #site-header.site-header-sky .lupae-nav-mail { border-color: var(--lupae-color-oxblood); } #site-header.site-header-sky .lupae-nav-mail:hover { background: var(--lupae-color-oxblood) !important; } #site-header.site-header-sky .lupae-nav-mail a { background-color: var(--lupae-color-oxblood); } #site-header.site-header-sky .lupae-nav-mail:hover a { background: var(--lupae-color-sky); } #site-header.site-header-sky .lupae-nav-bel { border-color: var(--lupae-color-oxblood); } #site-header.site-header-sky .lupae-nav-bel:hover { background-color: var(--lupae-color-oxblood) !important; } #site-header.site-header-sky .lupae-nav-bel a { background-color: var(--lupae-color-oxblood); } #site-header.site-header-sky .lupae-nav-bel:hover a { background-color: var(--lupae-color-sky) !important; } } /* Lupae footer contact */ .lupae-contact { background: var(--lupae-color-oxblood); } .lupae-contact > .wp-block-group { max-width: 1340px; box-sizing: border-box; padding: 0 50px; margin: auto !important; } .lupae-contact > .wp-block-group > .wp-block-columns { flex: 1; border: 1px solid var(--lupae-color-violet); gap: 0 !important; padding: 0; border-radius: 5px 0 0 50px; } .lupae-contact > .wp-block-group > .wp-block-columns .wp-block-column { flex: 1; flex-basis: 50%; align-content: center; padding: 0; box-sizing: border-box; } .lupae-contact > .wp-block-group > .wp-block-columns .wp-block-column figure, .lupae-contact > .wp-block-group > .wp-block-columns .wp-block-column img { width: 100%; height: 100%; object-fit: cover; } .lupae-contact > .wp-block-group > .wp-block-columns .wp-block-column:first-child { flex: 1; flex-basis: 50%; padding: 25px 25px 25px 50px; } .lupae-contact-buttons .wp-block-button { background: var(--lupae-color-violet) !important; color: var(--lupae-color-oxblood) !important; } .lupae-contact-buttons .wp-block-button .wp-block-button__link { padding: 15px 25px; background: var(--lupae-color-oxblood) !important; color: var(--lupae-color-violet) !important; border-color: var(--lupae-color-violet); border-style: solid; border-width: 1px 2px 1px 2px; border-radius: 15px 5px 25px 5px; transition: border-radius var( --lupae-transition-button-border-radius); } .lupae-contact-buttons .wp-block-button .wp-block-button__link:hover { border-radius: 5px 20px 10px 25px; transition: border-radius var( --lupae-transition-button-border-radius); } .lupae-contact-buttons .wp-block-button:first-child { background: var(--lupae-color-violet) !important; color: var(--lupae-color-oxblood) !important; } .lupae-contact-buttons .wp-block-button:first-child .wp-block-button__link { padding: 15px 25px; background: var(--lupae-color-violet) !important; color: var(--lupae-color-oxblood) !important; border-color: var(--lupae-color-oxblood); border-style: solid; border-width: 0px 2px 1px 2px; border-radius: 5px 100px 10px 20px; transition: border-radius var( --lupae-transition-button-border-radius); } .lupae-contact-buttons .wp-block-button:first-child .wp-block-button__link:hover { border-radius: 20px 10px 20px 50px; transition: border-radius var( --lupae-transition-button-border-radius); } /* Lupae footer contact < 1040 */ @media screen and (max-width: 1240px) { .lupae-contact { padding: 50px 0 !important; } .lupae-contact > .wp-block-group > .wp-block-columns .wp-block-column:first-child { padding: 50px; } .lupae-contact-buttons .wp-block-button { width: 100%; } .lupae-contact-buttons .wp-block-button .wp-block-button__link { width: 100%; } } /* Lupae footer contact < 781 */ @media screen and (max-width: 767px) { .lupae-contact > .wp-block-group { padding: 0; } .lupae-contact { padding: 20px !important; } .lupae-contact > .wp-block-group > .wp-block-columns { gap: 20px; } .lupae-contact > .wp-block-group > .wp-block-columns .wp-block-column:first-child { padding: 20px; } } /* Lupae footer */ footer.wp-block-template-part { margin: 0; } .lupae-footer { background: var(--lupae-color-wine); } .lupae-footer > .wp-block-group { max-width: 1340px; box-sizing: border-box; margin: auto; padding: 0 50px; } .lupae-footer > .wp-block-group > .wp-block-columns { padding: 0; flex: 1; } .lupae-logo-footer { width: 100%; max-width: 400px; } .lupae-footer .wp-block-navigation-item { font-family: "neue-haas-grotesk-text", sans-serif !important; } .lupae-footer-socials .wp-block-social-link { margin-top: -2px !important; } .lupae-footer-socials .wp-block-social-link-label { font-family: "neue-haas-grotesk-text", sans-serif !important; font-size: 0.875rem !important; } .lupae-footer-socials .wp-block-social-link:hover { transform: scale(1) !important; } .lupae-footer-socials .wp-block-social-link a:hover span { text-decoration: underline; } .lupae-footer .wp-block-separator { max-width: 1240px; box-sizing: border-box; } .lupae-footer-disclaimer a { text-decoration: none; } .lupae-footer-disclaimer a:hover { text-decoration: underline; } /* Lupae footer < 1040 */ @media screen and (max-width: 1240px) { .lupae-footer { padding: 50px 0 !important; } } /* Lupae footer < 781 */ @media screen and (max-width: 767px) { .lupae-footer { padding: 20px !important; } .lupae-footer > .wp-block-group { padding: 0 0 !important; } } /* Lupae footer form nieuwsbrief */ .lupae-footer #mc_embed_signup_scroll { /* display: flex; align-items: flex-start; gap: 8px; */ margin-top: 12px; } .lupae-footer #mc_embed_signup_scroll .mc-field-group { /* display: flex; flex-direction: column; flex: 1; */ } .lupae-footer #mc_embed_signup_scroll input.email { /* flex: 1;*/ color: #FFFFFF; background: transparent !important; padding: 8px 10px; font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 500; font-style: normal; font-size: 0.9rem; box-sizing: border-box; border: 1px solid var(--lupae-color-clay); width: 100%; } .lupae-footer #mc_embed_signup_scroll input.email::active { background: transparent !important; } .lupae-footer #mc_embed_signup_scroll input.email::placeholder { color: var(--lupae-color-matcha); } .lupae-footer #mc_embed_shell { margin: 0; } .lupae-footer #mc_embed_signup_scroll .optionalParent { display: inline-block; margin-top: 0; background: var(--lupae-color-clay) !important; color: var(--lupae-color-clay) !important; position: absolute; top: 0; right: 0; } .lupae-footer form { display: block; position: relative; } .lupae-footer #mc_embed_signup_scroll input.button { box-sizing: border-box; padding: 8px 13px; background: var(--lupae-color-wine) !important; color: var(--lupae-color-clay) !important; border-color: var(--lupae-color-clay); border-style: solid; border-width: 1px 2px 1px 2px; border-radius: 15px 5px 25px 5px; transition: border-radius var( --lupae-transition-button-border-radius); font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 600; font-style: normal; font-size: 0.9rem; min-height: 20px; display: inline-block; } .lupae-footer #mc_embed_signup_scroll input.button:hover { border-radius: 10px 15px 10px 30px; transition: border-radius var( --lupae-transition-button-border-radius); } .lupae-footer p.has-small-font-size { margin-top: 12px; } .lupae-footer .mce_inline_error { background: transparent !important; color: var(--lupae-color-red) !important; font-size: 0.9rem; margin: 0 !important; } .lupae-footer .response { padding-top: 8px; font-size: 0.9rem; } /* Lupae homepage */ body.block-editor-page .lupae-home-tagline, .wp-block-query .lupae-home-tagline { max-width: 1340px; box-sizing: border-box; padding: 25px 50px !important; margin: auto; } .block-editor-block-list__block.wp-block { margin: 0; } body.block-editor-page .lupae-home-slideshow, .lupae-home-slideshow { max-width: 100%; margin: 0; background: var(--lupae-color-wine); } body.block-editor-page .lupae-hero-owl, .lupae-hero-owl { width: 100%; max-width: 1440px; padding: 25px 50px 50px 50px !important; box-sizing: border-box; margin: auto; position: relative; } .lupae-hero-owl .lupae-home-slide:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(/wp-content/uploads/2025/04/hopefully_transparent-1.gif) bottom center no-repeat; z-index: 1; } body.block-editor-page .lupae-home-slide, .lupae-home-slide { position: relative; width: 100%; height: 50vh; min-height: 800px; } .lupae-home-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .lupae-home-slide .owl-caption { display: inline-block; margin: 0; position: absolute; bottom: 0; left: 0; background: var(--lupae-color-wine); color: var(--lupae-color-violet); padding: 6px 10px 0 0; font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 500; font-style: normal; font-size: 1.125rem; line-height: 140%; max-width: 66%; border-radius: 0 8px 0 0; z-index: 2; } /* Lupae homepage < 1240 */ @media screen and (max-width: 1240px) { .wp-block-query .lupae-home-tagline { padding: 25px 50px 25px 50px !important; } body.block-editor-page .lupae-home-slide, .lupae-home-slide { position: relative; width: 100%; height: 50vh; min-height: 600px; } } /* Lupae homepage < 781 */ @media screen and (max-width: 767px) { .wp-block-query .lupae-home-tagline { padding: 0 20px 20px 20px !important; } body.block-editor-page .lupae-hero-owl, .lupae-hero-owl { padding: 0px 20px 20px 20px !important; } body.block-editor-page .lupae-home-slide, .lupae-home-slide { height: 33vh; min-height: 480px; } } /* Lupae block tips header */ body.block-editor-page .lupae-tips-header, body.home.page .lupae-tips-header { background: var(--lupae-color-sand); } body.block-editor-page .lupae-tips-header .wp-block-columns, body.home.page .lupae-tips-header .wp-block-columns { max-width: 1340px; box-sizing: border-box; padding: 100px 50px 25px 50px; align-items: center; } body.block-editor-page .lupae-tips-header h2, .lupae-tips-header h2 { font-family: "neue-haas-grotesk-display", sans-serif !important; font-weight: 600; font-style: normal; font-size: 3rem; } body.block-editor-page .lupae-tips-header p, .lupae-tips-header p { padding-top: 0.75rem; } /* Lupae block tips header < 1340 */ @media screen and (max-width: 1340px) { body.home.page .lupae-tips-header .wp-block-columns { padding: 50px 50px 25px 50px !important; } } /* Lupae block tips header < 781 */ @media screen and (max-width: 767px) { body.block-editor-page .lupae-tips-header, body.home.page .lupae-tips-header { padding: 40px 40px 20px 40px !important; } body.block-editor-page .lupae-tips-header .wp-block-columns, body.home.page .lupae-tips-header .wp-block-columns { padding: 0 !important; gap: 20px; } body.block-editor-page .lupae-tips-header h2, body.home.page .lupae-tips-header h2 { font-family: "neue-haas-grotesk-tekst", sans-serif !important; font-weight: 600; font-style: normal; font-size: 2.25rem; } body.block-editor-page .lupae-tips-header p, body.home.page .lupae-tips-header p { padding-top: 0; } } /* Lupae block tips */ body.block-editor-page .lupae-blok-tips-wrapper, .lupae-blok-tips-wrapper { padding: 0; margin: 0; text-align: center; background: var(--lupae-color-sand); } body.block-editor-page .lupae-blok-tips, .lupae-blok-tips { max-width: 1340px; list-style: none; display: flex; flex-wrap: wrap; gap: 25px; padding: 25px 100px !important; box-sizing: border-box; margin: auto; background: var(--lupae-color-sand); } body.block-editor-page .lupae-blok-tip, .lupae-blok-tip { text-align: left; display: flex; box-sizing: border-box; padding: 50px; flex-direction: column; align-items: flex-start; flex: 1; flex-basis: 45%; list-style: none; background: var(--lupae-color-powder); } body.block-editor-page .lupae-blok-tip:nth-child(1), .lupae-blok-tip:nth-child(1) { border-radius: 0 100px 16px 50px; } body.block-editor-page .lupae-blok-tip:nth-child(2), .lupae-blok-tip:nth-child(2) { border-radius: 40px 0 0 10px; } body.block-editor-page .lupae-blok-tip:nth-child(3), .lupae-blok-tip:nth-child(3) { border-radius: 0 50px 100px 20px; } body.block-editor-page .lupae-blok-tip:nth-child(4), .lupae-blok-tip:nth-child(4) { border-radius: 5px 0 20px 100px; } body.block-editor-page .lupae-block-tip-tags, .lupae-block-tip-tags { padding: 0; line-height: 1; } body.block-editor-page .lupae-block-tip-tags span, .lupae-block-tip-tags span { display: inline-block; background: var(--lupae-color-sand); color: var(--lupae-color-oxblood); padding: 4px 8px; margin: 0 8px 8px 0; font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 700; font-style: normal; font-size: 0.875rem; line-height: 1; border: 1px solid var(--lupae-color-oxblood); border-radius: 4px; } body.block-editor-page .lupae-blok-tip h3, .lupae-blok-tip h3 { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 700 !important; font-style: normal; font-size: 1.5rem; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 0 0 8px 0; padding: 0; } body.block-editor-page .lupae-blok-tip h3 a, .lupae-blok-tip h3 a { display: inline-block; color: var(--lupae-color-oxblood); line-height: inherit; text-decoration: none; font-weight: inherit; } body.block-editor-page .lupae-blok-tip h3 a:hover, .lupae-blok-tip h3 a:hover { color: var(--lupae-color-wine); text-decoration: none; } body.block-editor-page .lupae-block-tip-excerpt, .lupae-block-tip-excerpt { align-self: flex-start; flex: 1; } body.block-editor-page .lupae-block-tip-excerpt, .lupae-block-tip-excerpt p { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 500; font-style: normal; font-size: 1rem; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 0 0 8px 0; padding: 0; } body.block-editor-page .lupae-block-tip-button, .lupae-block-tip-button { display: inline-block; font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 700; font-style: normal; font-size: 1rem; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 24px 0 0 0; padding: 0; border: 1px solid var(--lupae-color-oxblood); background: var(--lupae-color-oxblood); text-decoration: none; } body.block-editor-page .lupae-block-tip-button span, .lupae-block-tip-button span { display: inline-block; font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 700; font-style: normal; font-size: 1rem; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 0; padding: 8px 20px; border: 0; background: var(--lupae-color-powder); text-decoration: none; border-radius: 15px 5px 25px 5px; transition: border-radius 1s, background 250ms; } body.block-editor-page .lupae-block-tip-button:hover span, .lupae-block-tip-button:hover span { background: var(--lupae-color-powder); border-radius: 5px 25px 10px 15px; transition: border-radius 1s, background 250ms; } /* Lupae block tips < 1240 */ @media screen and (max-width: 1240px) { body.block-editor-page .lupae-blok-tips, body.home.page .lupae-blok-tips { padding: 25px 50px 50px 50px !important; } } /* Lupae block tips < 781 */ @media screen and (max-width: 767px) { body.block-editor-page .wp-block-columns, body.home.page .wp-block-columns { padding: 50px 0 25px 0; } body.block-editor-page .lupae-blok-tips, body.home.page .lupae-blok-tips { gap: 20px; padding: 20px 20px 20px 20px !important; } body.block-editor-page .lupae-blok-tip, body.home.page .lupae-blok-tip { padding: 40px; flex-basis: 85%; } } /* Lupae block tips < 480 */ @media screen and (max-width: 480px) { body.block-editor-page .lupae-blok-tip, body.home.page .lupae-blok-tip { padding: 20px; } } /* Lupae block tips button */ body.block-editor-page .lupae-tips-button, .lupae-tips-button { padding: 25px 50px 100px 50px !important; background: var(--lupae-color-sand); } body.block-editor-page .lupae-tips-button .wp-block-columns, .lupae-tips-button .wp-block-columns { max-width: 1340px; box-sizing: border-box; padding: 0 50px; align-items: center; } body.block-editor-page .lupae-tips-button .wp-block-button__link, .lupae-tips-button .wp-block-button__link { background-color: var(--lupae-color-sand) !important; } /* Lupae block tips button < 1240 */ @media screen and (max-width: 1240px) { } /* Lupae block tips button < 781 */ @media screen and (max-width: 767px) { body.block-editor-page .lupae-tips-button, .lupae-tips-button { padding: 20px 40px 40px 40px !important; background: var(--lupae-color-sand); } body.block-editor-page .lupae-tips-button .wp-block-button, .lupae-tips-button .wp-block-button { width: 100% !important; } body.block-editor-page .lupae-tips-button .wp-block-button .wp-block-button__link, .lupae-tips-button .wp-block-button .wp-block-button__link { padding: 15px 25px !important; width: 100% !important; } body.block-editor-page .lupae-tips-button .wp-block-columns, .lupae-tips-button .wp-block-columns { padding: 0 40px; } } /* Lupae block diensten header */ body.block-editor-page .lupae-diensten-header, .lupae-diensten-header { background: var(--lupae-color-violet); } body.block-editor-page .lupae-diensten-header .wp-block-columns, body.home.page .lupae-diensten-header .wp-block-columns { max-width: 1340px; box-sizing: border-box; padding: 100px 50px 25px 50px; align-items: center; } body.block-editor-page .lupae-diensten-header h2, .lupae-diensten-header h2 { font-family: "neue-haas-grotesk-display", sans-serif !important; font-weight: 600; font-style: normal; font-size: 3rem; } body.block-editor-page .lupae-diensten-header p, .lupae-diensten-header p { padding-top: 0.75rem; } /* Lupae block diensten header < 1340 */ @media screen and (max-width: 1340px) { body.block-editor-page .lupae-diensten-header .wp-block-columns, body.home.page .lupae-diensten-header .wp-block-columns { padding: 50px 50px 25px 50px !important; } } /* Lupae block diensten header < 781 */ @media screen and (max-width: 767px) { body.block-editor-page .lupae-diensten-header, body.home.page .lupae-diensten-header { padding: 40px 40px 20px 40px !important; } body.block-editor-page .wp-block-columns, body.home.page .lupae-diensten-header .wp-block-columns { padding: 0 !important; gap: 20px; } body.block-editor-page .lupae-diensten-header h2, .lupae-diensten-header h2 { font-family: "neue-haas-grotesk-tekst", sans-serif !important; font-weight: 600; font-style: normal; font-size: 2.25rem; } body.block-editor-page .lupae-diensten-header p, .lupae-diensten-header p { padding-top: 0; } } /* Lupae block diensten */ body.block-editor-page .lupae-blok-diensten-wrapper, .lupae-blok-diensten-wrapper { padding: 0; margin: 0; text-align: center; background: var(--lupae-color-violet); } body.block-editor-page .lupae-blok-diensten, .lupae-blok-diensten { max-width: 1340px; list-style: none; display: flex; flex-wrap: wrap; gap: 25px; padding: 25px 100px !important; box-sizing: border-box; margin: auto; background: var(--lupae-color-violet); } body.block-editor-page .lupae-blok-dienst, .lupae-blok-dienst { text-align: left; display: flex; box-sizing: border-box; padding: 50px; flex-direction: column; align-items: flex-start; flex: 1; flex-basis: 45%; list-style: none; background: var(--lupae-color-powder); max-width: 50%; } body.block-editor-page .lupae-blok-dienst:nth-child(1n), .lupae-blok-dienst:nth-child(1n) { border-radius: 0 50px 100px 20px; } body.block-editor-page .lupae-blok-dienst:nth-child(2n), .lupae-blok-dienst:nth-child(2n) { border-radius: 5px 0 20px 100px; } body.block-editor-page .lupae-blok-dienst:nth-child(3n), .lupae-blok-dienst:nth-child(3n) { border-radius: 0 50px 100px 20px; } body.block-editor-page .lupae-blok-dienst:nth-child(4n), .lupae-blok-dienst:nth-child(4n) { border-radius: 40px 0 20px 10px; } body.block-editor-page .lupae-blok-dienst:nth-child(5n), .lupae-blok-dienst:nth-child(5n) { border-radius: 25px 30px 80pxpx 10px; } body.block-editor-page .lupae-blok-dienst h3, .lupae-blok-dienst h3 { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 700 !important; font-style: normal; font-size: 1.5rem; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 0 0 8px 0; padding: 0; } body.block-editor-page .lupae-blok-dienst h3 a, .lupae-blok-dienst h3 a { display: inline-block; color: var(--lupae-color-oxblood); line-height: inherit; text-decoration: none; font-weight: inherit; } body.block-editor-page .lupae-blok-dienst h3 a:hover, .lupae-blok-dienst h3 a:hover { color: var(--lupae-color-wine); text-decoration: none; } body.block-editor-page .lupae-block-dienst-excerpt, .lupae-block-dienst-excerpt { align-self: flex-start; flex: 1; } body.block-editor-page .lupae-block-dienst-excerpt p, .lupae-block-dienst-excerpt p { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 500; font-style: normal; font-size: 1rem; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 0 0 8px 0; padding: 0; } body.block-editor-page .lupae-block-dienst-button, .lupae-block-dienst-button { display: inline-block; font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 700; font-style: normal; font-size: 1rem; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 24px 0 0 0; padding: 0; border: 1px solid var(--lupae-color-oxblood); background: var(--lupae-color-oxblood); text-decoration: none; } body.block-editor-page .lupae-block-dienst-button span, .lupae-block-dienst-button span { display: inline-block; font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 700; font-style: normal; font-size: 1rem; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 0; padding: 8px 20px; border: 0; background: var(--lupae-color-powder); text-decoration: none; border-radius: 15px 5px 25px 5px; transition: border-radius 1s, background 250ms; } body.block-editor-page .lupae-block-dienst-button:hover span, .lupae-block-dienst-button:hover span { background: var(--lupae-color-powder); border-radius: 5px 25px 10px 15px; transition: border-radius 1s, background 250ms; } .lupae-block-dienst-button-contact { display: inline-block; font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 700; font-style: normal; font-size: 1rem; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 24px 0 0 0; padding: 0; border: 1px solid var(--lupae-color-powder); background: var(--lupae-color-powder); text-decoration: none; } .lupae-block-dienst-button-contact span { display: inline-block; font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 700; font-style: normal; font-size: 1rem; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 0; padding: 8px 20px; border: 0; background: var(--lupae-color-powder); text-decoration: none; } .lupae-block-dienst-button-contact span:after { content: 'ยป'; display: inline-block; margin-left: 5px; } .lupae-block-dienst-button-contact:hover span { color: var(--lupae-color-wine); } /* Lupae block diensten < 1240 */ @media screen and (max-width: 1240px) { body.block-editor-page .lupae-blok-diensten, body.home.page .lupae-blok-diensten { padding: 25px 50px 50px 50px !important; } } /* Lupae block diensten < 781 */ @media screen and (max-width: 767px) { body.block-editor-page .wp-block-columns, body.home.page .wp-block-columns { padding: 50px 0 25px 0; } body.block-editor-page .lupae-blok-diensten, body.home.page .lupae-blok-diensten { gap: 20px; padding: 20px 20px 20px 20px !important; } body.block-editor-page .lupae-blok-dienst, body.home.page .lupae-blok-dienst, .lupae-blok-dienst { padding: 40px; flex-basis: 85%; max-width: 100%; } } @media screen and (max-width: 480px) { body.block-editor-page .lupae-blok-dienst, body.home.page .lupae-blok-dienst { padding: 20px; } } /* Lupae block diensten button */ body.block-editor-page .lupae-diensten-button, .lupae-diensten-button { padding: 25px 50px 100px 50px !important; background: var(--lupae-color-violet); } body.block-editor-page .lupae-diensten-button .wp-block-columns, .lupae-diensten-button .wp-block-columns { max-width: 1340px; box-sizing: border-box; padding: 0 50px; align-items: center; } body.block-editor-page .lupae-diensten-button .wp-block-button__link, .lupae-diensten-button .wp-block-button__link { background-color: var(--lupae-color-violet) !important; } /* Lupae block diensten button < 1240 */ @media screen and (max-width: 1240px) { } /* Lupae block diensten button < 781 */ @media screen and (max-width: 767px) { body.block-editor-page .lupae-diensten-button, .lupae-diensten-button { padding: 20px 40px 40px 40px !important; background: var(--lupae-color-violet); } body.block-editor-page .lupae-diensten-button .wp-block-button, .lupae-diensten-button .wp-block-button { width: 100% !important; } body.block-editor-page .lupae-diensten-button .wp-block-button .wp-block-button__link, .lupae-diensten-button .wp-block-button .wp-block-button__link { padding: 15px 25px !important; width: 100% !important; } body.block-editor-page .lupae-diensten-button .wp-block-columns, .lupae-diensten-button .wp-block-columns { padding: 0 40px; } } /* Lupae testimonials header */ body.block-editor-page .lupae-testimonials-header, .lupae-testimonials-header { background: var(--lupae-color-sky); } body.block-editor-page .lupae-testimonials-header .wp-block-columns, .lupae-testimonials-header .wp-block-columns { max-width: 1340px; box-sizing: border-box; padding: 100px 50px 25px 50px; align-items: center; } body.block-editor-page .lupae-testimonials-header h2, .lupae-testimonials-header h2 { font-family: "neue-haas-grotesk-display", sans-serif !important; font-weight: 600; font-style: normal; font-size: 3rem; } body.block-editor-page .lupae-testimonials-header p, .lupae-testimonials-header p { padding-top: 0.75rem; } /* Lupae block testimonials header < 781 */ @media screen and (max-width: 767px) { body.block-editor-page .lupae-testimonials-header, .lupae-testimonials-header { padding: 40px 40px 20px 40px !important; } body.block-editor-page .wp-block-columns, .wp-block-columns { padding: 0 !important; gap: 20px; } body.block-editor-page .lupae-testimonials-header h2, .lupae-testimonials-header h2 { font-family: "neue-haas-grotesk-tekst", sans-serif !important; font-weight: 600; font-style: normal; font-size: 2.25rem; } body.block-editor-page .lupae-testimonials-header p, .lupae-testimonials-header p { font-size: 1.125rem !important; padding-top: 0; } } /* Lupae testimonials header homepage */ body.block-editor-page .lupae-testimonials-header-home .wp-block-columns, .lupae-testimonials-header-home .wp-block-columns { text-align: center; } body.block-editor-page .lupae-testimonials-header h2, .lupae-testimonials-header-home h2 { text-align: center; } body.block-editor-page .lupae-testimonials-header p, .lupae-testimonials-header-home p { margin-top: 0; text-align: center; } /* Lupae testimonials slideshow */ .lupae-testimonials-slider { background: var(--lupae-color-sky); } body.block-editor-page .lupae-testimonials-stage, .lupae-testimonials-stage { max-width: 1340px; list-style: none; display: block; padding: 25px 100px 75px 100px !important; box-sizing: border-box; margin: auto; overflow: hidden; } .lupae-testimonials-owl .owl-stage { display: flex; align-items: stretch; } body.block-editor-page .lupae-testimonial, .lupae-testimonial { margin: 0 12px; border: 0; text-align: left; display: flex; box-sizing: border-box; padding: 50px; flex-direction: column; align-items: flex-start; list-style: none; background: var(--lupae-color-powder); height: 100%; } body.block-editor-page .lupae-testimonial img, .lupae-testimonial img { display: block; width: 50%; height: auto; margin-bottom: 12px; } body.block-editor-page .lupae-testimonial { margin-bottom: 25px !important; } body.block-editor-page .lupae-testimonial:nth-child(1), .owl-item:nth-child(1) .lupae-testimonial, .lupae-testimonial:nth-child(1) { border-radius: 0 50px 100px 20px; } body.block-editor-page .lupae-testimonial:nth-child(2), .owl-item:nth-child(2) .lupae-testimonial, .lupae-testimonial:nth-child(2) { border-radius: 5px 0 20px 100px; } body.block-editor-page .lupae-testimonial:nth-child(3), .owl-item:nth-child(3) .lupae-testimonial, .lupae-testimonial:nth-child(3) { border-radius: 0 50px 100px 20px; } body.block-editor-page .lupae-testimonial:nth-child(4), .owl-item:nth-child(4) .lupae-testimonial, .lupae-testimonial:nth-child(4) { border-radius: 40px 0 20px 10px; } body.block-editor-page .lupae-testimonial p, .lupae-testimonial p { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 500 !important; font-style: normal; font-size: 1.25rem; line-height: 1.4; color: var(--lupae-color-oxblood); margin: 0 0 24px 0; padding: 0; } body.block-editor-page .lupae-testimonial .lupae-testimonial-naam, .lupae-testimonial .lupae-testimonial-naam, body.block-editor-page .lupae-testimonial .lupae-testimonial-organisatie, .lupae-testimonial .lupae-testimonial-organisatie { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 500 !important; font-style: normal; font-size: 1rem; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 0; padding: 0; } .lupae-testimonials-owl .owl-nav { position: static; margin: 0; padding: 0; line-height: 0; height: 0; } .lupae-testimonials-owl .owl-nav button.owl-prev { position: absolute; left: 0; top: 50%; width: 48px; height: 48px; border-radius: 48px; border: 1px solid var(--lupae-color-powder); margin-top: -50px; font-size: 1.5rem; } .lupae-testimonials-owl .owl-nav button.owl-next { position: absolute; right: 0; top: 50%; width: 48px; height: 48px; border-radius: 48px; border: 1px solid var(--lupae-color-powder); margin-top: -50px; font-size: 1.5rem; } .lupae-testimonials-owl .owl-dots { padding: 25px 0 0 0; margin: 0; line-height: 0; text-align: center; } .lupae-testimonials-owl .owl-dots .owl-dot { width: 8px; height: 8px; margin: 5px; line-height: 0; border-radius: 20px; background: var(--lupae-color-powder); } .lupae-testimonials-owl .owl-dots .owl-dot.active { background: var(--lupae-color-oxblood); } /* Lupae testimonials slideshow < 781 */ @media screen and (max-width: 767px) { .lupae-testimonials-slider { padding-left: 10px !important; padding-right: 10px !important; } body.block-editor-page .lupae-testimonials-stage, .lupae-testimonials-stage { padding: 25px 0 50px 0 !important; } .lupae-testimonials-owl .owl-nav { display: none; } } /* Lupae testimonials logos header */ body.block-editor-page .lupae-testimonials-logo-header, .lupae-testimonials-logo-header { background: var(--lupae-color-sky); padding-bottom: 25px; } body.block-editor-page .lupae-testimonials-logo-header .wp-block-columns, .lupae-testimonials-logo-header .wp-block-columns { max-width: 1340px; box-sizing: border-box; padding: 0 50px 0 50px; align-items: center; } body.block-editor-page .lupae-testimonials-logo-header h4, .lupae-testimonials-logo-header h4, body.block-editor-page .lupae-testimonials-logo-header p, .lupae-testimonials-logo-header p { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 600 !important; font-style: normal; font-size: 1.125rem !important; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 0; text-align: center; } /* Lupae block logos header < 781 */ @media screen and (max-width: 767px) { body.block-editor-page .lupae-testimonials-logo-header .wp-block-columns, .lupae-testimonials-logo-header .wp-block-columns { padding: 0; } body.block-editor-page .lupae-testimonials-logo-header, .lupae-testimonials-logo-header { padding: 0 40px 20px 40px !important; } } /* Lupae testimonials logos */ body.block-editor-page .lupae-testimonials-logos, .lupae-testimonials-logos { text-align: center; padding: 0 0 100px 0; background: var(--lupae-color-sky); } body.block-editor-page .lupae-testimonials-logos .wp-block-image, .lupae-testimonials-logos .wp-block-image { padding: 0; margin: 12px !important; display: inline-block; max-width: 250px; vertical-align: middle; } body.block-editor-page .lupae-testimonials-logos .wp-block-image img, .lupae-testimonials-logos .wp-block-image img { padding: 0; display: inline-block; width: 100%; height: auto; } /* Lupae testimonials logos < 781 */ @media screen and (max-width: 767px) { body.block-editor-page .lupae-testimonials-logos, .lupae-testimonials-logos { padding: 0 0 40px 0; } body.block-editor-page .lupae-testimonials-logos .wp-block-image, .lupae-testimonials-logos .wp-block-image { max-width: 200px; } } /* Page headers */ /* Lupae page *tips* header */ .lupae-page-header-tips { padding: 0 0 50px 0 !important; } .lupae-page-header-tips .wp-block-columns { padding: 0 !important; margin: 0 auto 0 auto !important; } .lupae-page-header-tips .wp-block-group { padding: 0 !important; margin: 0 !important; } .lupae-page-header-tips h1 { margin: 0 !important; padding: 0 0 25px 0 !important; } .lupae-page-header-tips .wp-block-term-description p { font-weight: 500; font-size: 1.125rem !important; line-height: 150%; } @media screen and (max-width: 1340px) { .lupae-page-header-tips { padding-left: 50px !important; padding-right: 50px !important; } } @media screen and (max-width: 767px) { .lupae-page-header-tips { padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 20px !important; } .lupae-page-header-tips .wp-block-columns { gap: 0 !important; } } /* Lupae page *dienst* header */ .lupae-page-header-dienst { padding: 0 0 25px 0 !important; background: var(--lupae-color-violet); } .lupae-page-header-dienst .wp-block-columns { padding: 0 !important; margin: 0 auto 0 auto !important; } .lupae-page-header-dienst .wp-block-group { padding: 0 !important; margin: 0 !important; } .lupae-page-header-dienst h1 { margin: 0 !important; padding: 0 0 25px 0 !important; } .lupae-page-header-dienst p { font-weight: 700; font-size: 1rem !important; line-height: 140%; } .lupae-page-header-dienst p a { color: var(--lupae-color-oxblood); text-decoration: none; } .lupae-page-header-dienst p a:hover { color: var(--lupae-color-wine); text-decoration: underline; } .lupae-page-header-dienst p.wp-block-post-excerpt__excerpt { font-weight: 500; font-size: 1.125rem !important; line-height: 150%; } /* Lupae page *dienst* header < 1340 */ @media screen and (max-width: 1340px) { .lupae-page-header-dienst { padding-left: 50px !important; padding-right: 50px !important; } } /* Lupae page *dienst* header < 767 */ @media screen and (max-width: 767px) { .lupae-page-header-dienst { padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 20px !important; } .lupae-page-header-dienst .wp-block-columns { gap: 0 !important; } } /* Lupae page *tip* header */ .lupae-page-header-tip { padding: 0 0 25px 0 !important; background: var(--lupae-color-sand); } .lupae-page-header-tip .wp-block-group { padding: 0 !important; margin: 0 !important; } .lupae-page-header-tip > .wp-block-group { padding-bottom: 25px !important; } .lupae-page-header-tip h1 { margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 0 25px 0 !important; } .lupae-page-header-tip p { font-weight: 700; font-size: 1rem !important; line-height: 140%; } .lupae-page-header-tip .wp-block-post-author-name, .lupae-page-header-tip .wp-block-post-date { font-size: 1rem !important; line-height: 140%; } .lupae-page-header-tip .taxonomy-post_tag { margin: 0; padding: 0; line-height: 0; } .lupae-page-header-tip .taxonomy-post_tag a { font-size: 0.75rem !important; line-height: 100%; text-decoration: none; display: inline-block; background: var(--lupae-color-sand); color: var(--lupae-color-oxblood); padding: 4px 8px; margin: 0 8px 8px 0; font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 600; font-style: normal; font-size: 0.875rem; line-height: 1; border: 1px solid var(--lupae-color-oxblood); border-radius: 4px; } .lupae-page-header-tip .taxonomy-post_tag span { display: none; } /* Lupae page *tip* header < 1340 */ @media screen and (max-width: 1340px) { .lupae-page-header-tip { padding-left: 50px !important; padding-right: 50px !important; } } /* Lupae page *tip* header < 767 */ @media screen and (max-width: 767px) { .lupae-page-header-tip { padding-left: 20px !important; padding-right: 20px !important; padding-bottom: 20px !important; } } /* Lupae archive page */ body.archive .lupae-content { padding-top: 0 !important; } body.archive .lupae-content-tips { background: var(--lupae-color-sand); } body.archive .lupae-blok-tips { max-width: 1340px; padding: 0 100px 50px 100px !important; margin: auto; box-sizing: border-box; } body.archive .lupae-blok-tips ul { list-style: none; display: flex; flex-wrap: wrap; gap: 25px; } body.archive .lupae-blok-tips li { text-align: left; display: flex; box-sizing: border-box; flex-direction: column; align-items: flex-start; flex: 1; flex-basis: 45%; list-style: none; background: var(--lupae-color-powder); margin: 0; padding: 50px; max-width: 50%; } body.archive .lupae-blok-tips li > .wp-block-group, body.archive .lupae-blok-tips > .wp-block-group { margin: 0 !important; padding: 0 !important; } body.archive .lupae-blok-tips li:nth-child(1n) { border-radius: 0 100px 16px 50px; } body.archive .lupae-blok-tips li:nth-child(2n) { border-radius: 40px 0 0 10px; } body.archive .lupae-blok-tips li:nth-child(3n) { border-radius: 0 50px 100px 20px; } body.archive .lupae-blok-tips li:nth-child(4n) { border-radius: 5px 0 20px 100px; } body.archive .lupae-blok-tips li:nth-child(5n) { border-radius: 25px 30px 80pxpx 10px; } body.archive .lupae-block-tip-excerpt { align-self: flex-start; flex: 1; } body.archive .lupae-blok-tips .lupae-blok-tip-tags { padding: 0; line-height: 1; } body.archive .lupae-blok-tips .lupae-blok-tip-tags a { display: inline-block; background: var(--lupae-color-sand); color: var(--lupae-color-oxblood); padding: 4px 8px; margin: 0 8px 8px 0; font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 700; font-style: normal; font-size: 0.875rem; text-decoration: none; line-height: 1; border: 1px solid var(--lupae-color-oxblood); border-radius: 4px; } body.archive .lupae-blok-tips .lupae-blok-tip-tags span { display: none; } body.archive .lupae-blok-tips li h3 { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 700 !important; font-style: normal; font-size: 1.5rem !important; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 0 0 8px 0 !important; padding: 0; } body.archive .lupae-blok-tips li h3 a { display: inline-block; color: var(--lupae-color-oxblood); line-height: inherit; text-decoration: none; font-weight: inherit; } body.archive .lupae-blok-tips li h3 a:hover { color: var(--lupae-color-wine); text-decoration: none; } body.archive .lupae-blok-tips .lupae-block-tip-excerpt p { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 500; font-style: normal; font-size: 1rem; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 0 0 8px 0; padding: 0; } body.archive .lupae-blok-tips .lupae-block-tip-button { display: inline-block; font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 700; font-style: normal; font-size: 1rem; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 24px 0 0 0; padding: 0; border: 1px solid var(--lupae-color-oxblood); background: var(--lupae-color-oxblood); text-decoration: none; } body.archive .lupae-blok-tips .lupae-block-tip-button a { display: inline-block; font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 700; font-style: normal; font-size: 1rem; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 0; padding: 8px 20px; border: 0; background: var(--lupae-color-powder); text-decoration: none; border-radius: 15px 5px 25px 5px; transition: border-radius 1s, background 250ms; } body.archive .lupae-blok-tips .lupae-block-tip-button a:hover { background: var(--lupae-color-powder); border-radius: 5px 25px 10px 15px; transition: border-radius 1s, background 250ms; } /* Lupae block tips < 1240 */ @media screen and (max-width: 1240px) { body.archive .lupae-blok-tips { padding: 0 0 50px 0 !important; } } /* Lupae block tips < 781 */ @media screen and (max-width: 767px) { body.archive .lupae-blok-tips { gap: 20px; padding: 0 0 20px 0!important; } body.archive .lupae-blok-tips li { padding: 40px; flex-basis: 85%; max-width: 100%; } } /* Blocks on single pages and posts */ /* Lupae block tips en diensten on *tip* and *single post* */ .lupae-content .lupae-blok-diensten-header, .lupae-content .lupae-blok-tips-header { position: relative; margin-top: 0; padding-top: 50px; } .lupae-content .lupae-blok-diensten-header h2, .lupae-content .lupae-blok-tips-header h2 { margin-top: 0; } .lupae-content .lupae-blok-diensten-wrapper, .lupae-content .lupae-blok-tips-wrapper { position: relative; margin-top: 0; padding-bottom: 50px; } .lupae-content .lupae-blok-diensten-header .wp-block-columns , .lupae-content .lupae-blok-diensten-wrapper .wp-block-columns, .lupae-content .lupae-blok-tips-header .wp-block-columns, .lupae-content .lupae-blok-tips-wrapper .wp-block-columns { padding:50px 0 25px 0; } .lupae-content .lupae-blok-diensten, .lupae-content .lupae-blok-tips { padding: 25px 50px 50px 50px !important; } .lupae-content .lupae-blok-diensten-header:before, .lupae-content .lupae-blok-diensten-wrapper:before { content: ''; display: block !important; background: var(--lupae-color-violet); position: absolute; left: -250%; width: 500%; top: 0; height: 100%; z-index: -1; } .lupae-content .lupae-blok-tips-header:before, .lupae-content .lupae-blok-tips-wrapper:before { content: ''; display: block !important; background: var(--lupae-color-sand); position: absolute; left: -250%; width: 500%; top: 0; height: 100%; z-index: -1; } /* Lupae block tips en diensten on *tip* and *single post* < 1340 */ @media screen and (max-width: 1340px) { .lupae-content .lupae-blok-diensten-wrapper, .lupae-content .lupae-blok-tips-wrapper { padding-bottom: 0; } .lupae-content .lupae-blok-diensten-header, .lupae-content .lupae-blok-tips-header { padding-top: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .lupae-content .lupae-blok-tips, .lupae-content .lupae-blok-diensten { padding: 25px 0 50px 0 !important; } } /* Lupae block tips en diensten on *tip* and *single post* < 767 */ @media screen and (max-width: 767px) { .lupae-content .lupae-blok-diensten-header, .lupae-content .lupae-blok-tips-header { padding-top: 40px !important; padding-left: 40px !important; padding-right: 40px !important; } .lupae-content .lupae-blok-tips, .lupae-content .lupae-blok-diensten { padding: 20px 0 40px 0 !important; } .lupae-content .lupae-blok-tip, .lupae-content .lupae-blok-dienst { padding: 40px !important; } } @media screen and (max-width: 480px) { .lupae-content .lupae-blok-diensten-header, .lupae-content .lupae-blok-tips-header { padding-top: 20px !important; padding-left: 0 !important; padding-right: 0 !important; } .lupae-content .lupae-blok-tips, .lupae-content .lupae-blok-diensten { padding: 20px 0 20px 0 !important; } .lupae-content .lupae-blok-tip, .lupae-content .lupae-blok-dienst { padding: 20px !important; } } /* Testimonial block on single page */ body.block-editor-page .lupae-testimonial-single-wrapper, .lupae-content .lupae-testimonial-single-wrapper { padding: 50px; margin-top: 50px; margin-bottom: 100px; } body.block-editor-page .lupae-testimonial-single, .lupae-content .lupae-testimonial-single { margin: 0; border: 0; text-align: left; display: flex; box-sizing: border-box; padding: 50px; flex-direction: column; align-items: flex-start; list-style: none; background: var(--lupae-color-sky); border-radius: 0 50px 100px 20px; } body.block-editor-page .lupae-testimonial-single img, .lupae-content .lupae-testimonial-single img { display: block; width: 50%; height: auto; } body.block-editor-page .lupae-testimonial-single p, .lupae-content .lupae-testimonial-single p { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 500 !important; font-style: normal; font-size: 1.25rem; line-height: 1.4; color: var(--lupae-color-oxblood); margin: 0 0 24px 0; padding: 0; } body.block-editor-page .lupae-testimonial-single .lupae-testimonial-naam, .lupae-content .lupae-testimonial-single .lupae-testimonial-naam, body.block-editor-page .lupae-testimonial-single .lupae-testimonial-organisatie, .lupae-content .lupae-testimonial-single .lupae-testimonial-organisatie { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 500 !important; font-style: normal; font-size: 1rem; line-height: 1.5; color: var(--lupae-color-oxblood); margin: 0; padding: 0; } /* Testimonial block on single page < 767 */ @media screen and (max-width: 767px) { body.block-editor-page .lupae-testimonial-single-wrapper, .lupae-content .lupae-testimonial-single-wrapper { padding: 20px; margin-top: 50px; margin-bottom: 50px; } body.block-editor-page .lupae-testimonial-single, .lupae-content .lupae-testimonial-single { padding: 40px; } } /* Testimonial block on single page < 480 */ @media screen and (max-width: 480px) { body.block-editor-page .lupae-testimonial-single-wrapper, .lupae-content .lupae-testimonial-single-wrapper { padding: 0; margin-top: 40px; margin-bottom: 40px; } body.block-editor-page .lupae-testimonial-single, .lupae-content .lupae-testimonial-single { padding: 40px; } } /* Lupae content knoppen, naast elkaar */ body.block-editor-page .lupae-content-knoppen .wp-block-button, .lupae-content .lupae-content-knoppen .wp-block-button { margin: 0; } .lupae-content-knoppen .wp-block-button { background: var(--lupae-color-wine) !important; color: var(--lupae-color-wine) !important; } .lupae-content .lupae-content-knoppen .wp-block-button .wp-block-button__link { padding: 15px 25px; background: var(--lupae-color-powder) !important; color: var(--lupae-color-wine) !important; border-color: var(--lupae-color-wine); border-style: solid; border-width: 1px 2px 1px 2px; border-radius: 15px 5px 25px 5px; transition: border-radius var( --lupae-transition-button-border-radius); } .lupae-content .lupae-content-knoppen .wp-block-button .wp-block-button__link:hover { border-radius: 5px 20px 10px 25px; transition: border-radius var( --lupae-transition-button-border-radius); } .lupae-content .lupae-content-knoppen .wp-block-button:first-child { background: var(--lupae-color-wine) !important; color: var(--lupae-color-powder) !important; } .lupae-content .lupae-content-knoppen .wp-block-button:first-child .wp-block-button__link { padding: 15px 25px; background: var(--lupae-color-wine) !important; color: var(--lupae-color-powder) !important; border-color: var(--lupae-color-powder); border-style: solid; border-width: 0px 2px 1px 2px; border-radius: 5px 100px 10px 20px; transition: border-radius var( --lupae-transition-button-border-radius); } .lupae-content .lupae-content-knoppen .wp-block-button:first-child .wp-block-button__link:hover { border-radius: 20px 10px 20px 50px; transition: border-radius var( --lupae-transition-button-border-radius); } /* Lupae content knoppen, naast elkaar < 460 */ @media screen and (max-width: 460px) { .lupae-content .lupae-content-knoppen { margin-top: 20px; display: block; } .lupae-content .lupae-content-knoppen .wp-block-button, .lupae-content .lupae-content-knoppen .wp-block-button a { width: 100%; } } /* Lupae content getallen resultaat */ .lupae-content-getal-resultaat p { margin-top: 0; } /* Lupae bijschrift bij plaatjes */ .lupae-content figcaption { color: var(--lupae-color-bijschrift); font-family: "neue-haas-grotesk-display", sans-serif !important; font-weight: 400; font-style: normal; } /* Lupae content background matcha light */ .is-desktop-preview .lupae-content-matcha-light, .lupae-content .lupae-content-matcha-light { background: var(--lupae-color-matcha-light); padding-top: 100px !important; padding-bottom: 100px !important; margin-bottom: -25px; } .is-desktop-preview .lupae-content-matcha-light:before, .lupae-content .lupae-content-matcha-light:before { content: ''; display: block !important; background: var(--lupae-color-matcha-light); position: absolute; left: -250%; width: 500%; top: 0; height: 100%; z-index: -1; } .is-desktop-preview .lupae-content-matcha-light h4.lupae-roedel-naam, .lupae-content .lupae-content-matcha-light h4.lupae-roedel-naam { font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 500; font-style: normal; font-size: 2rem; margin-bottom: -15px; } @media screen and (max-width: 1340px) { .is-desktop-preview .lupae-content-matcha-light .lupae-content .lupae-content-matcha-light { padding-top: 50px !important; padding-bottom: 50px !important; } } @media screen and (max-width: 767px) { .is-desktop-preview .lupae-content-matcha-light, .lupae-content .lupae-content-matcha-light { padding-top: 20px !important; padding-bottom: 20px !important; } } @media screen and (max-width: 480px) { } /* Lupae content background violet */ .is-desktop-preview .lupae-content-violet, .lupae-content .lupae-content-violet { background: var(--lupae-color-violet); padding-top: 100px !important; padding-bottom: 100px !important; margin-bottom: -25px; } .is-desktop-preview .lupae-content-violet:before, .lupae-content .lupae-content-violet:before { content: ''; display: block !important; background: var(--lupae-color-violet); position: absolute; left: -250%; width: 500%; top: 0; height: 100%; z-index: -1; } @media screen and (max-width: 1340px) { .is-desktop-preview .lupae-content-violet .lupae-content .lupae-content-violet { padding-top: 50px !important; padding-bottom: 50px !important; } } @media screen and (max-width: 767px) { .is-desktop-preview .lupae-content-violet, .lupae-content .lupae-content-violet { padding-top: 20px !important; padding-bottom: 20px !important; } } @media screen and (max-width: 480px) { } /* Lupae content contact */ .lupae-contact-mail a, .lupae-contact-phone a { padding: 20px; border-radius: 80px; margin-bottom: -20px; } .lupae-contact-mail a:hover, .lupae-contact-phone a:hover { background: white; } /* Lupae form content nieuwsbrief widget */ .lupae-form-nieuwsbrief { border: 1px solid var(--lupae-color-oxblood); padding: 32px; } .lupae-form-nieuwsbrief h4 { margin: 0 !important; } .lupae-form-nieuwsbrief #mc_embed_signup_scroll { /* display: flex; align-items: flex-start; gap: 8px; */ margin-top: 12px; } .lupae-form-nieuwsbrief #mc_embed_signup_scroll .mc-field-group { /* display: flex; flex-direction: column; flex: 1; */ } .lupae-form-nieuwsbrief #mc_embed_signup_scroll input.email { /* flex: 1;*/ color: #333333; background: transparent !important; padding: 8px 10px; font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 500; font-style: normal; font-size: 0.9rem; box-sizing: border-box; border: 1px solid var(--lupae-color-oxblood); width: 100%; } .lupae-form-nieuwsbrief #mc_embed_signup_scroll input.email::active { background: var(--lupae-color-powder); } .lupae-form-nieuwsbrief #mc_embed_signup_scroll input.email::placeholder { color: var(--lupae-color-sienna); } .lupae-form-nieuwsbrief #mc_embed_signup_scroll .optionalParent { display: inline-block; margin-top: 8px; background: var(--lupae-color-oxblood) !important; color: var(--lupae-color-oxblood) !important; } .lupae-form-nieuwsbrief #mc_embed_signup_scroll input.button { box-sizing: border-box; padding: 8px 13px; background: var(--lupae-color-wine) !important; color: var(--lupae-color-powder) !important; border-color: var(--lupae-color-oxblood); border-style: solid; border-width: 1px 2px 1px 2px; border-radius: 15px 5px 25px 5px; transition: border-radius var( --lupae-transition-button-border-radius); font-family: "neue-haas-grotesk-text", sans-serif !important; font-weight: 600; font-style: normal; font-size: 0.9rem; min-height: 20px; display: inline-block; } .lupae-form-nieuwsbrief #mc_embed_signup_scroll input.button:hover { border-radius: 10px 15px 10px 30px; transition: border-radius var( --lupae-transition-button-border-radius); } .lupae-form-nieuwsbrief p.has-small-font-size { margin-top: 12px; } .lupae-form-nieuwsbrief .mce_inline_error { background: var(--lupae-color-violet) !important; color: var(--lupae-color-red)!important; font-size: 0.9rem; margin: 0 !important; } .lupae-form-nieuwsbrief .response { padding-top: 8px; font-size: 0.9rem; } /* Lupae form contact */ .gravity-theme input { border: 1px solid var(--lupae-color-oxblood); } .gravity-theme input[type="checkbox" i] { width: 1rem; height: 1rem; vertical-align: middle; } .gravity-theme input.gform_button { font-size: 1rem; padding: 15px 25px; background: var(--lupae-color-oxblood) !important; color: var(--lupae-color-violet) !important; border-color: var(--lupae-color-violet); border-style: solid; border-width: 1px 2px 1px 2px; border-radius: 15px 5px 25px 5px; transition: border-radius var( --lupae-transition-button-border-radius); } .gravity-theme input.gform_button:hover { border-radius: 5px 20px 10px 25px; transition: border-radius var( --lupae-transition-button-border-radius); } /* Lupae content highlight blokjes */ .lupae-content .highlightblokje-matcha h3, .lupae-content .highlightblokje-sienna h3, .lupae-content .highlightblokje-sand h3, .lupae-content .highlightblokje-wine h3 { margin-top: 0 !important; } .lupae-content .highlightblokje-matcha p, .lupae-content .highlightblokje-sienna p, .lupae-content .highlightblokje-sand p, .lupae-content .highlightblokje-wine p { margin-top: 25px; } /* Lupae content Testimonials */ body.page-id-28 { background: var(--lupae-color-sky); } body.page-id-28 .lupae-content { padding-bottom: 75px !important; } body.block-editor-page .lupae-testimonials-wrapper, body.page-id-28 .lupae-testimonials-wrapper { padding: 0; margin: 0; text-align: center; background: var(--lupae-color-sky); } body.block-editor-page .lupae-testimonials-list, body.page-id-28 .lupae-testimonials-list { max-width: 1340px; list-style: none; display: flex; flex-wrap: wrap; gap: 25px; padding: 25px 100px !important; box-sizing: border-box; margin: auto; background: var(--lupae-color-sky); } body.block-editor-page .lupae-testimonial, body.page-id-28 .lupae-testimonial { text-align: left; display: flex; box-sizing: border-box; padding: 50px; flex-direction: column; align-items: flex-start; flex: 1; flex-basis: 45%; list-style: none; background: var(--lupae-color-powder); max-width: 50%; } body.block-editor-page .lupae-testimonial:nth-child(1n), body.page-id-28 .lupae-testimonial:nth-child(1n) { border-radius: 0 50px 100px 20px; } body.block-editor-page .lupae-testimonial:nth-child(2n), body.page-id-28 .lupae-testimonial:nth-child(2n) { border-radius: 5px 0 20px 100px; } body.block-editor-page .lupae-testimonial:nth-child(3n), body.page-id-28 .lupae-testimonial:nth-child(3n) { border-radius: 0 50px 100px 20px; } body.block-editor-page .lupae-testimonial:nth-child(4n), body.page-id-28 .lupae-testimonial:nth-child(4n) { border-radius: 40px 0 20px 10px; } body.block-editor-page .lupae-testimonial:nth-child(5n), body.page-id-28 .lupae-testimonial:nth-child(5n) { border-radius: 25px 30px 80pxpx 10px; } /* Lupae content Testimonials < 1240 */ @media screen and (max-width: 1240px) { body.block-editor-page .lupae-testimonials-list, body.page-id-28 .lupae-testimonials-list { padding: 25px 50px 50px 50px !important; } } /* Lupae content Testimonials < 781 */ @media screen and (max-width: 767px) { body.block-editor-page .lupae-testimonials-list, body.page-id-28 .lupae-testimonials-list { padding: 0 !important; } body.page-id-28 .lupae-content { padding-bottom: 25px !important; } body.block-editor-page .lupae-testimonial, body.page-id-28 .lupae-testimonial { padding: 40px; flex-basis: 85%; max-width: 100%; } } /* Lupae helper class hide on mobile */ @media screen and (max-width: 767px) { body.page .lupae-hideonmobile, .lupae-content .highlightblokje-matcha, .lupae-content .highlightblokje-sienna, .lupae-content .highlightblokje-sand, .lupae-content .highlightblokje-wine { display: none !important; }