.elementor-kit-5{--e-global-color-primary:#990000;--e-global-color-secondary:#660000;--e-global-color-text:#241414;--e-global-color-accent:#990000;--e-global-typography-primary-font-family:"BR Bricolage";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"BR Bricolage";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"BR Figtree";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"BR Figtree";--e-global-typography-accent-font-weight:600;background-color:#FFFFFF;font-family:"BR Figtree", Sans-serif;font-weight:400;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --br-rood:#990000; --br-donker:#660000; --br-limoen:#99CC00; --br-geel:#FFCC00; --br-room:#F5FAE5; --br-limoen-licht:#EDF5D3; --br-geel-licht:#FFF3C4; --br-rood-licht:#F6E5E5; --br-inkt:#241414; --br-lijn:#D9C9C0; --br-wit:#FFFFFF; --font-heading:BR Bricolage; --font-body:BR Figtree; }
/* Start custom CSS *//* Bestaria Ruinen: kit-CSS (build/kit_css.py) */
@font-face { font-family: 'BR Bricolage'; font-style: normal; font-weight: 200 800; font-display: swap; src: url('/wp-content/uploads/fonts/bricolage-var-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'BR Figtree'; font-style: normal; font-weight: 300 900; font-display: swap; src: url('/wp-content/uploads/fonts/figtree-var-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'BR Bricolage Fallback'; src: local('Arial'), local('Liberation Sans'), local('Helvetica'); size-adjust: 104%; ascent-override: 92%; descent-override: 24%; line-gap-override: 0%; }
@font-face { font-family: 'BR Figtree Fallback'; src: local('Arial'), local('Liberation Sans'), local('Helvetica'); size-adjust: 100%; ascent-override: 95%; descent-override: 25%; line-gap-override: 0%; }
:root { --font-heading: 'BR Bricolage', 'BR Bricolage Fallback', sans-serif; --font-body: 'BR Figtree', 'BR Figtree Fallback', sans-serif; --br-ease: cubic-bezier(.23,1,.32,1); }
body { background-color: #ffffff; }
h1.e-heading-base, h2.e-heading-base, h3.e-heading-base, h4.e-heading-base, .e-button-base, .bk-cat h2, .bk-actie-naam { font-family: 'BR Bricolage', 'BR Bricolage Fallback', sans-serif !important; font-variation-settings: 'opsz' 48; }
h1.e-heading-base, h2.e-heading-base, h3.e-heading-base, h4.e-heading-base { color: #241414; font-weight: 800; letter-spacing: -0.01em; text-wrap: balance; }
h1.e-heading-base { font-size: clamp(2.3rem, 4.6vw, 3.7rem); line-height: 1.02; font-variation-settings: 'opsz' 96; } h2.e-heading-base { font-size: clamp(1.75rem, 3vw, 2.4rem); line-height: 1.08; } h3.e-heading-base { font-size: 1.3rem; line-height: 1.2; }
p.e-paragraph-base, .e-paragraph-base, body, input, textarea, select, button { font-family: 'BR Figtree', 'BR Figtree Fallback', sans-serif; }
p.e-paragraph-base, .e-paragraph-base, body { color: #241414; font-size: 1.06rem; line-height: 1.6; }
.e-paragraph-base:empty { display: none; }
.e-paragraph-base a { color: #990000; text-underline-offset: 3px; } #site-footer .e-paragraph-base a, [id^=kop] .e-paragraph-base a { color: #FFCC00; }
/* puntzakstrepen */
[id^='streep-'] { background-image: repeating-linear-gradient(90deg, #990000 0 24px, #ffffff 24px 48px) !important; }
#site-footer [id^='streep-'] { background-image: repeating-linear-gradient(90deg, #660000 0 24px, #ffffff 24px 48px) !important; }
/* knoppen: druk-feedback en eigen easing (geen transition: all) */
.e-button-base { transition: background-color .2s var(--br-ease), color .2s var(--br-ease), border-color .2s var(--br-ease), transform .16s var(--br-ease); -webkit-tap-highlight-color: transparent; white-space: nowrap; }
.e-button-base:active { transform: scale(.97); }
.e-button-base[href^='#content'] { white-space: nowrap; }
/* menu */
.elementor-nav-menu--main .elementor-item { font-family: 'BR Bricolage', 'BR Bricolage Fallback', sans-serif !important; font-weight: 700 !important; font-size: 16px !important; color: #241414 !important; padding: 10px 12px !important; background: transparent !important; border-radius: 999px; transition: background-color .2s var(--br-ease), color .2s var(--br-ease); }
.elementor-nav-menu--main .elementor-item:hover, .elementor-nav-menu--main .elementor-item:focus { padding: 10px 12px !important; }
.elementor-nav-menu--main .elementor-item:before, .elementor-nav-menu--main .elementor-item:after { display: none !important; content: none !important; }
.elementor-nav-menu--main .elementor-item:hover, .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-nav-menu--main li.current-menu-ancestor > .elementor-item, .elementor-nav-menu--main .elementor-item.highlighted { color: #990000 !important; background: #F6E5E5 !important; }
.elementor-nav-menu--main .sub-menu { background: #ffffff; border-radius: 16px; padding: 8px !important; min-width: 250px; border: 1px solid #D9C9C0; box-shadow: 0 18px 40px rgba(36,20,20,.12); }
.elementor-nav-menu--main .sub-menu a.elementor-sub-item { font-family: 'BR Figtree', sans-serif !important; font-weight: 600 !important; font-size: 15px !important; color: #241414 !important; padding: 9px 14px !important; border-radius: 10px; }
.elementor-nav-menu--main .sub-menu a.elementor-sub-item:hover, .elementor-nav-menu--main .sub-menu a.elementor-sub-item.elementor-item-active { background: #F6E5E5 !important; color: #990000 !important; }
/* mobiel menu: paneel onder de header in de huisstijl */
.elementor-widget-nav-menu { position: static !important; }
.elementor-menu-toggle { width: 48px; height: 48px; padding: 0 !important; border: 0 !important; border-radius: 999px !important; background-color: #990000 !important; color: #ffffff !important; transition: background-color .2s var(--br-ease), transform .16s var(--br-ease); }
.elementor-menu-toggle:hover, .elementor-menu-toggle:focus, .elementor-menu-toggle.elementor-active { background-color: #660000 !important; color: #ffffff !important; }
.elementor-menu-toggle:active { transform: scale(.97); }
.elementor-menu-toggle svg { width: 22px !important; height: 22px !important; fill: currentColor !important; }
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { position: fixed !important; left: 0 !important; right: 0 !important; top: 76px !important; bottom: 0 !important; width: auto !important; height: auto !important; max-height: none !important; margin: 0 !important; z-index: 300; background-color: #ffffff !important; border-top: 0; padding: 0 16px 40px !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch; background-image: repeating-linear-gradient(90deg, #990000 0 24px, #ffffff 24px 48px); background-size: 100% 12px; background-repeat: no-repeat; padding-top: 22px !important; }
@media (max-width: 767px) { nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { top: 76px !important; } }
nav.elementor-nav-menu--dropdown .elementor-nav-menu { width: 100% !important; }
nav.elementor-nav-menu--dropdown .sub-arrow { padding: 10px 14px !important; margin-left: auto; }
nav.elementor-nav-menu--dropdown .elementor-item { display: flex !important; align-items: center; }
nav.elementor-nav-menu--dropdown .elementor-nav-menu li { border: 0 !important; }
nav.elementor-nav-menu--dropdown a.elementor-item { font-family: 'BR Bricolage', sans-serif !important; font-weight: 800 !important; font-size: 1.35rem !important; color: #241414 !important; padding: 12px 14px !important; border: 0 !important; border-radius: 12px; justify-content: flex-start; text-align: left; background-color: transparent !important; }
nav.elementor-nav-menu--dropdown a.elementor-sub-item { font-family: 'BR Figtree', sans-serif !important; font-weight: 600 !important; font-size: 1.05rem !important; padding-left: 28px !important; }
nav.elementor-nav-menu--dropdown a.elementor-item:hover, nav.elementor-nav-menu--dropdown a.elementor-item.elementor-item-active, nav.elementor-nav-menu--dropdown a.elementor-item.highlighted { background-color: #F6E5E5 !important; color: #990000 !important; }
nav.elementor-nav-menu--dropdown a.elementor-item:before, nav.elementor-nav-menu--dropdown a.elementor-item:after { display: none !important; }
/* acties van de maand (mu-plugin) */
.bk-acties { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
@media (max-width: 1024px) { .bk-acties { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 560px) { .bk-acties { grid-template-columns: 1fr; } }
.bk-actie { background: #EDF5D3; border-radius: 18px; padding: 24px 24px 96px; position: relative; display: flex; flex-direction: column; gap: 6px; min-height: 230px; }
.bk-soort { margin: 0; font-weight: 600; font-size: .95rem; color: #3F5200; }
.bk-actie-naam { margin: 0; font-size: 1.4rem; line-height: 1.15; font-weight: 800; color: #241414; }
.bk-actie-omschr { margin: 0; font-size: 1rem; line-height: 1.5; }
.bk-ruit { position: absolute; right: 22px; bottom: 22px; margin: 0; width: 78px; height: 78px; display: grid; place-items: center; }
.bk-ruit::before { content: ''; position: absolute; inset: 9px; background: #FFCC00; transform: rotate(45deg); border-radius: 8px; }
.bk-ruit span { position: relative; font-family: 'BR Bricolage', sans-serif; font-weight: 800; font-size: 1.1rem; color: #241414; white-space: nowrap; }
.bk-geldig { margin: 18px 0 0; font-size: .98rem; color: #241414; }
/* openingstijden (mu-plugin) */
.bk-week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 8px; }
@media (max-width: 1024px) and (min-width: 768px) { .bk-week { gap: 6px; } } @media (max-width: 767px) { .bk-week { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.bk-wdag { background: rgba(255,255,255,.6); border-radius: 14px; padding: 12px 6px; display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; color: #241414; font-variant-numeric: tabular-nums; }
.bk-wnaam { font-family: 'BR Bricolage', sans-serif; font-weight: 800; font-size: 1.35rem; text-decoration: none !important; border: 0; line-height: 1.1; margin-bottom: 4px; }
.bk-wtijd { font-weight: 600; font-size: 1rem; line-height: 1.3; } .bk-wtot { font-size: .82rem; line-height: 1.2; } .bk-wdicht { font-weight: 600; }
.bk-wdag.bk-dicht { background: transparent; border: 2px dashed rgba(36,20,20,.35); }
.bk-wdag.bk-vandaag { background: #990000; color: #ffffff; } .bk-wvandaag { font-size: .8rem; font-weight: 700; margin-top: 4px; }
#site-footer .bk-noot { margin-top: 12px; color: #241414; }
#kop-home .bk-actie { background: #F5FAE5; } #kop-home .bk-geldig { color: #F5FAE5; margin-top: 4px; }
.bk-dagen { margin: 0; display: flex; flex-direction: column; }
.bk-dag { display: flex; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px dashed rgba(36,20,20,.28); }
.bk-dag dt { font-weight: 600; } .bk-dag dd { margin: 0; font-variant-numeric: tabular-nums; }
.bk-dicht dd { opacity: .75; }
.bk-vandaag { font-weight: 700; } .bk-vandaag dt, .bk-vandaag dd { font-weight: 800; color: #990000; }
.bk-label-vandaag { font-weight: 600; }
.bk-noot { margin: 14px 0 0; font-size: .98rem; }
.bk-status { display: flex; align-items: center; gap: 10px; margin: 0; min-height: 1.6em; font-family: 'BR Bricolage', sans-serif; font-weight: 800; font-size: 1.2rem; line-height: 1.25; color: #241414; }
.bk-lamp { width: 14px; height: 14px; border-radius: 50%; background: #8a7a74; flex: 0 0 auto; } .bk-open .bk-lamp { background: #3F7A00; box-shadow: 0 0 0 4px rgba(153,204,0,.45); } .bk-dicht .bk-lamp { background: #990000; }
.bk-kort { list-style: none; margin: 0; padding: 0; color: #F5FAE5; } .bk-kort li { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; font-size: .98rem; } .bk-kort li span:last-child { white-space: nowrap; }
/* menukaart als menubord (mu-plugin) */
.bk-lijst { list-style: none; margin: 0; padding: 0; }
.bk-lijst li { padding: 10px 0; break-inside: avoid; }
.bk-regel { display: flex; align-items: baseline; gap: 10px; }
.bk-naam { font-weight: 600; color: #241414; }
.bk-puntjes { flex: 1 1 auto; min-width: 20px; border-bottom: 2px dotted rgba(36,20,20,.4); transform: translateY(-4px); }
.bk-prijs { font-family: 'BR Bricolage', sans-serif; font-weight: 800; color: #990000; white-space: nowrap; font-variant-numeric: tabular-nums; }
.bk-omschr { display: block; font-size: .95rem; line-height: 1.45; color: #5a4646; margin-top: 2px; max-width: 46ch; }
.bk-menu .bk-lijst { columns: 2; column-gap: 56px; } @media (max-width: 900px) { .bk-menu .bk-lijst { columns: 1; } }
.bk-kaart { display: flex; flex-direction: column; gap: 0; }
.bk-cat { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 48px; padding: 48px 0; border-top: 2px solid #D9C9C0; scroll-margin-top: 150px; }
.bk-cat:first-child { border-top: 0; padding-top: 0; }
@media (max-width: 900px) { .bk-cat { grid-template-columns: 1fr; gap: 16px; padding: 36px 0; } }
.bk-cat h2 { margin: 0 0 10px; font-size: clamp(1.7rem, 3vw, 2.3rem); line-height: 1.08; font-weight: 800; color: #241414; }
.bk-cat-kop p { margin: 0 0 10px; } .bk-cat .bk-lijst { columns: 2; column-gap: 48px; } @media (max-width: 1100px) { .bk-cat .bk-lijst { columns: 1; } }
.bk-meer a { font-family: 'BR Bricolage', sans-serif; font-weight: 800; color: #990000; text-decoration: none; } .bk-meer a:hover { color: #660000; text-decoration: underline; text-underline-offset: 4px; }
/* mobiel menu openen zonder scaleY(0): opacity + kleine verschuiving */
.elementor-menu-toggle:not(.elementor-active) + .elementor-nav-menu__container { transform: translateY(-8px) !important; opacity: 0; visibility: hidden; }
.elementor-menu-toggle.elementor-active + .elementor-nav-menu__container { transform: none !important; opacity: 1; visibility: visible; transition: opacity .2s var(--br-ease), transform .2s var(--br-ease), visibility 0s !important; }
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container { max-height: none !important; transition: opacity .16s var(--br-ease), transform .16s var(--br-ease), visibility 0s linear .16s !important; }
.elementor-nav-menu--main .menu-bel { display: none !important; }
nav.elementor-nav-menu--dropdown .menu-bel { margin-top: 14px; } nav.elementor-nav-menu--dropdown .menu-bel a.elementor-item { background-color: #FFCC00 !important; color: #241414 !important; border-radius: 999px; justify-content: center; font-size: 1.15rem !important; }
@media (max-width: 560px) { #kop-home .bk-acties { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin-right: -16px; padding-right: 16px; scrollbar-width: none; } #kop-home .bk-actie { flex: 0 0 80%; scroll-snap-align: start; min-height: 200px; } }
/* header in twee lagen: statusbalk + menubalk met gecentreerd logo */
@media (min-width: 1025px) { #nav-mobiel, #hero-status { display: none !important; } }
@media (max-width: 1024px) { #topbalk, #nav-links, #nav-rechts { display: none !important; } }
#topbalk .bk-status { color: #ffffff; font-family: 'BR Figtree', sans-serif; font-weight: 700; font-size: .98rem; min-height: 0; } #topbalk .bk-lamp { width: 10px; height: 10px; } #topbalk .bk-open .bk-lamp, #topbalk .bk-status.bk-open .bk-lamp { background: #99CC00; box-shadow: 0 0 0 3px rgba(153,204,0,.35); } #topbalk .bk-dicht .bk-lamp { background: #FFCC00; }
.elementor-nav-menu--main .elementor-nav-menu { gap: 2px; }
#site-footer p.e-paragraph-base, #topbalk p.e-paragraph-base { margin: 0; } #site-footer .e-button-base { line-height: 1.3; }
.e-accordion-item-icon { margin-top: 2px; } #kaart a h3.e-heading-base { line-height: 1.2; margin: 0; }
/* browseroppervlakken in de huisstijl */
::selection { background: #FFCC00; color: #241414; } html { caret-color: #990000; accent-color: #990000; }
/* tikdoelen */
@media (max-width: 767px) { #site-footer nav .e-button-base { min-height: 44px; display: inline-flex; align-items: center; } }
/* opsommingsruitjes (geen unicode-glyph) */
.br-ruit { width: 10px; height: 10px; background: #990000; transform: rotate(45deg); flex: 0 0 auto; margin-top: .55em; border-radius: 2px; } .bg-donker .br-ruit { background: #FFCC00; }
/* overig */
.e-button-base[class*='link'], a.e-button-base { text-underline-offset: 4px; }
.e-heading-base a { text-decoration: none !important; }
.e-accordion-item-icon { transition: transform .25s var(--br-ease); } details[open] > summary .e-accordion-item-icon, .e-accordion-item[open] .e-accordion-item-icon { transform: rotate(180deg); }
a:focus-visible, button:focus-visible, .e-button-base:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid #241414; outline-offset: 3px; box-shadow: 0 0 0 6px #FFCC00; }
input:not([type=submit]), textarea, select { border: 2px solid #8C7A74 !important; border-radius: 12px !important; }
input:focus, textarea:focus, select:focus { border-color: #990000 !important; outline: none; }
@media (max-width: 767px) { h1.e-heading-base, h2.e-heading-base, h3.e-heading-base { hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; } .e-button-base { white-space: normal; } }
.e-button-base, .e-paragraph-base { max-width: 100%; min-width: 0; overflow-wrap: break-word; }
html { scroll-behavior: smooth; scroll-padding-top: 150px; } @media (max-width: 1024px) { html { scroll-padding-top: 90px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .elementor-menu-toggle + .elementor-nav-menu__container { transform: none !important; } .e-button-base, .elementor-menu-toggle, .e-accordion-item-icon { transition-property: background-color, color, border-color !important; } .e-button-base:active, .elementor-menu-toggle:active { transform: none; } }/* End custom CSS */