/* Jures Techniek — huisstijl bovenop YOOtheme Pro (Teun / Domain-Deal, 22-10-2026)
   Kleuren uit de oude site (yoo_luna lightblue): primair #0091B1, navbar #98CBDC, toolbar #BCE2F1, tekst #444445 */
:root {
  --j-primary: #0091b1;
  --j-primary-dark: #007a96;
  --j-heading2: #2c7d8c; /* oud h2/paneltitel rgb(44,125,140) (r4) */
  --j-navbar: #98cbdc;
  --j-toolbar: #bce2f1;
  --j-text: #444445;
  --j-panel: #f7f8fa;
}

html { overflow-x: hidden; }
body, html { font-family: 'Open Sans', -apple-system, 'Segoe UI', Roboto, sans-serif; font-weight: 300; color: var(--j-text); font-size: 16px; line-height: 1.6; }
body {
  /* stippelachtergrond zoals de oude site */
  background: #fff radial-gradient(#cfd8de 1px, transparent 1.2px) 0 0 / 50px 50px;
}
.tm-page { background: transparent; }
strong, b { font-weight: 600; }

h1, h2, h3, h4, h5, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-card-title, .uk-article-title, .uk-heading-small, .uk-heading-medium {
  font-family: 'Poppins', sans-serif; font-weight: 300; letter-spacing: 0; text-transform: none;
}
/* Kopmaten exact als oud (Bente r4, gemeten met getComputedStyle op www.jures.nl): omslag mobiel bij max-width 600px */
h1, .uk-h1 { color: var(--j-primary); font-size: 48px; line-height: 62px; }
.uk-article-title { color: var(--j-primary); font-size: 36px; line-height: 50px; font-weight: 400; }
h2, .uk-h2 { color: var(--j-heading2); font-size: 24px; line-height: 36px; }
h3, .uk-h3 { color: var(--j-primary); font-size: 18px; line-height: 26px; }
.uk-card-title { color: var(--j-primary); font-size: 18px; line-height: 24px; }
@media (max-width: 600px) {
  h1, .uk-h1, .uk-article-title { font-size: 20px; line-height: 30px; }
  h2, .uk-h2 { font-size: 18px; line-height: 24px; }
}
a, .uk-link { color: var(--j-primary); }
a:hover, .uk-link:hover { color: var(--j-primary-dark); }

/* Knoppen: blauwe pil zoals 'Lees verder over Jures' */
.uk-button-primary, .uk-button-default, .wpcf7-submit {
  font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 14px; text-transform: none; letter-spacing: 0;
  background: var(--j-primary); color: #fff; border: 0; border-radius: 500px; padding: 0 25px; line-height: 44px;
}
.uk-button-primary:hover, .uk-button-default:hover, .wpcf7-submit:hover { background: var(--j-primary-dark); color: #fff; }

/* Toolbar */
.tm-toolbar { background: var(--j-toolbar); color: var(--j-primary); font-family: 'Poppins', sans-serif; font-size: 13px; padding: 7px 0; }
.tm-toolbar a { color: var(--j-primary); }
.tm-toolbar a:hover { color: var(--j-primary-dark); text-decoration: none; }
.tm-toolbar .j-toolbar-item { margin-right: 18px; white-space: nowrap; }
.tm-toolbar .j-toolbar-item [uk-icon], .tm-toolbar .j-toolbar-item svg { margin-right: 4px; }
.tm-toolbar .j-social a { margin-left: 8px; }
.tm-toolbar .j-social .j-sep { margin-left: 8px; }

/* Header + navbar */
.tm-header .uk-navbar-container, .tm-header-mobile .uk-navbar-container, .tm-header-mobile { background: var(--j-navbar); }
.tm-header { background: var(--j-navbar); }
.tm-header .uk-navbar-nav { gap: 0; }
.tm-header .uk-navbar-nav > li > a {
  font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 14px; text-transform: none; letter-spacing: 0;
  color: #fff; min-height: 92px; padding: 0 15px;
}
.tm-header .uk-navbar-nav > li > a::before { content: "\00BB"; margin-right: 4px; }
.tm-header .uk-navbar-nav > li:hover > a, .tm-header .uk-navbar-nav > li > a[aria-expanded="true"] { color: #fff; opacity: .85; }
.tm-header .uk-navbar-nav > li.uk-active > a { color: #fff; font-weight: 500; }
.tm-header .uk-navbar-nav > li.uk-active > a span, .tm-header .uk-navbar-nav > li.uk-active > a { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 2px; }
.tm-header .uk-navbar-dropdown, .uk-navbar-dropdown { background: #fff; border-top: 3px solid var(--j-primary); box-shadow: 0 6px 20px rgba(0,0,0,.08); }
.uk-navbar-dropdown-nav > li > a { color: var(--j-text); font-family: 'Poppins', sans-serif; font-weight: 300; }
.uk-navbar-dropdown-nav > li > a:hover, .uk-navbar-dropdown-nav > li.uk-active > a { color: var(--j-primary); }
.tm-header .uk-logo img, .tm-header-mobile .uk-logo img { display: block; }
.tm-header .uk-navbar-toggle, .tm-header-mobile .uk-navbar-toggle, .tm-header .uk-search-toggle { color: #fff; }
.tm-header .uk-navbar-item.uk-logo { padding: 0 30px; }

/* Mobiel menu (offcanvas) */
.uk-offcanvas-bar, .tm-header-mobile .uk-dropbar { background: var(--j-navbar); }
.uk-offcanvas-bar .uk-nav-default > li > a, .uk-offcanvas-bar .uk-nav > li > a, .uk-offcanvas-bar .uk-nav-sub a { color: #fff; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 17px; }

/* Hero (teamfoto) over de volle breedte, met lichtblauwe banden */
.tm-hero {
  position: relative; left: 50%; width: 100vw; margin-left: -50vw; background: #fff;
  margin-top: -40px; margin-bottom: 0 !important;
}
.tm-hero img { display: block; width: 100%; max-width: 1600px; height: auto; margin: 0 auto; }
@media (min-width: 960px) { .tm-hero { margin-top: -70px; } }

/* Inhoud: op de home in lichtgrijs paneel zoals de oude site; elders transparant */
.home .tm-main .uk-article, .tm-main .j-panel { background: var(--j-panel); padding: 25px 20px; }
@media (min-width: 960px) { .home .tm-main .uk-article, .tm-main .j-panel { padding: 35px 35px; } }
.tm-main .uk-article:has(.tm-hero) { padding-top: 0; }
.tm-main .uk-article:has(.tm-hero) > .uk-margin-medium { margin-top: 0; }
.tm-main .uk-article:has(.tm-hero) .tm-hero + h1 { margin-top: 40px; }
.uk-article-meta, .uk-text-meta { color: #888; }
.uk-card-default { background: #fff; box-shadow: none; border: 1px solid #e6eaee; }
.uk-card-default.uk-card-hover:hover { box-shadow: 0 8px 22px rgba(0,0,0,.07); }

/* Formulieren */
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 textarea, .wpcf7 select {
  width: 100%; border: 1px solid #d5dde3; background: #fff; padding: 8px 10px; font: inherit; color: var(--j-text); box-sizing: border-box;
}
.wpcf7 textarea { min-height: 140px; }

/* Footer: blauwe blokken + onderregel */
.tm-bottom { background: transparent; }
.j-footer-box { background: var(--j-primary); color: #fff; padding: 30px 35px; height: 100%; box-sizing: border-box; }
.j-footer-box h3, .j-footer-box .uk-h3 { color: #fff; font-size: 18px; line-height: 24px; margin-top: 0; }
.j-footer-box .j-footer-name { font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 24px; line-height: 36px; margin: 0 0 15px; color: #fff; }
.j-footer-box a { color: #fff; }
.j-footer-box a:hover { color: #e6f4f8; }
.j-footer-box ul { padding-left: 20px; margin: 0; }
.j-footer-box .j-contact-list { list-style: none; padding: 0; }
.j-footer-box .j-contact-list li { display: flex; gap: 14px; margin-bottom: 6px; }
.j-footer-box img { display: block; width: 100%; height: auto; }
.j-footer-bottom { border-top: 1px solid #e3e7ea; margin-top: 50px; padding-top: 40px; font-size: 15px; }
.j-footer-bottom .j-legal { font-size: 12px; }
.j-footer-bottom .j-vca { width: 90px; height: auto; margin-top: 15px; }

/* Productpagina's: gecentreerde titel, productfoto in lichtblauw kader zoals de oude site */
.uk-article-title { text-align: center; margin-bottom: 30px; }
.uk-article img[class*="uk-align-right"], .uk-article img[class*="uk-align-left"] {
  border: 4px solid var(--j-navbar); padding: 20px; background: #fff; box-sizing: border-box; height: auto;
}
.uk-article p:empty, .uk-article p:has(> a:empty:only-child) { display: none; }

/* Home: blokken met lichtblauwe banden en fotostrook, zoals de oude site */
.home .tm-main .uk-article { background: transparent; padding: 0; }
.home .tm-main .uk-article > .uk-margin-medium { margin-top: 0; }
.j-block { background: var(--j-panel); padding: 25px 20px; margin: 0 0 40px; }
@media (min-width: 960px) { .j-block { padding: 35px 35px; margin-bottom: 60px; } }
.tm-hero + .j-block { margin-top: 0; }
.j-block-title { text-align: center; color: var(--j-primary); font-size: 48px; line-height: 62px; margin: 10px 0 30px; }
@media (max-width: 600px) { .j-block-title { font-size: 20px; line-height: 30px; } }
.j-band { position: relative; left: 50%; width: 100vw; margin-left: -50vw; height: 10px; background: var(--j-toolbar); margin-bottom: 60px; }
.j-parallax + .j-band { margin-bottom: 60px; }
.j-band:has(+ .j-parallax) { margin-bottom: 0; }
.j-parallax { position: relative; left: 50%; width: 100vw; margin-left: -50vw; height: 200px; background-size: cover; background-position: center; }
@media (min-width: 960px) and (hover: hover) { .j-parallax { height: 400px; background-attachment: fixed; } }
.j-block .uk-card-default { border: 0; background: transparent; }
.j-block .uk-card-title { color: var(--j-heading2); font-size: 18px; line-height: 24px; }
.j-block .uk-card-body { background: var(--j-panel); padding: 20px 0 0; }
.j-block .uk-card-hover:hover { box-shadow: none; }
.j-block .uk-card-hover:hover .uk-card-media-top img { opacity: .9; }
.j-block .uk-card-media-top { background: #fff; text-align: center; }
.uk-button-small { line-height: 36px; padding: 0 20px; font-size: 12px; }

/* ---- Ronde 1 Bente (22-10) ---- */
/* Mobiele kop home (oude module Header_mobiel): Bel direct / Mail ons / Navigeer */
.j-mobile-cta { margin: 0 0 25px; }
.j-mobile-cta ul { display: inline-block; text-align: left; margin: 0; }
.j-mobile-cta { text-align: center; }
.j-mobile-cta li a { display: flex; align-items: center; gap: 14px; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 1.25rem; color: var(--j-primary); text-decoration: none; }
.j-mobile-cta li a [uk-icon] { color: #444445; }
/* Terug naar boven (rechtsonder, zoals oud) */
.j-footer-bottom { position: relative; }
.j-totop { position: absolute; right: 0; top: 40px; color: #444445; }
.j-totop:hover { color: var(--j-primary); }
/* Vacatureformulier horizontaal, zoals oud (label links, veld rechts) */
.j-form .uk-form-label { font-size: 14px; text-transform: none; letter-spacing: 0; color: #444445; }
.j-form .uk-input { max-width: 330px; border-radius: 20px; background: #eef0f3; border-color: #eef0f3; }
.j-form .uk-form-label strong { font-weight: 400; }
.j-form .wpcf7-list-item { margin: 0; }
@media (min-width: 640px) { .j-form.uk-form-horizontal .uk-form-label { width: 150px; } .j-form.uk-form-horizontal .uk-form-controls { margin-left: 165px; } }
/* Zoekicoon in de navbar wit, zoals de menu-items */
.tm-header .uk-navbar-container [uk-search-icon], .tm-header .uk-search-toggle, .tm-header .uk-search-icon { color: #fff; }
.j-form > .uk-margin, .j-form .uk-margin { display: flow-root; }
.j-form .wpcf7-submit { background: var(--j-primary); color: #fff; border-radius: 20px; }
.j-form .wpcf7-submit:hover { background: var(--j-primary-dark); }
/* Bente r2 #5: YOOtheme-regel voor WooCommerce (input[type=submit]:not(...)) maakte de knop grijs; deze selector weegt zwaarder */
.j-form .uk-form-controls input[type=submit].wpcf7-submit { background: var(--j-primary); color: #fff; }
.j-form .uk-form-controls input[type=submit].wpcf7-submit:hover { background: var(--j-primary-dark); color: #fff; }
/* Nieuws: metaregel "Geschreven op 07 maart 2014." en titel links, zoals oud */
.uk-article-meta { text-transform: none; letter-spacing: 0; font-size: 14px; }
.single-post .uk-article-title, .blog .uk-article-title { text-align: left; }

/* Stef/V-16a: kop "Nieuws" boven het nieuwsoverzicht */
.blog .j-blog-title { text-align: left; margin-bottom: 0; }
.blog .uk-button-text { text-transform: none; letter-spacing: 0; font-size: 15px; font-family: inherit; color: var(--j-primary); }

/* Vacatures (accordion) zoals oud: h3-titel Poppins 18px met lijn eronder; maten gemeten op oud (Bente r3-2) */
.jures-vacatures > li > .uk-accordion-title {
  font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 18px; line-height: 1.4;
  margin: 0; padding: 5px 0; border-bottom: 1px solid rgba(159,165,173,.2); color: var(--j-primary); cursor: pointer;
}
/* open vacature: donkere lijn onder de titel (oud .uk-active: 1px #444445) */
.jures-vacatures > li.uk-open > .uk-accordion-title { border-bottom-color: #444445; }
/* vacaturefoto zonder lichtblauw productkader, 212 px breed zoals oud */
.uk-article .jures-vacatures img[class*="uk-align-right"] { border: 0; padding: 0; background: none; border-radius: 1px; }
@media (min-width: 960px) { .uk-article .jures-vacatures img[class*="uk-align-right"] { width: 212px; } }

/* ---- Ronde 5 Bente (23-10), maten gemeten met getComputedStyle op www.jures.nl ---- */
/* r5-1: H2 op mobiel #0091b1 (oud custom.css), desktop blijft #2c7d8c */
@media (max-width: 600px) { h2, .uk-h2 { color: var(--j-primary); } }
/* r5-2: Bel direct / Mail ons / Navigeer: oud h3 18/26 */
.j-mobile-cta li a, .j-mobile-cta li a span { font-size: 18px; line-height: 26px; }
/* r5-3: tekst onder de tegeltitels (home + /producten): oud p 16/24 */
.uk-card-body .uk-text-small { font-size: 16px; line-height: 24px; }
/* r5-4: knoppen "Lees meer" en "Lees verder over Jures": oud 13px, hoogte 43px, gewicht 300 */
.uk-button-primary, .uk-button-small, .uk-button-primary.uk-button-small { font-size: 13px; line-height: 43px; font-weight: 300; }
/* r5-5: home op mobiel: "Onze producten/diensten" links (oud ≤600 links, ≥601 midden);
   lichtblauwe banden en fotostrook zoals oud (uk-hidden-small) pas vanaf 768px */
@media (max-width: 600px) { .j-block-title { text-align: left; margin-top: 0; } }
@media (max-width: 767px) { .j-band, .j-parallax { display: none; } }
/* r5-6: tegeltitels op /producten gelijk aan de home-tegels (#2c7d8c) */
.uk-card .uk-card-title, .uk-link-toggle .uk-card-title { color: var(--j-heading2); }
/* r5-7: NIET aangepast: de herhaalde tekst-H1 op oud nieuws 16/20 meet 48/62 w300 (mobiel 20/30 w300) = nieuw h2.uk-h1 via h1,.uk-h1 */
@media (max-width: 959px) { .j-block { padding: 20px; } } /* oud uk-panel-box 20px rondom */
/* r5 eigen vondst: los nieuwsbericht heeft op oud de titel gecentreerd (overzicht /nieuws blijft links, zoals oud) */
.single-post .uk-article-title { text-align: center; }
/* r5 eigen vondst: knop Verstuur oud 13px, hoogte 43px, gewicht 300 */
.j-form .uk-form-controls input[type=submit].wpcf7-submit { font-size: 13px; font-weight: 300; line-height: 43px; height: 43px; padding-top: 0; padding-bottom: 0; border: 0; }

/* ---- Ronde 6 Bente (23-10): volledige stijlmeting, maten gemeten met getComputedStyle op www.jures.nl ---- */
/* r6-1: toolbar mail/telefoon gewicht 500; Facebook/LinkedIn #1394cd (oud) */
.tm-toolbar { font-weight: 500; }
.tm-toolbar .j-social a, .tm-toolbar .j-social a svg { color: #1394cd; }
/* r6-2: hoofdmenu 13px, actief item vet 700 (Poppins 700 lokaal) */
.tm-header .uk-navbar-nav > li > a { font-size: 13px; }
.tm-header .uk-navbar-nav > li.uk-active > a { font-weight: 700; }
/* r6-3: tegels home (producten + diensten): tekst #444445, kolomafstand 35px (oud uk-grid 35px, ook verticaal), knop "Lees meer" padding 0 25px */
.uk-card-default, .uk-card-default .uk-card-body { color: var(--j-text); }
.j-block .uk-grid-small { margin-left: -35px; }
.j-block .uk-grid-small > * { padding-left: 35px; }
.j-block .uk-grid-small > .uk-grid-margin { margin-top: 35px; }
.uk-button-small, .uk-button-primary.uk-button-small { padding: 0 25px; }
/* r6-4: links in de tekst #1394cd (oud); toolbar, menu, footerblokken en tegeltitels houden hun eigen kleur */
:root { --j-link: #1394cd; }
a, .uk-link { color: var(--j-link); }
.j-footer-bottom { font-size: 16px; }
.j-footer-bottom .j-legal { font-size: 10.6667px; line-height: 24px; }
.j-footer-bottom .j-legal a { color: var(--j-link); }
/* r6-5: "Geschreven op …" Poppins 13px w300 #cdced2, direct onder de titel; los bericht gecentreerd (oud) */
.uk-article-meta { font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 300; line-height: 20px; color: #cdced2; }
.uk-article-meta.uk-margin-top { margin-top: 0 !important; }
.single-post .uk-article-meta { text-align: center; }
/* r6-5: paginanummers /nieuws zoals oud: Open Sans 13px, rondjes, actief blauw, gecentreerd */
.uk-pagination { justify-content: center; margin-left: 0; }
.uk-pagination > * { padding-left: 5px; }
.uk-pagination > :first-child { padding-left: 0; }
.uk-pagination .page-numbers, .uk-pagination > * > a, .uk-pagination > * > span {
  font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 300; line-height: 24px; color: var(--j-text);
  display: inline-block; min-width: 28px; box-sizing: border-box; padding: 2px 10px; border-radius: 14px; text-align: center;
}
.uk-pagination .page-numbers.current, .uk-pagination > .uk-active > span { background: #0091b0; color: #fff; }
/* r6-6: vacatureformulier zoals oud: labels Open Sans 16px (w400 desktop, w300 mobiel), velden lichtgrijs, rond, 282x43, Poppins 13px */
.j-form .uk-form-label { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; color: var(--j-text); }
.j-form .uk-form-label strong { font-weight: 700; margin-left: 3px; }
.j-form .wpcf7-list-item-label, .j-form .wpcf7-list-item label { font-weight: 400; }
.j-form .uk-input, .j-form input[type=text].wpcf7-form-control, .j-form input[type=email], .j-form input[type=tel] {
  font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 300; line-height: 24px; color: var(--j-text);
  background: #eaecf2; border: 1px solid transparent; border-radius: 27.5px; padding: 4px 15px; height: 43px; width: 282px; max-width: 100%;
}
.j-form .uk-input:focus { background: #eaecf2; border-color: transparent; outline: 1px solid var(--j-primary); }
@media (min-width: 640px) {
  .j-form.uk-form-horizontal .uk-form-label { width: 200px; margin-top: 5px; }
  .j-form.uk-form-horizontal .uk-form-controls { margin-left: 215px; }
}
@media (max-width: 639px) { .j-form .uk-form-label { font-weight: 300; } }
/* r6-7: vet in de tekst 700 (oud) */
strong, b { font-weight: 700; }
/* r6-8: zwevende witte vlakken in het bovenste blok (oud yoo_luna geometries.js); script in jures-site.php, beweging alleen met muis */
.tm-main { position: relative; }
.tm-main > .uk-container { position: relative; }
.tm-fx-container { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; overflow: hidden; pointer-events: none; }
.tm-fx-container > * { position: absolute; will-change: transform; }
.tm-fx-container > * > .tm-fx-box { box-shadow: rgba(0, 0, 0, .07) 0 0 150px; background-color: #fff; }
.tm-fx-container .tm-triangle { width: 0; height: 0; border-style: solid; border-width: 0 100px 100px; border-color: transparent transparent #fff; filter: drop-shadow(rgba(0, 0, 0, .07) 0 0 30px); background-color: transparent !important; box-shadow: none !important; }
/* r6 eigen vondst: paginabreedte en zijmarge zoals oud (UIkit 2): tot 1219px breed inhoud max. 980px met 25px marge; vanaf 1220px gelijk (1200px) */
@media (max-width: 1219px) { .uk-container:not(.uk-container-expand) { max-width: 980px; padding-left: 25px; padding-right: 25px; } }
/* r6 eigen vondst: blokken home oud 20px binnenmarge tot 1219px, 35px vanaf 1220px */
@media (max-width: 1219px) { .j-block { padding: 20px; } }
/* r6 eigen vondst: tegels home zoals oud: kolomafstand 25px (35px vanaf 1220px); producten 2 kolommen vanaf 480px, 3 vanaf 768px; diensten 2 vanaf 480px, 4 vanaf 960px */
@media (max-width: 1219px) {
  .j-block .uk-grid-small { margin-left: -25px; }
  .j-block .uk-grid-small > * { padding-left: 25px; }
  .j-block .uk-grid-small > .uk-grid-margin { margin-top: 25px; }
}
@media (min-width: 480px) { .j-block .uk-child-width-1-2\@s > * { width: 50%; } }
@media (min-width: 768px) { .j-block .uk-child-width-1-3\@m > * { width: calc(100% / 3); } }
@media (min-width: 960px) { .j-block .uk-child-width-1-4\@m > * { width: 25%; } }
@media (min-width: 1220px) { .uk-container:not(.uk-container-expand) { padding-left: 35px; padding-right: 35px; } }
/* r6 eigen vondst: tussen 960 en 1219px liep het menu over het logo; oud loopt het menu door op een tweede regel naast het logo */
@media (min-width: 960px) and (max-width: 1219px) {
  .tm-header .uk-navbar { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; padding: 20px 0; }
  .tm-header .uk-navbar-left { grid-column: 1; grid-row: 1; flex-wrap: wrap; }
  .tm-header .uk-navbar-center { grid-column: 2; grid-row: 1; position: static; transform: none; }
  .tm-header .uk-navbar-right { grid-column: 3; grid-row: 1; flex-wrap: wrap; justify-content: flex-start; margin-left: 0; }
  .tm-header .uk-navbar-nav { flex-wrap: wrap; }
  .tm-header .uk-navbar-nav > li > a { min-height: 40px; }
  .tm-header .uk-navbar-left, .tm-header .uk-navbar-center, .tm-header .uk-navbar-right { align-self: center; }
  .tm-header .uk-navbar-right { flex-wrap: nowrap; align-items: flex-end; }
  .tm-header .uk-navbar-right > .uk-navbar-nav { flex: 1 1 auto; min-width: 0; }
  .tm-header .uk-navbar-right > .uk-navbar-toggle { min-height: 40px; margin-left: auto; }
}
/* r6 eigen vondst: uploadvelden in Open Sans 16px zoals oud (was browserstandaard Arial 13px) */
.j-form input[type=file] { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 300; line-height: 24px; color: var(--j-text); }
/* r6 eigen vondst: mobiele kop zoals oud: logo 25px van de rand, menuknop 40px van de rechterrand */
.tm-header-mobile .uk-container { padding-left: 25px; padding-right: 40px; }

/* ---- Ronde 7 Bente (23-10): laatste beeldverschillen terug naar oud (gemeten met getComputedStyle op www.jures.nl) ---- */
/* r7-1: gevulde FontAwesome-iconen zoals oud (UIkit 2 uk-icon-*) in plaats van de dunne UIkit 3-lijniconen */
[uk-icon="mail"] > svg, [uk-icon="receiver"] > svg, [uk-icon="location"] > svg, [uk-icon="link"] > svg,
[uk-icon^="icon: mail"] > svg, [uk-icon^="icon: receiver"] > svg, [uk-icon^="icon: facebook"] > svg, [uk-icon^="icon: linkedin"] > svg,
.tm-header [uk-search-icon] > svg, .j-totop > svg { display: none; }
[uk-icon="mail"]::before, [uk-icon="receiver"]::before, [uk-icon="location"]::before, [uk-icon="link"]::before,
[uk-icon^="icon: mail"]::before, [uk-icon^="icon: receiver"]::before, [uk-icon^="icon: facebook"]::before, [uk-icon^="icon: linkedin"]::before {
  font-family: 'FontAwesome'; font-weight: normal; font-style: normal; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased;
}
[uk-icon="mail"]::before, [uk-icon^="icon: mail"]::before { content: "\f0e0"; }
[uk-icon="receiver"]::before, [uk-icon^="icon: receiver"]::before { content: "\f095"; }
[uk-icon="location"]::before { content: "\f041"; }
[uk-icon="link"]::before { content: "\f0c1"; }
[uk-icon^="icon: facebook"]::before { content: "\f09a"; }
[uk-icon^="icon: linkedin"]::before { content: "\f0e1"; }
/* toolbar: mail/telefoon 13px, Facebook/LinkedIn 16px (oud) */
.tm-toolbar [uk-icon^="icon: mail"], .tm-toolbar [uk-icon^="icon: receiver"] { font-size: 13px; width: auto; margin-right: 4px; vertical-align: -1px; }
.tm-toolbar [uk-icon^="icon: facebook"], .tm-toolbar [uk-icon^="icon: linkedin"] { font-size: 16px; width: auto; height: auto; vertical-align: -2px; }
/* hoofdmenu: » als FontAwesome angle-double-right 13px (oud) */
.tm-header .uk-navbar-nav > li > a::before { content: "\f101"; font-family: 'FontAwesome'; font-weight: normal; font-size: 13px; line-height: 1; margin-right: 4px; text-decoration: none; display: inline-block; }
/* footer Contactinformatie: iconen 16px wit in een kolom van 36px, regels 28px (oud: tabel) */
.j-footer-box .j-contact-list li { display: flex; gap: 0; margin: 0; padding: 2px 0; line-height: 24px; }
.j-footer-box .j-contact-list li > [uk-icon] { flex: 0 0 36px; width: 36px; font-size: 16px; line-height: 24px; color: #fff; }
/* mobiele kop: Bel direct / Mail ons / Navigeer: iconen 16px #444445 (oud) */
.j-mobile-cta li a [uk-icon] { font-size: 16px; width: 16px; justify-content: center; }
/* zoekicoon: Luna-icoon 16px #5cabba, zoals oud */
.tm-header [uk-search-icon]::before { content: "\e900"; font-family: 'Luna'; font-size: 16px; line-height: 1; color: #5cabba; }
.tm-header .uk-navbar-container [uk-search-icon], .tm-header .uk-search-toggle { color: #5cabba; }

/* r7-2: knop naar boven zoals oud: dikke pijl (Luna \e903, 20x25), verticaal midden in de onderregel, rechts 25px (35px vanaf 960px); geen overlap met de tekst */
.j-totop { position: absolute; top: 50%; right: 25px; width: 20px; height: 25px; margin-top: -13px; color: #444445; z-index: 10; text-decoration: none; }
.j-totop::after { display: block; content: "\e903"; font-family: 'Luna'; font-size: 14px; line-height: 25px; text-align: center; }
.j-totop:hover { color: #26365a; text-decoration: none; }
@media (min-width: 960px) { .j-totop { right: 35px; } }

/* r7-3 + r7-4: blokken en footer zoals oud: secties 40px (<768) / 60px (>=768); onderste blok zonder bovenmarge;
   footerblokken 20px binnenmarge (<1220) / 35px; onderregel 40/60px met lijntje 20px onder de blokken */
.tm-main { padding-top: 40px !important; padding-bottom: 40px !important; }
.tm-bottom { padding-top: 0 !important; padding-bottom: 0 !important; }
@media (min-width: 768px) { .tm-main { padding-top: 60px !important; padding-bottom: 60px !important; } }
.j-footer-box { padding: 20px; }
@media (min-width: 1220px) { .j-footer-box { padding: 35px; } }
.j-footer-grid { margin-left: -25px; }
.j-footer-grid > * { padding-left: 25px; }
.j-footer-grid > .uk-grid-margin { margin-top: 25px; }
@media (min-width: 1220px) { .j-footer-grid { margin-left: -35px; } .j-footer-grid > * { padding-left: 35px; } .j-footer-grid > .uk-grid-margin { margin-top: 35px; } }
.j-footer-bottom { margin-top: 40px; padding: 40px 0; border-top: 0; }
.j-footer-bottom::before { content: ""; position: absolute; left: 0; right: 0; top: -20px; height: 1px; background: #e3e7ea; }
@media (min-width: 768px) { .j-footer-bottom { margin-top: 60px; padding: 60px 0; } .j-footer-bottom::before { top: -40px; } }
/* ook zonder footerblokken (nieuws) 60px boven de onderregel: oud staat daar een leeg blok van 60px */
.j-footer-bottom > p.uk-margin-remove:first-of-type { line-height: 22px; margin-bottom: 8px !important; }
/* pandfoto 238x179 en VCA-logo 115x65 (oud) */
.j-footer-box .j-footer-pand { width: auto; }
.j-footer-box .j-footer-pand img { width: 238px; max-width: 100%; height: auto; }
.j-footer-bottom .j-vca { width: 115px; height: auto; margin-top: 20px; }
/* r7-4: alinea's en koppen zoals oud (UIkit 2 yoo_luna + inline-stijl oud): marge 15px, regelhoogte 24px, koppen altijd 0 0 15px */
html, body { line-height: 1.5; }
p, ul, ol, dl, blockquote, pre, address, fieldset, figure { margin: 0 0 15px 0; }
* + p, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure { margin-top: 15px; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; }
* + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top: 0; }
.uk-article-title { margin-bottom: 0; }
.tm-main .uk-article > .uk-margin-medium { margin-top: 15px !important; }

/* r7-5: "Lees meer" per rij op één lijn onderaan de tegel (oud) */
.j-block .uk-grid-match > * > .uk-card { display: flex !important; flex-direction: column; height: 100%; }
.j-block .uk-grid-match > * > .uk-card > .uk-card-body { flex: 1 1 auto; display: flex; flex-direction: column; align-items: flex-start; }
.j-block .uk-card-body > .uk-button { margin-top: auto !important; }
.j-block .uk-card-body > :nth-last-child(2) { margin-bottom: 15px !important; }

/* r7-6: stippenraster ook over de inhoud en de witte vlakken heen: stippen (oud bg.png 50x50) op het blok, de vlakken eronder */
html, body { background: #fff url(bg.png) repeat; }
.tm-main, .tm-bottom { background: url(bg.png) repeat; }
.tm-fx-container { z-index: -1; }

/* r7-7a: fotoband schuift mee met de pagina (oud), niet vast */
@media (min-width: 960px) and (hover: hover) { .j-parallax { background-attachment: scroll; } }
/* r7-7c: vacatures: tekst in 4/5, foto in 1/5 ernaast (oud uk-width-medium-4-5 / 1-5, kolomafstand 35px) vanaf 768px */
@media (min-width: 768px) {
  .uk-article .jures-vacatures .uk-accordion-content > img[class*="uk-align-right"] { float: right; width: calc((100% + 35px) / 5 - 35px); max-width: 212px; margin: 0 0 15px 0; }
  .jures-vacatures .uk-accordion-content > :not(img) { margin-right: calc((100% + 35px) / 5); }
}
/* r7-3 eigen vondst: pandfoto in Contactinformatie begint oud op de hoogte van de eerste contactregel (onder de bedrijfsnaam) */
.j-footer-box .j-footer-pand img { margin-top: 51px; }
/* r7-4 eigen vondst: productfoto zoals oud: eigen breedte (450px) met 5px lichtblauwe rand, zonder extra binnenruimte, marge 0 0 15px 15px, direct onder de titel */
@media (min-width: 640px) {
  .uk-article img[class*="uk-align-right"]:not(.uk-border-rounded) { width: auto; padding: 0; border-width: 5px; margin: 0 0 15px 15px !important; }
  .uk-article p:has(> img[class*="uk-align-right"]:first-child) { margin-top: 0; }
}
/* r7-4 eigen vondst: foto rechts begint oud direct onder de titel (de tekst 15px lager); laatste element zonder ondermarge (oud) */
@media (min-width: 640px) {
  .uk-article .uk-margin-medium > img[class*="uk-align-right"]:first-child:not(.uk-border-rounded),
  .uk-article .uk-margin-medium > p:first-child > img[class*="uk-align-right"]:first-child:not(.uk-border-rounded) { margin-top: -15px !important; }
}
.tm-main .uk-article > .uk-margin-medium > :last-child, .tm-main .uk-article > :last-child { margin-bottom: 0; }
/* r7-5 (vervolg): de knop staat in een <p> (WordPress); die p gaat naar onderen, 15px onder de tekst; tekst 15px onder de titel (oud) */
.j-block .uk-card-body > p:last-child { margin-top: auto !important; padding-top: 15px; margin-bottom: 0; }
.j-block .uk-card-body > p:last-child > .uk-button { margin-top: 0 !important; }
.j-block .uk-card-body > :nth-last-child(2) { margin-bottom: 0 !important; }
.j-block .uk-card-body > .uk-text-small { margin-top: 15px !important; }
/* r7-4 eigen vondst (home): blokkop "Onze producten/diensten" 35px onder de bovenrand en 15px boven de tegels; laatste element in een blok zonder ondermarge; 80px van welkomstblok-band tot productblok (oud) */
.j-block-title { margin: 0 0 15px; }
.j-block > :last-child { margin-bottom: 0; }
.j-band:not(:has(+ .j-parallax)):not(.j-parallax + .j-band) { margin-bottom: 70px; }
/* r7-4/5 eigen vondst (home): tegels zoals oud: titel 35px onder de foto, en altijd ruimte voor één regel ondertitel (oud had ook bij tegels zonder ondertitel dezelfde hoogte) */
.j-block .uk-card-body { padding-top: 35px !important; min-height: 156px; box-sizing: border-box; }
/* fotoband op de home direct onder de kop (oud 127px op 1366, niet 131) */
@media (min-width: 960px) { .tm-hero { margin-top: -74px; } }
/* mobiele kop: Bel direct / Mail ons / Navigeer 44px uit elkaar en 18px boven het welkomstblok (oud) */
.j-mobile-cta li + li { margin-top: 18px; }
.j-mobile-cta { margin-bottom: 18px; }
.j-mobile-cta .uk-list > li + li { margin-top: 18px; }
.j-mobile-cta { margin-top: 2px; margin-bottom: 16px; }
/* tegels diensten: geen dubbele marge onder de titel (in een flexkolom vallen marges niet samen) */
.j-block .uk-card-body > .uk-card-title { margin-bottom: 0 !important; }
/* r7-4 eigen vondst: los nieuwsbericht: tekst begint oud 45px onder "Geschreven op" (nieuw was 40px) */
.single-post .uk-article-meta { padding-bottom: 5px; }
/* r7-4 eigen vondst: /diensten zoals oud (Widgetkit): foto 300x200 midden in een kolom van 3/10, tekst 7/10 met 35px binnenruimte, dunne lijn tussen de rijen (25px erboven en eronder), foto zonder ronde hoeken */
@media (min-width: 768px) {
  .page-id-59 .uk-article .uk-child-width-1-1 { margin-left: 0; }
  .page-id-59 .uk-article .uk-child-width-1-1 > * { padding-left: 0; }
  .page-id-59 .uk-article .uk-child-width-1-1 > .uk-grid-margin { margin-top: 25px; padding-top: 25px; border-top: 1px solid rgba(159, 165, 173, .2); }
  .page-id-59 .uk-grid-large { margin-left: -35px; flex-wrap: nowrap; }
  .page-id-59 .uk-grid-large > * { padding-left: 35px; }
  .page-id-59 .uk-grid-large > .uk-width-2-5\@m { width: 30%; text-align: center; }
  .page-id-59 .uk-grid-large > .uk-width-3-5\@m { width: 70%; padding-top: 35px; padding-bottom: 35px; padding-right: 35px; box-sizing: border-box; }
  .page-id-59 .uk-grid-large > .uk-width-3-5\@m { padding-left: 70px; }
  .page-id-59 .uk-grid-large img { width: 300px; height: 200px; object-fit: cover; border-radius: 0; }
  .page-id-59 .uk-grid-large > .uk-width-3-5\@m > :last-child { margin-bottom: 0; }
}
@media (min-width: 768px) { .page-id-59 .uk-grid-large > .uk-width-3-5\@m { padding-bottom: 50px; } }
@media (min-width: 768px) { .page-id-59 .uk-child-width-1-1 > :nth-child(2) .uk-grid-large > .uk-width-3-5\@m { padding-bottom: 35px; } }
/* r7-4 eigen vondst: /over-jures/referenties zoals oud (Widgetkit): logo's 200px breed, links en bovenaan in de kolom, kolom- en rijafstand 35px */
.uk-grid:has(> div > .tm-ref) { align-items: flex-start; text-align: left; margin-left: -35px; }
.uk-grid:has(> div > .tm-ref) > * { padding-left: 35px; }
.uk-grid:has(> div > .tm-ref) > .uk-grid-margin { margin-top: 35px; }
.uk-grid:has(> div > .tm-ref) .tm-ref { margin: 0; }
.uk-grid:has(> div > .tm-ref) .tm-ref img { width: 200px; max-width: 100%; height: auto; }
@media (max-width: 1219px) {
  .uk-grid:has(> div > .tm-ref) { margin-left: -25px; }
  .uk-grid:has(> div > .tm-ref) > * { padding-left: 25px; }
  .uk-grid:has(> div > .tm-ref) > .uk-grid-margin { margin-top: 25px; }
}
.tm-main .uk-article > .uk-margin-medium:has(> .uk-grid > div > .tm-ref) { margin-top: 0 !important; }
/* r7-4 eigen vondst: formulierregels 15px uit elkaar zoals oud (was 20px) */
.j-form * + .uk-margin, .j-form .uk-margin + .uk-margin { margin-top: 15px !important; }
.j-form .uk-margin { margin-bottom: 15px; }
/* r7 eigen vondst: vacaturetitels 35px hoog zoals oud (was 36) */
.jures-vacatures > li > .uk-accordion-title { line-height: 25px; }
/* r7-6 (correctie): vlakken weer zichtbaar; stippen als laag over de vlakken en de inhoud (klikken gaat erdoorheen) */
.tm-fx-container { z-index: 0; }
.tm-main { background: none; }
.tm-main::after { content: ""; position: absolute; inset: 0; background: url(bg.png) repeat; pointer-events: none; z-index: 1; }
/* r7-1 (correctie): zoekicoon oud .uk-search:before = Luna 14px #444445 */
.tm-header [uk-search-icon]::before { font-size: 14px; color: #444445; }
.tm-header .uk-navbar-container [uk-search-icon], .tm-header .uk-search-toggle { color: #444445; }
/* r7-4 eigen vondst: /contact: adres staat oud direct onder "JURES TECHNIEK" (oud zwevende kop, 4px ruimte i.p.v. 15px) */
@media (min-width: 601px) { .page-id-62 .uk-article .uk-margin-medium > h2:first-child { margin-bottom: -11px; } }
/* r7-4 eigen vondst: nieuwsbericht: zwevende foto zonder ondermarge, zodat de pagina eindigt waar oud eindigt */
.single-post .uk-article img[class*="uk-align-right"] { margin-bottom: 0; }

/* ---- Ronde 8 Bente (23-10): tablet, fotoband, knop naar boven, /diensten mobiel, restverschillen (gemeten op www.jures.nl) ---- */
/* r8-1: oud toont vanaf 768px (UIkit 2 uk-hidden-small / uk-visible-small) de desktopkop met toolbar en het footerblok Contactinformatie;
   de mobiele kop, Bel direct/Mail ons/Navigeer en de mobiele teamfoto alleen onder 768px. YOOtheme wisselt standaard pas bij 960px. */
@media (min-width: 768px) and (max-width: 959px) {
  .tm-toolbar.uk-visible\@m, .tm-header.uk-visible\@m, .j-footer-contact.uk-visible\@m { display: block !important; }
  .tm-header-mobile.uk-hidden\@m, .j-mobile-cta.uk-hidden\@m { display: none !important; }
  .j-footer-grid.uk-child-width-1-2\@m > * { width: 50%; }
  /* menu op twee regels links en rechts naast het logo, zoals oud (zelfde opbouw als 960-1219px) */
  .tm-header .uk-navbar { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; padding: 20px 0; }
  .tm-header .uk-navbar-left { grid-column: 1; grid-row: 1; flex-wrap: wrap; align-self: center; }
  .tm-header .uk-navbar-center { grid-column: 2; grid-row: 1; position: static; transform: none; align-self: center; }
  .tm-header .uk-navbar-right { grid-column: 3; grid-row: 1; flex-wrap: nowrap; justify-content: flex-start; margin-left: 0; align-self: center; align-items: flex-end; }
  .tm-header .uk-navbar-nav { flex-wrap: wrap; }
  .tm-header .uk-navbar-nav > li > a { min-height: 40px; }
  .tm-header .uk-navbar-right > .uk-navbar-nav { flex: 1 1 auto; min-width: 0; }
  /* zoeken staat oud alleen vanaf 960px (uk-visible-large) */
  .tm-header .uk-navbar-right > [uk-search-icon], .tm-header .uk-navbar-right > [uk-search-icon] + .uk-navbar-dropdown { display: none !important; }
  .tm-hero { margin-top: -74px; }
}
/* r8-2: fotoband home zoals oud: 400px hoog vanaf 768px, foto schuift mee (UIkit 2 parallax bg -700, script in jures-site.php);
   stippen niet over de foto (de band ligt boven de stippenlaag) */
@media (min-width: 768px) { .j-parallax { height: 400px; background-attachment: scroll; background-repeat: no-repeat; background-position: 50% 0; } }
.j-parallax { z-index: 2; }
/* r8-3: knop naar boven tegen de rechterrand van de inhoud (oud x=1263 op 1366, 345 op 390, 755 op 800) */
.j-totop, .j-totop.j-totop { right: 0; }
@media (min-width: 960px) { .j-totop { right: 0; } }
/* r8-4: /diensten onder 768px zoals oud (Widgetkit): foto 300x200 gecentreerd, tekst eronder in een vlak met 30px binnenruimte (15px onder de foto),
   tussen de diensten een dun lijntje met 25px erboven en eronder */
@media (max-width: 767px) {
  .page-id-59 .uk-article .uk-child-width-1-1 { margin-left: 0; }
  .page-id-59 .uk-article .uk-child-width-1-1 > * { padding-left: 0; }
  .page-id-59 .uk-article .uk-child-width-1-1 > .uk-grid-margin { margin-top: 25px; padding-top: 25px; border-top: 1px solid rgba(159, 165, 173, .2); }
  .page-id-59 .uk-grid-large { margin-left: 0; }
  .page-id-59 .uk-grid-large > * { padding-left: 0; width: 100%; }
  .page-id-59 .uk-grid-large > .uk-width-2-5\@m { text-align: center; }
  .page-id-59 .uk-grid-large img { width: 300px; height: 200px; object-fit: cover; border-radius: 0; }
  .page-id-59 .uk-grid-large > .uk-width-3-5\@m { margin-top: 15px !important; padding: 30px; box-sizing: border-box; }
}
/* r8-4: de foto staat oud vanaf 768px bij de 2e/4e dienst rechts (uk-flex-order-last-medium) */
@media (min-width: 768px) and (max-width: 959px) { .page-id-59 .uk-grid-large > .uk-flex-last\@m { order: 99; } }
/* r8-5: vacatures (dicht) zoals oud: titel 35px hoog (regel 24px + 2x5px + lijn), 5px tussen de titels, 15px onder de lijst */
.jures-vacatures > li > .uk-accordion-title { line-height: 24px; margin: 0 0 5px; }
.jures-vacatures > li + li { margin-top: 0; }
.tm-main .uk-article > .uk-margin-medium > .jures-vacatures:last-child { margin-bottom: 15px; }
/* r8-5: footer Laatste nieuws: opsomming 30px ingesprongen (oud) */
.j-footer-box ul:not(.j-contact-list) { padding-left: 30px; }
/* r8 eigen vondst: hoofdmenu zoals oud (yoo_luna): items 15px marge zonder binnenruimte, » (7px) + spatie, bij "Vacatures" zonder spatie (oud ook);
   actief item met een witte balk van 2px, 7px boven de onderkant van het item; rechtermenu vanaf 1220px rechts uitgelijnd;
   logo 284x37 en 6px hoger; zoeken rechtsonder in de balk (oud .tm-search: 35px van de rechterrand, 20px van onder); toolbar 35px hoog */
.tm-toolbar { height: 35px; box-sizing: border-box; }
@media (min-width: 768px) {
  .tm-header .uk-navbar-nav > li { margin: 0 15px; }
  .tm-header .uk-navbar-nav > li > a { padding: 0; position: relative; }
  .tm-header .uk-navbar-nav > li > a::before { width: 7px; margin-right: 0; }
  .tm-header .uk-navbar-nav > li > a::after { content: "\00a0"; display: none; }
  .tm-header .uk-navbar-nav > li > a { gap: 0; }
  .tm-header .uk-navbar-nav > li > a:not([href$="/werken-bij-jures"])::before { padding-right: 3.6px; }
  .tm-header .uk-navbar-nav > li.uk-active > a, .tm-header .uk-navbar-nav > li.uk-active > a span { text-decoration: none; }
  .tm-header .uk-navbar-nav > li.uk-active > a::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 33px; height: 2px; background: #fff; }
  .tm-header .uk-logo img { width: 284px; height: auto; position: relative; top: -6px; }
  .tm-header .uk-navbar-container { position: relative; }
  .tm-header .uk-navbar-right > .uk-navbar-toggle[uk-search-icon] { position: absolute; right: 35px; bottom: 20px; width: 30px; height: 40px; min-height: 40px; padding: 0; justify-content: center; }
}
@media (min-width: 768px) and (max-width: 1219px) {
  .tm-header .uk-navbar { column-gap: 25px; }
  .tm-header .uk-navbar-nav > li.uk-active > a::after { bottom: 7px; }
}
@media (min-width: 1220px) {
  .tm-header .uk-navbar-right { justify-content: flex-end; }
}
@media (min-width: 768px) {
  .tm-header .uk-navbar-item.uk-logo { padding: 0; }
  .tm-header .uk-navbar { position: static; }
}
/* r8 eigen vondst: teamfoto oud in een slideshow van minimaal 300px hoog (vanaf 768px; op 768-1219px blijft er ruimte onder de foto);
   logo 2px hoger, foto direct onder de kop (oud y=127 op 1366, 155 op 800/1024) */
@media (min-width: 768px) {
  .tm-hero { min-height: 300px; background: transparent; }
  .tm-header .uk-logo img { top: -8px; }
}
@media (min-width: 960px) { .tm-hero { margin-top: -75px; } }
@media (min-width: 768px) and (max-width: 959px) { .tm-hero { margin-top: -75px; } }
/* r8 eigen vondst: Contactinformatie zoals oud: naam, daaronder tabel (icoon + tekst) en pandfoto naast elkaar met flex-wrap
   (tekst min. 200px, foto 160-273px, 16px tussenruimte); daardoor staat de foto tot ±1200px onder de gegevens, net als oud */
.j-footer-box .j-contact-flex { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; }
.j-footer-box .j-contact-text { flex: 1 1 220px; min-width: 200px; }
.j-footer-box .j-contact-table { width: 100%; border-collapse: collapse; border: 0; margin: 0; }
.j-footer-box .j-contact-table td { vertical-align: top; padding: 2px 0; line-height: 24px; border: 0; }
.j-footer-box .j-contact-table td:first-child { padding: 2px 8px 2px 0; }
.j-footer-box .j-contact-table [uk-icon] { font-size: 16px; line-height: 24px; color: #fff; width: auto; height: auto; vertical-align: top; }
.j-footer-box .j-contact-table [uk-icon]::before { line-height: 24px; }
.j-footer-box .j-footer-pand { flex: 1 1 200px; max-width: 273px; min-width: 160px; width: auto; }
.j-footer-box .j-footer-pand img { display: block; width: 100%; max-width: none; height: auto; margin-top: 0; }
/* r8 eigen vondst: onderregel zoals oud: copyright en voorwaarden in één alinea (24px + 26px), VCA-logo 15px eronder */
.j-footer-bottom p.j-copy { margin: 0 0 15px; line-height: 24px; text-align: left; }
.j-footer-bottom p.j-copy .j-legal { font-size: 10.6667px; line-height: 24px; }
.j-footer-bottom p.j-vca-p { margin: 15px 0 0; }
.j-footer-bottom p.j-copy + p.j-vca-p { margin-top: 15px; }
.j-footer-bottom p.j-vca-p .j-vca { display: block; margin: 0; width: 115px; height: auto; }
/* r8 eigen vondst: tegels "Onze diensten": knop direct 15px onder de tekst (oud), niet onderaan uitgelijnd; op 1366px valt dat gelijk */
.j-block .uk-child-width-1-4\@m .uk-card-body > p:last-child { margin-top: 0 !important; }
/* r8 eigen vondst: home op 768-959px: blokken 60px uit elkaar zoals oud (uk-block vanaf 768px), niet 40px */
@media (min-width: 768px) { .j-block { margin-bottom: 60px; } }
/* r8 eigen vondst: mobiele teamfoto direct onder de kop (oud y=80 op 390px); Bel direct/Mail ons/Navigeer blijven waar ze staan (gelijk aan oud) */
@media (max-width: 767px) { .tm-hero { top: -15px; } }
/* r8-5: foto op /over-jures en productpagina's onder 640px zoals oud: volle breedte, 5px lichtblauwe rand zonder binnenruimte,
   direct onder de titel (y=150 op 390px), tekst 15px onder de foto */
@media (max-width: 639px) {
  .page .uk-article img[class*="uk-align-right"]:not(.uk-border-rounded) { padding: 0; border-width: 5px; box-sizing: border-box; width: 100%; height: auto; margin: 0 !important; }
  .page .uk-article .uk-margin-medium > p:first-child:has(> img[class*="uk-align-right"]:first-child:not(.uk-border-rounded)) { margin-top: -15px; }
  .page .uk-article .uk-margin-medium > img[class*="uk-align-right"]:first-child:not(.uk-border-rounded) { margin-top: -15px !important; margin-bottom: 15px !important; }
}
/* r8-4 (vervolg): tekstvlak diensten mobiel: laatste alinea houdt 15px ondermarge binnen het vlak (oud 30 + 15) */
@media (max-width: 767px) { .page-id-59 .uk-grid-large > .uk-width-3-5\@m { padding-bottom: 45px; } }
@media (max-width: 639px) { .page .uk-article img[class*="uk-align-right"]:not(.uk-border-rounded) { aspect-ratio: auto; } }
@media (max-width: 767px) {
  .page-id-59 .uk-child-width-1-1 > :nth-child(2) .uk-grid-large > .uk-width-3-5\@m { padding-bottom: 30px; } /* oud: tekst zonder slotalinea */
  .page-id-59 .uk-article .uk-child-width-1-1 { margin-bottom: 15px !important; }
}
/* r8 eigen vondst: /diensten op 768-1219px zoals oud: kolomafstand 25px, tekstvlak 30px binnenruimte, foto schaalt mee met de kolom (max. 300x200) */
@media (min-width: 768px) {
  .page-id-59 .uk-grid-large img { width: 300px; max-width: 100%; height: auto; aspect-ratio: 3 / 2; }
}
@media (min-width: 768px) and (max-width: 1219px) {
  .page-id-59 .uk-grid-large { margin-left: -25px; }
  .page-id-59 .uk-grid-large > * { padding-left: 25px; }
  .page-id-59 .uk-grid-large > .uk-width-3-5\@m { padding: 30px 30px 45px 55px; }
  .page-id-59 .uk-child-width-1-1 > :nth-child(2) .uk-grid-large > .uk-width-3-5\@m { padding-bottom: 30px; }
}
/* /diensten: 15px onder de laatste dienst (oud), alle breedtes */
.page-id-59 .uk-article .uk-child-width-1-1 { margin-bottom: 15px !important; }
/* r8 eigen vondst: foto's in nieuwsberichten zoals oud (style="float: right"): geen kader of rand, geen marge, ook op mobiel rechts zwevend */
.single-post .uk-article img[class*="uk-align-right"], .single-post .uk-article img[class*="uk-align-right"]:not(.uk-border-rounded) {
  float: right; border: 0 !important; padding: 0 !important; margin: 0 !important; background: none; box-sizing: content-box; max-width: 100%; height: auto;
}
/* r8-5: nieuwsberichten: laatste alinea zonder ondermarge (oud UIkit 2 :last-child), zodat de pagina eindigt waar oud eindigt */
.single-post .uk-article > .uk-margin-medium-top > :last-child { margin-bottom: 0 !important; }
/* r8 eigen vondst: hoofdfoto van een nieuwsbericht (Joomla "volledige afbeelding", nieuws 33/56/57) oud mét 5px lichtblauwe rand, marge 0 0 15px 15px, altijd rechts zwevend (max. volle breedte) */
.single-post .uk-article img[class*="uk-width-2-5"], .single-post .uk-article img[class*="uk-width-2-5"]:not(.uk-border-rounded) {
  float: right; border: 5px solid var(--j-navbar) !important; padding: 0 !important; margin: 0 0 15px 15px !important;
  width: auto !important; max-width: 100%; height: auto; box-sizing: border-box; aspect-ratio: auto;
}
/* r8 eigen vondst: /over-jures/referenties zoals oud (Widgetkit, UIkit 2-grenzen): 2 kolommen, 3 vanaf 480px, 4 vanaf 768px;
   logo vult de kolom tot max. 200px, links en bovenaan (uk-text-center van YOOtheme is !important, dus hier ook) */
.uk-grid:has(> div > .tm-ref) { text-align: left !important; }
.uk-grid:has(> div > .tm-ref) > * { width: 50%; }
@media (min-width: 480px) { .uk-grid:has(> div > .tm-ref) > * { width: calc(100% / 3); } }
@media (min-width: 768px) { .uk-grid:has(> div > .tm-ref) > * { width: 25%; } }
.uk-grid:has(> div > .tm-ref) .tm-ref img { width: 100%; max-width: 200px; height: auto; display: block; }
/* r8 eigen vondst: afbeeldingen in de tekst van nieuwsberichten houden hun oude inline-opmaak (float/marges/rand, zie restore-img-styles.php);
   hoogte volgt de eigen beeldverhouding binnen de rand (oud), klasse "alignright" (oud nieuws 52) marge 0 0 0 15px zoals oud */
.single-post .uk-article img[style*="border"] { aspect-ratio: auto; }
.uk-article img.alignright { margin: 0 0 0 15px !important; }
/* r8 eigen vondst: teamfoto oud in een UIkit 2-slideshow: het beeld vult het vlak van min. 300px hoog (cover, midden), dus op 768-1351px uitgesneden en groter */
@media (min-width: 768px) { .tm-hero img { min-height: 300px; object-fit: cover; object-position: 50% 50%; } }
/* r8 eigen vondst: ook geen stippen over de teamfoto (oud niet) */
.tm-hero { z-index: 2; }

/* ---- Ronde 9 Bente (23-10), gemeten op www.jures.nl ---- */
/* r9-1: lijn boven het copyright: oud .tm-footer > .uk-container::before op 60px (≥768) / 40px (<768) boven het copyright,
   dus precies op de bovenkant van de onderregel; kleur rgba(159,165,173,.2); oud 35px van de rand ook waar de container 25px heeft (768–1219) */
.j-footer-bottom::before { top: 0; background: rgba(159, 165, 173, .2); }
@media (min-width: 768px) { .j-footer-bottom::before { top: 0; } }
@media (min-width: 960px) and (max-width: 1219px) { .j-footer-bottom::before { left: 10px; right: 10px; } }
/* r9-2: /reageer-op-vacature: oud laadt daar de UIkit-CSS van RSForm, met .uk-block-default + .uk-block-default { padding-top: 0 },
   waardoor de footer geen bovenruimte heeft: lijn direct onder de blauwe blokken, copyright 60/40px eronder */
.page-id-66 .j-footer-bottom { margin-top: 0; }
@media (min-width: 768px) { .page-id-66 .j-footer-bottom { margin-top: 0; } }
/* r9-3: stippen achter de inhoud (oud: achtergrond van het blok); boven de zwevende vlakken, onder tekst, foto's en knoppen */
.tm-main > *:not(.tm-fx-container) { position: relative; z-index: 2; }
/* r9-4: /diensten ≥768: blokken met de foto rechts (Produceren, Onderhouden) rechts uitgelijnd zoals oud */
@media (min-width: 768px) { .page-id-59 .uk-flex-last\@m + [class*="uk-width-3-5"] { text-align: right; } }
/* r9-5a: toolbar-streepje tussen Facebook en LinkedIn: oud Open Sans 16px/24px w300 #444445 */
.tm-toolbar .j-social .j-sep { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; font-weight: 300; color: #444445; margin-left: 4px; line-height: 16px; position: relative; top: 1px; }
.tm-toolbar .j-social .j-sep + a { margin-left: 4px; }
/* r9-5b: Bel direct / Mail ons / Navigeer: iconen oud 8px lager en 2px meer naar rechts (alleen beeld, geen layoutverschuiving) */
.j-mobile-cta li a [uk-icon] { transform: translate(2px, 8px); }
/* r11-1: volgorde zoals oud: stippen = achtergrond van het blok zelf (oud .tm-block-main bg.png), daarboven de zwevende vlakken
   (z-index 0), daarboven de inhoud (z-index 2). Geen stippenlaag meer bovenop: waar een wit vlak ligt, zie je geen stippen. */
.tm-main { background: url(bg.png) repeat; }
.tm-main::after { content: none; }

/* =====================================================================================================
   Ronde 13 (Bente 23-10 19:25): hover, focus en overgangen zoals oud (yoo_luna theme.css + custom.css, nagemeten met
   geforceerde :hover/:focus op alle 45 pagina's). Kleuren oud: link-hover #7d8aa6, donkerblauw #26365a, menu-hover #219dba.
   ===================================================================================================== */
/* Links in de tekst: hover #7d8aa6 zonder onderstreping; focus (Tab) #7d8aa6 met onderstreping en de standaard focusrand (oud bootstrap) */
a:focus { color: #7d8aa6; text-decoration: underline; outline: auto 5px -webkit-focus-ring-color; outline-offset: -2px; }
a:hover, .uk-link:hover { color: #7d8aa6; text-decoration: none; outline: 0; }
a:active { outline: 0; }
.tm-main .uk-article-title a:hover, .tm-main .uk-article-title a:focus, .tm-main .uk-link-heading:hover { color: #7d8aa6; text-decoration: none; }
/* Toolbar: mail/telefoon #26365a, Facebook/LinkedIn #7d8aa6 */
.tm-toolbar a:hover, .tm-toolbar a:focus { color: #26365a; text-decoration: none; }
.tm-toolbar a[href*="facebook"]:hover, .tm-toolbar a[href*="facebook"]:focus, .tm-toolbar a[href*="linkedin"]:hover, .tm-toolbar a[href*="linkedin"]:focus { color: #7d8aa6; }
/* Footer (blauwe blokken): rgba(208,223,255,.7) zonder onderstreping */
.j-footer-box a:hover, .j-footer-box a:focus { color: rgba(208, 223, 255, .7); text-decoration: none; }
/* Knoppen (Lees meer e.d.): lichtgrijs met donkerblauwe tekst, overgang 0,15s (oud .uk-button:hover) */
.uk-button { transition: color .15s, background .15s; }
.uk-button:hover, .uk-button:focus, .uk-button-primary:hover, .uk-button-primary:focus { background: #e0e3ea; color: #26365a; border-color: transparent; outline: none; text-decoration: none; box-shadow: none; }
.uk-button:active, .uk-button-primary:active { background: #dadce0; color: #444445; }
/* Hoofdmenu: tekst #219dba + witte balk van 2px die in 0,15s verschijnt (oud ::after, zoals het actieve item) */
@media (min-width: 768px) {
  .tm-header .uk-navbar-nav > li > a { transition: none; }
  .tm-header .uk-navbar-nav > li > a::after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 33px; height: 0; background: #fff; transition: height .15s, color .15s; }
  .tm-header .uk-navbar-nav > li:hover > a, .tm-header .uk-navbar-nav > li > a:focus, .tm-header .uk-navbar-nav > li > a[aria-expanded="true"] { color: #219dba; opacity: 1; outline: none; text-decoration: none; }
  .tm-header .uk-navbar-nav > li:hover > a::after, .tm-header .uk-navbar-nav > li > a:focus::after, .tm-header .uk-navbar-nav > li > a[aria-expanded="true"]::after, .tm-header .uk-navbar-nav > li.uk-active > a::after { height: 2px; }
}
@media (min-width: 768px) and (max-width: 1219px) {
  .tm-header .uk-navbar-nav > li > a::after { bottom: 7px; }
}
/* Uitklapmenu (Over Jures, Producten) zoals oud: lichtgrijs vlak direct onder het menu-item, 200px (Producten 300px), 20px binnenruimte,
   » + gewone letters Poppins 14/300, regels van 30px; opent meteen en schuift in 0,2s 10px omlaag terwijl het invloeit (uk-slide-top-fixed) */
.tm-header .uk-navbar-dropdown { --uk-position-offset: -10px; --uk-position-shift-offset: 0px; width: 200px; padding: 20px; background: #f0f2f6; color: #444445; border: 0; border-radius: 0; box-shadow: none; }
@media (min-width: 1220px) { .tm-header .uk-navbar-dropdown { --uk-position-offset: -36px; } }
.tm-header .uk-navbar-dropdown:has(a[href*="/producten/"]) { width: 300px; }
.tm-header .uk-navbar-dropdown.uk-open { animation: j-slide-top-fixed .2s ease-in-out; }
@keyframes j-slide-top-fixed { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } }
.tm-header .uk-navbar-dropdown-nav > li > a { display: block; padding: 3px 0; font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 300; line-height: 24px; color: #444445; text-transform: none; letter-spacing: normal; transition: none; }
.tm-header .uk-navbar-dropdown-nav > li > a::before { content: "\f101"; font-family: 'FontAwesome'; font-weight: normal; font-size: 14px; line-height: 1; display: inline-block; width: 8px; padding-right: 3.88px; }
.tm-header .uk-navbar-dropdown-nav > li > a:hover, .tm-header .uk-navbar-dropdown-nav > li > a:focus, .tm-header .uk-navbar-dropdown-nav > li.uk-active > a { color: #26365a; background: transparent; outline: none; text-decoration: none; }
/* Paginering /nieuws: geel vlak met witte tekst (oud), overgang 0,15s */
.uk-pagination > li > a { transition: color .15s, background .15s; border-bottom: 0; }
.uk-pagination > li > a:hover, .uk-pagination > li > a:focus { background: #facf4d; color: #fff; border-color: transparent; box-shadow: none; outline: none; text-decoration: none; }
/* Vacatures (accordion): lijn onder de titel wordt donker bij hover, overgang 0,2s */
.jures-vacatures .uk-accordion-title { transition: border-color .2s; }
.jures-vacatures .uk-accordion-title:hover, .jures-vacatures .uk-accordion-title:active { border-bottom-color: #444445; }
/* Foto's met hover-effect zoals oud (uk-overlay-hover): foto 1,1× groter in 0,3s; op home en /diensten ook een donker waas met wit pijltje */
.j-ovl { position: relative; width: fit-content; max-width: 100%; margin-left: auto; margin-right: auto; overflow: hidden; }
.j-ovl > img, .j-ovl-scale img { transition: opacity .3s ease-out, transform .3s ease-out, filter .3s ease-out; }
.j-ovl:hover > img, .j-ovl-scale:hover img { transform: scale(1.1); }
.j-ovl-panel { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(38, 54, 90, .2); opacity: 0; transition: opacity .3s ease-out, transform .3s ease-out, filter .3s ease-out; pointer-events: none; }
.j-ovl:hover .j-ovl-panel { opacity: 1; }
.j-ovl-panel::before { content: "\e909"; position: absolute; top: 50%; left: 50%; width: 35px; height: 35px; margin-top: -17.5px; margin-left: -17.5px; font-family: 'Luna'; font-size: 35px; line-height: 1; color: #fff; text-align: center; }
.j-ovl-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.j-ovl-link:focus { outline-offset: -2px; }
.tm-ref.j-ovl-scale { overflow: hidden; width: 200px; max-width: 100%; }
.tm-ref.j-ovl-scale img { width: 100%; }
/* Titels van de tegels op de home: link zonder kleurwissel (oud uk-link-reset) */
.j-link-reset, .j-link-reset:hover, .j-link-reset:focus { color: inherit; text-decoration: none; }
/* Nieuws 56: knoppen onderaan zoals oud (onmouseover): Bel direct donkerder, Stuur ons een bericht draait om */
a.j-cta-bel:hover { background-color: #3a95aa !important; border-color: #3a95aa !important; }
a.j-cta-mail:hover { background-color: #4fb3c9 !important; color: #fff !important; }
/* Zoekveld in de menubalk zoals oud (vanaf 1220px): 40px, bij klikken 180px breed (0,2s), loep rechts, tekst rechts uitgelijnd */
.tm-header .j-search { display: none; }
@media (min-width: 1220px) { .tm-header .j-search { display: block; position: absolute; right: 35px; bottom: 20px; z-index: 1020; } } /* 1020 (was 2): de pagina-inhoud (.tm-main > *, z-index 2) lag boven "Meer resultaten" (Hanna H-03, 26-10) */
.j-search-form { position: relative; display: inline-block; margin: 0; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 300; line-height: 24px; }
.j-search-form::before { content: "\e900"; position: absolute; top: 0; right: 0; width: 30px; line-height: 40px; text-align: center; font-family: 'Luna'; font-size: 14px; color: #444445; pointer-events: none; }
.j-search-field { box-sizing: border-box; margin: 0; border-radius: 0; font: inherit; color: #444445; -webkit-appearance: none; appearance: none; width: 40px; height: 40px; padding: 0 30px; border: 1px solid transparent; background: transparent; box-shadow: none; transition: all .2s linear; vertical-align: middle; text-align: right; cursor: pointer; }
.j-search-field::placeholder { color: transparent; }
.j-search-field:focus, .j-search.j-active .j-search-field { width: 180px; outline: 0; background: transparent; border-color: transparent; box-shadow: none; }
.j-search-dd { position: absolute; top: 100%; right: 0; width: 300px; box-sizing: border-box; padding: 20px; background: #1c253b; color: #444445; z-index: 1020; text-align: left; }
.j-search-dd[hidden] { display: none; }
.j-nav-search { list-style: none; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; font-weight: 300; }
.j-nav-search > li { margin: 0; padding: 0; }
.j-nav-search > li > a { display: block; padding: 3px 0; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 24px; font-weight: 300; color: #fff; text-decoration: none; outline: 0; }
.j-nav-search > li > a > div { font-family: 'Poppins', sans-serif; font-size: 11px; line-height: 15px; }
.j-nav-search > li.j-nav-header { padding: 3px 0; font-family: 'Poppins', sans-serif; font-size: 13px; line-height: 24px; color: rgba(255, 255, 255, .7); }
.j-nav-search > li.j-nav-divider { margin: 9px 0; border-top: 1px solid rgba(255, 255, 255, .2); }
.j-nav-search > li.uk-active > a, .j-nav-search > li.uk-active > a:hover { color: #facf4d; }
/* Inschuiven bij scrollen (/diensten, /referenties) zoals oud scrollspy: onzichtbaar tot in beeld, dan fade 0,8s lineair of schuiven 0,5s */
.j-spy-on .j-spy:not(.j-inview) { visibility: hidden; }
.j-spy-on .page-id-59 .tm-main .uk-article [property=text] > .uk-grid > div > .uk-grid > div:not(.j-inview), .j-spy-on .tm-main figure.tm-ref:not(.j-inview) { visibility: hidden; }
.j-anim-fade { animation: j-fade .8s linear both; }
.j-anim-right { animation: j-fade-right .5s ease-out both; }
.j-anim-left { animation: j-fade-left .5s ease-out both; }
@keyframes j-fade { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes j-fade-right { 0% { opacity: 0; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0); } }
@keyframes j-fade-left { 0% { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) {
  .j-anim-fade, .j-anim-right, .j-anim-left, .tm-header .uk-navbar-dropdown.uk-open { animation: none; }
}
/* r13 nameting: focus (Tab) zoals oud = onderstreept; footerregel-links #7d8aa6; knop naar boven; formulier */
.j-footer-box a:focus, .tm-toolbar a[href*="facebook"]:focus, .tm-toolbar a[href*="linkedin"]:focus { text-decoration: underline; }
.j-footer-bottom .j-legal a:hover, .j-footer-bottom .j-legal a:focus { color: #7d8aa6; }
.j-totop:focus { color: #26365a; text-decoration: none; outline: none; }
.j-form label { cursor: pointer; }
.j-form input[type=checkbox] { cursor: pointer; }
.j-form input[type=file] { cursor: default; }
.j-form input[type=file]:focus { outline: auto 5px -webkit-focus-ring-color; outline-offset: -2px; }
.j-form .uk-input, .j-form input[type=text], .j-form input[type=email], .j-form input[type=tel] { transition: border .2s linear, background 0s, color 0s, box-shadow 0s, padding 0s; }
.j-form .uk-input:focus, .j-form input[type=text]:focus, .j-form input[type=email]:focus, .j-form input[type=tel]:focus { background: #e0e4ec; color: #26365a; border-color: transparent !important; outline: 0; box-shadow: none; }
/* Knop Verstuur: oud wordt hij bij hover/focus donkerblauw (#364972), bij klikken #2e416c (gemeten met de muis op oud) */
.j-form .uk-form-controls input[type=submit].wpcf7-submit:hover, .j-form .uk-form-controls input[type=submit].wpcf7-submit:focus, .j-form .wpcf7-submit:hover, .j-form .wpcf7-submit:focus { background: #364972; color: #fff; outline: none; }
.j-form .uk-form-controls input[type=submit].wpcf7-submit:active, .j-form .wpcf7-submit:active { background: #2e416c; color: rgba(255, 255, 255, .7); }
/* Mobiel menu zoals oud (UIkit 2 offcanvas): blauw vlak van 270px dat in 0,3s van links inschuift terwijl de pagina naar links wegschuift,
   grijs waas over de rest; » + Poppins 14/300 (submenu Open Sans 13 #dadbde), actief item geel #facf4d, geen sluitknop */
#tm-dialog-mobile .uk-offcanvas-bar { left: -270px; right: auto; width: 270px; max-width: 270px !important; padding: 0; background: #0091b0; box-shadow: 0 17px 17px 0 rgba(0, 0, 0, .2); transition: left .3s ease-in-out; }
#tm-dialog-mobile.uk-open > .uk-offcanvas-bar { left: 0; right: auto; }
.uk-offcanvas-container-animation { transition-timing-function: ease-in-out !important; }
#tm-dialog-mobile .uk-offcanvas-close { display: none; }
#tm-dialog-mobile .uk-offcanvas-bar > div, #tm-dialog-mobile .uk-panel { margin: 0; padding: 0; }
#tm-dialog-mobile .uk-nav-default { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: 24px; font-weight: 300; }
#tm-dialog-mobile .uk-nav-default > li > a { display: block; padding: 10px 20px; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 24px; font-weight: 300; color: #fff; text-transform: none; letter-spacing: normal; transition: none; }
#tm-dialog-mobile .uk-nav-default > li > a::before { content: "\f101"; font-family: 'FontAwesome'; font-weight: normal; font-size: 14px; line-height: 1; display: inline-block; width: 8px; padding-right: 3.88px; }
#tm-dialog-mobile .uk-nav-default > li > a[href$="/werken-bij-jures"]::before { content: none; }
#tm-dialog-mobile .uk-nav-default .uk-nav-sub { margin: 0; padding: 5px 0 5px 25px; }
#tm-dialog-mobile .uk-nav-default .uk-nav-sub a { display: block; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 24px; font-weight: 300; color: #dadbde; text-transform: none; letter-spacing: normal; transition: none; }
#tm-dialog-mobile .uk-nav-default .uk-nav-sub a::before { content: "\f101"; font-family: 'FontAwesome'; font-weight: normal; font-size: 13px; line-height: 1; display: inline-block; width: 7px; padding-right: 3.38px; }
#tm-dialog-mobile .uk-nav-default > li > a:hover, #tm-dialog-mobile .uk-nav-default > li > a:focus { color: rgba(255, 255, 255, .7); background: transparent; outline: none; text-decoration: none; }
#tm-dialog-mobile .uk-nav-default .uk-nav-sub a:hover, #tm-dialog-mobile .uk-nav-default .uk-nav-sub a:focus { color: #444445; text-decoration: none; }
#tm-dialog-mobile .uk-nav-default > li.uk-active > a, #tm-dialog-mobile .uk-nav-default > li.current-menu-ancestor > a, #tm-dialog-mobile .uk-nav-default > li.current-menu-parent > a { color: #facf4d; }
#tm-dialog-mobile .uk-nav-default .uk-nav-sub li.uk-active > a { color: #dadbde; }
#tm-dialog-mobile.uk-offcanvas-overlay::before { background: rgba(0, 0, 0, .1); }

/* Nieuwsoverzicht (Hanna H-02, 26-10): "Meer artikelen..." onder het bericht, zoals oud (Joomla uk-panel-header) */
.j-meer-artikelen { margin: 35px 0 0; }
nav.j-meer-nav.uk-margin-large { margin-top: 120px !important; } /* oud: paginering 120px onder het lijstje */
.j-meer-title { font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 300; line-height: 24px; color: var(--j-heading2); text-transform: none; margin: 0 0 15px; padding: 0 0 10px; border-bottom: 1px solid rgba(159, 165, 173, .2); }
.j-meer-artikelen .uk-list { margin: 15px 0 0; padding: 0; }
.j-meer-artikelen .uk-list > li, .j-meer-artikelen .uk-list > :nth-child(n+2) { padding: 0; margin: 0; }
.j-meer-artikelen .uk-list > li > a { color: #1394cd; font-size: 16px; line-height: 24px; text-decoration: none; }
.j-meer-artikelen .uk-list > li > a:hover { color: #7d8aa6; text-decoration: none; }