.elementor-kit-4830{--e-global-color-primary:#1D1305;--e-global-color-secondary:#199B30;--e-global-color-text:#1D1305;--e-global-color-accent:#179808;--e-global-color-7d4a260:#FFFFFF;--e-global-color-a3263c6:#F5F1EF;--e-global-color-296facf:#EBE5DE;--e-global-color-c18934a:#1D1305;--e-global-color-de14c7c:#221708;--e-global-color-484b000:#2C1F0C;--e-global-color-6d4eaf2:#07122214;--e-global-color-19a3e79:#FFFFFF14;--e-global-color-27baf72:#FF9300;--e-global-color-fb02fb1:#F8E5CB;--e-global-color-9473fc2:#0B3805;--e-global-color-65b1be4:#D3EAD5;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-e81911c-font-family:"Inter tight";--e-global-typography-e81911c-font-size:clamp(3rem, 1.2115rem + 7.9487vw, 6.875rem);--e-global-typography-e81911c-font-weight:600;--e-global-typography-e81911c-line-height:1em;--e-global-typography-6e967ca-font-family:"Inter tight";--e-global-typography-6e967ca-font-size:clamp(2.5rem, 1.3462rem + 5.1282vw, 5rem);--e-global-typography-6e967ca-font-weight:700;--e-global-typography-6e967ca-line-height:1em;--e-global-typography-b4d9bcc-font-family:"Inter tight";--e-global-typography-b4d9bcc-font-size:clamp(2rem, 1.0769rem + 4.1026vw, 4rem);--e-global-typography-b4d9bcc-font-weight:700;--e-global-typography-b4d9bcc-line-height:1em;--e-global-typography-a02ffa8-font-family:"Inter tight";--e-global-typography-a02ffa8-font-size:clamp(1.5rem, 0.8077rem + 3.0769vw, 3rem);--e-global-typography-a02ffa8-font-weight:700;--e-global-typography-a02ffa8-line-height:1em;--e-global-typography-e65f1ec-font-family:"Inter tight";--e-global-typography-e65f1ec-font-size:clamp(1.5rem, 1.2692rem + 1.0256vw, 2rem);--e-global-typography-e65f1ec-font-weight:700;--e-global-typography-e65f1ec-line-height:1.2em;--e-global-typography-b002a9f-font-family:"Inter tight";--e-global-typography-b002a9f-font-size:clamp(1.25rem, 1.1346rem + 0.5128vw, 1.5rem);--e-global-typography-b002a9f-font-weight:700;--e-global-typography-b002a9f-line-height:1.2em;--e-global-typography-848a1c2-font-family:"Inter tight";--e-global-typography-848a1c2-font-size:clamp(1.125rem, 1.0673rem + 0.2564vw, 1.25rem);--e-global-typography-848a1c2-font-weight:700;--e-global-typography-848a1c2-line-height:1.2em;--e-global-typography-47ddb5f-font-family:"Inter";--e-global-typography-47ddb5f-font-size:24px;--e-global-typography-47ddb5f-font-weight:400;--e-global-typography-47ddb5f-line-height:1.5em;--e-global-typography-2de8d9b-font-family:"Inter";--e-global-typography-2de8d9b-font-size:20px;--e-global-typography-2de8d9b-line-height:1.5em;--e-global-typography-cb01722-font-family:"Inter";--e-global-typography-cb01722-font-size:18px;--e-global-typography-cb01722-line-height:1.5em;--e-global-typography-16406e0-font-family:"Inter";--e-global-typography-16406e0-font-size:16px;--e-global-typography-16406e0-line-height:1.5em;--e-global-typography-814039c-font-family:"Inter";--e-global-typography-814039c-font-size:16px;--e-global-typography-814039c-font-weight:500;--e-global-typography-814039c-line-height:1.2em;background-color:var( --e-global-color-a3263c6 );color:var( --e-global-color-primary );}.elementor-kit-4830 button,.elementor-kit-4830 input[type="button"],.elementor-kit-4830 input[type="submit"],.elementor-kit-4830 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;line-height:1em;color:var( --e-global-color-7d4a260 );border-style:none;border-radius:32px 32px 32px 32px;padding:18px 32px 18px 32px;}.elementor-kit-4830 a{color:var( --e-global-color-primary );}.elementor-kit-4830 h1{color:var( --e-global-color-primary );}.elementor-kit-4830 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-e65f1ec-font-family ), Sans-serif;font-size:var( --e-global-typography-e65f1ec-font-size );font-weight:var( --e-global-typography-e65f1ec-font-weight );line-height:var( --e-global-typography-e65f1ec-line-height );}.elementor-kit-4830 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-e65f1ec-font-family ), Sans-serif;font-size:var( --e-global-typography-e65f1ec-font-size );font-weight:var( --e-global-typography-e65f1ec-font-weight );line-height:var( --e-global-typography-e65f1ec-line-height );}.elementor-kit-4830 h4{color:var( --e-global-color-primary );}.elementor-kit-4830 h5{color:var( --e-global-color-primary );}.elementor-kit-4830 h6{color:var( --e-global-color-primary );}.elementor-kit-4830 label{font-size:18px;font-weight:700;line-height:1.5em;}.elementor-kit-4830 input:not([type="button"]):not([type="submit"]),.elementor-kit-4830 textarea,.elementor-kit-4830 .elementor-field-textual{font-family:var( --e-global-typography-16406e0-font-family ), Sans-serif;font-size:var( --e-global-typography-16406e0-font-size );line-height:var( --e-global-typography-16406e0-line-height );background-color:var( --e-global-color-7d4a260 );border-style:solid;border-width:0px 0px 0px 0px;border-radius:12px 12px 12px 12px;padding:16px 16px 16px 16px;}.elementor-kit-4830 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-4830 textarea:focus,.elementor-kit-4830 .elementor-field-textual:focus{border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-4830{--e-global-typography-b002a9f-line-height:1.1em;--e-global-typography-47ddb5f-font-size:20px;--e-global-typography-2de8d9b-font-size:20px;--e-global-typography-2de8d9b-line-height:1.5em;--e-global-typography-cb01722-font-size:18px;--e-global-typography-cb01722-line-height:1.5em;--e-global-typography-16406e0-font-size:16px;}.elementor-kit-4830 h2{font-size:var( --e-global-typography-e65f1ec-font-size );line-height:var( --e-global-typography-e65f1ec-line-height );}.elementor-kit-4830 h3{font-size:var( --e-global-typography-e65f1ec-font-size );line-height:var( --e-global-typography-e65f1ec-line-height );}.elementor-kit-4830 label{font-size:18px;line-height:1.5em;}.elementor-kit-4830 input:not([type="button"]):not([type="submit"]),.elementor-kit-4830 textarea,.elementor-kit-4830 .elementor-field-textual{font-size:var( --e-global-typography-16406e0-font-size );line-height:var( --e-global-typography-16406e0-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}@media(max-width:767px){.elementor-kit-4830{--e-global-typography-e65f1ec-line-height:1.1em;--e-global-typography-b002a9f-line-height:1.1em;--e-global-typography-47ddb5f-font-size:20px;--e-global-typography-2de8d9b-font-size:18px;--e-global-typography-cb01722-font-size:16px;--e-global-typography-16406e0-font-size:15px;}.elementor-kit-4830 h2{font-size:var( --e-global-typography-e65f1ec-font-size );line-height:var( --e-global-typography-e65f1ec-line-height );}.elementor-kit-4830 h3{font-size:var( --e-global-typography-e65f1ec-font-size );line-height:var( --e-global-typography-e65f1ec-line-height );}.elementor-kit-4830 label{font-size:18px;}.elementor-kit-4830 input:not([type="button"]):not([type="submit"]),.elementor-kit-4830 textarea,.elementor-kit-4830 .elementor-field-textual{font-size:var( --e-global-typography-16406e0-font-size );line-height:var( --e-global-typography-16406e0-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:85%;}.e-con{--container-max-width:85%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}}/* Start custom CSS *//* ========================================================= Veiligheidstrainer — Global CSS (opgeschoond & minimaal) - Zelfde functionaliteit behouden ========================================================= */ /* --------------------------------------------------------- 1) Buttons (Elementor) --------------------------------------------------------- */ .elementor-button{ transition: transform .4s, filter .4s; } .elementor-button:hover{ transform: translateX(3px); filter: brightness(95%); } .no-hover .elementor-button:hover{ transform: none !important; filter: none !important; } /* Button varianten */ .b1 .elementor-button{ background: var(--e-global-color-primary); color: var(--e-global-color-7d4a260); } .b1-dark .elementor-button{ background: var(--e-global-color-7d4a260); color: var(--e-global-color-primary); } .b2 .elementor-button{ background: var(--e-global-color-296facf); color: var(--e-global-color-primary); } .b2-dark .elementor-button{ background: var(--e-global-color-484b000); color: var(--e-global-color-7d4a260); } .b3 .elementor-button{ background: transparent; color: var(--e-global-color-primary); box-shadow: inset 0 0 0 1px var(--e-global-color-primary); } .b3-dark .elementor-button{ background: transparent; color: var(--e-global-color-7d4a260); box-shadow: inset 0 0 0 1px var(--e-global-color-7d4a260); } .b4 .elementor-button{ background: transparent; color: var(--e-global-color-primary); font-weight: 700; padding: 0; } .b4-dark .elementor-button{ background: transparent; color: var(--e-global-color-7d4a260); font-weight: 700; padding: 0; } .b-klein .elementor-button{ padding: 14px 28px; } .b-groot .elementor-button{ padding: 18px 32px; } /* --------------------------------------------------------- 2) Button icon (arrow / hover icon) --------------------------------------------------------- */ @keyframes icon-reloop{ 0%{ transform: translateX(0); opacity: 1; } 30%{ transform: translateX(10px); opacity: 0; } 31%{ transform: translateX(-10px); opacity: 0; } 100%{ transform: translateX(0); opacity: 1; } } /* ARROW variant */ .arrow .elementor-button-icon{ position: absolute; top: 4px; right: 4px; width: 39px; height: 39px; border-radius: 32px; background: rgba(0,22,31,.08); display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 2; } .arrow .elementor-button-icon svg{ width: 20px; height: 20px; pointer-events: none; transition: none; } .arrow .elementor-button-content-wrapper{ padding-right: 32px; } .arrow:hover .elementor-button-icon svg{ animation: icon-reloop .6s ease forwards; } .arrow.klein .elementor-button-icon{ width: 35px; height: 35px; } .arrow.klein .elementor-button-icon svg{ width: 18px; height: 18px; } .arrow.klein .elementor-button-content-wrapper{ padding-right: 24px; } /* BTN-HOVER variant (zelfde gedrag, andere background) */ .btn-hover{ position: relative; } .btn-hover .elementor-button-icon{ position: absolute; top: 4px; right: 4px; width: 39px; height: 39px; border-radius: 32px; background: var(--e-global-color-secondary); display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 2; } .btn-hover .elementor-button-icon svg{ width: 20px; height: 20px; pointer-events: none; transition: none; } .btn-hover .elementor-button-content-wrapper{ padding-right: 32px; } .btn-hover:hover .elementor-button-icon svg{ animation: icon-reloop .6s ease forwards; } .btn-hover.klein .elementor-button-icon{ width: 35px; height: 35px; } .btn-hover.klein .elementor-button-icon svg{ width: 18px; height: 18px; } .btn-hover.klein .elementor-button-content-wrapper{ padding-right: 24px; } /* --------------------------------------------------------- 3) Utility: padding / radius --------------------------------------------------------- */ .pad-s{ padding: clamp(1rem,.7692rem + 1.0256vw,1.5rem); } .pad-m{ padding: clamp(1.5rem,1.2692rem + 1.0256vw,2rem); } .pad-l{ padding: clamp(2rem,1.5385rem + 2.0513vw,3rem); } .pad-tb-s{ padding-block: clamp(1.5rem,1.0385rem + 2.0513vw,2.5rem); } .pad-tb-m{ padding-block: clamp(4rem,3.5385rem + 2.0513vw,5rem); } .pad-tb-l{ padding-block: clamp(7rem,6.5385rem + 2.0513vw,8rem); } .pad-t-s{ padding-top: clamp(1.5rem,1.0385rem + 2.0513vw,2.5rem); } .pad-t-m{ padding-top: clamp(4rem,3.5385rem + 2.0513vw,5rem); } .pad-t-l{ padding-top: clamp(7rem,6.5385rem + 2.0513vw,8rem); } .pad-t-xl{ padding-top: calc(clamp(4rem,3.5385rem + 2.0513vw,5rem) + 88px); } @media (max-width:767px){ .pad-t-xl{ padding-top: calc(clamp(4rem,3.5385rem + 2.0513vw,5rem) + 32px); } } .pad-b-s{ padding-bottom: clamp(1.5rem,1.0385rem + 2.0513vw,2.5rem); } .pad-b-m{ padding-bottom: clamp(4rem,3.5385rem + 2.0513vw,5rem); } .pad-b-l{ padding-bottom: clamp(7rem,6.5385rem + 2.0513vw,8rem); } .round-s,.round-s img{ border-radius: 4px; } .round-m,.round-m img{ border-radius: 8px; } .round-l,.round-l img{ border-radius: 16px; } /* --------------------------------------------------------- 4) Labels --------------------------------------------------------- */ .label1,.label2,.label3,.label4,.label5,.label6,.label7,.label8{ padding: 8px 16px; border-radius: 32px; } .label1{ background: var(--e-global-color-accent); color:#fff; } .label2{ background: var(--e-global-color-7d4a260); color: var(--e-global-color-primary); } .label3{ background: var(--e-global-color-a3263c6); color: var(--e-global-color-primary); } .label4{ background: var(--e-global-color-296facf); color: var(--e-global-color-primary); } .label5{ background: var(--e-global-color-c18934a); color:#fff; } .label6{ background: var(--e-global-color-de14c7c); color:#fff; } .label7{ background: var(--e-global-color-484b000); color:#fff; } .label8{ color: var(--e-global-color-accent); background: color-mix(in srgb, var(--e-global-color-accent) 12%, transparent); } /* ======================== TEKST OPMAAK ======================== */ .tekst-opmaak h2, .tekst-opmaak h3 { padding-top: 24px; font-weight: bold; } /* LINKS — multi-line underline + zachte hover-offset */ .tekst-opmaak a { display: inline; /* zeker weten dat het inline blijft */ color: var(--e-global-color-accent); font-weight: bold; text-decoration-line: underline; text-decoration-color: currentColor; text-decoration-thickness: 1.5px; text-underline-offset: 2px; /* startpositie van de lijn */ text-decoration-skip-ink: none; /* continue lijn (zoals je pseudo-underline) */ transition: text-underline-offset .3s ease; } /* 2px verder naar beneden op hover */ .tekst-opmaak a:hover { text-underline-offset: 4px; } /* Oude pseudo-element underline uitschakelen (voor als die CSS nog ergens staat) */ .tekst-opmaak a::after, .tekst-opmaak a:hover::after { content: none !important; } .tekst-opmaak img { width: 100%; height: auto; border-radius: 8px; display: block; margin-bottom: 32px; } .tekst-opmaak ul, .tekst-opmaak ol { margin-bottom: 0px; padding-left: 24px; } .tekst-opmaak ul li, .tekst-opmaak ol li { margin-bottom: 0px; } .tekst-opmaak ul li:last-child, .tekst-opmaak ol li:last-child { margin-bottom: 0; } .tekst-opmaak blockquote { padding: 24px; background-color: var(--e-global-color-296facf); border-radius: 12px; margin: 48px 0 16px 0; } .tekst-opmaak blockquote p { margin-bottom: 0; } .tekst-opmaak blockquote cite { font-size: var(--font-size-xs); font-weight: var(--font-weight-light); } /* Clip fix */ .elementor-element-23a9480{ overflow-x: clip; } /* --------------------------------------------------------- 6) Slider overflow helpers --------------------------------------------------------- */ .slider-aan .swiper{ overflow: visible; clip-path: inset(0 -200% 0 -200%); } .slider-rechts .swiper{ overflow: visible; clip-path: inset(0 0 0 -200%); } .slider-links .swiper{ overflow: visible; clip-path: inset(0 -200% 0 0); } .slider-aan .elementor-swiper-button, .slider-rechts .elementor-swiper-button, .slider-links .elementor-swiper-button{ transition: opacity .2s ease; } .slider-aan .swiper-button-disabled, .slider-rechts .swiper-button-disabled, .slider-links .swiper-button-disabled{ opacity: 0 !important; pointer-events: none; } /* --------------------------------------------------------- 7) Image hover + lightbox styling --------------------------------------------------------- */ .afbeelding-container{ overflow: hidden; position: relative; } .afbeelding-img{ transition: transform .4s ease; transform-origin: center; } .container-hover:hover .afbeelding-img{ transform: scale(1.04); } /* Lightbox image rounding + overlay */ .elementor-lightbox .elementor-lightbox-image{ position: relative !important; border-radius: 16px !important; overflow: hidden !important; } .elementor-lightbox{ backdrop-filter: blur(16px) brightness(1) !important; background: rgba(0,0,0,.2) !important; } .elementor-lightbox .elementor-lightbox-image, .elementor-lightbox .elementor-lightbox-item, .elementor-lightbox .dialog-message{ box-shadow: none !important; filter: none !important; background: none !important; } /* Lightbox close button */ a.dialog-close-button.dialog-lightbox-close-button{ position: absolute !important; top: 32px !important; right: 32px !important; padding: 16px !important; border-radius: 64px !important; background: var(--e-global-color-a3263c6) !important; color: var(--e-global-color-primary) !important; display:flex; align-items:center; justify-content:center; z-index: 9999 !important; transition: filter .25s ease; } a.dialog-close-button.dialog-lightbox-close-button svg, a.dialog-close-button.dialog-lightbox-close-button i{ width: 20px !important; height: 20px !important; color: var(--e-global-color-primary) !important; fill: var(--e-global-color-primary) !important; } a.dialog-close-button.dialog-lightbox-close-button:hover{ filter: brightness(1.15); } /* --------------------------------------------------------- 8) Accordion icon --------------------------------------------------------- */ .e-n-accordion-item-title::after{ content:''; display:inline-block; width:24px; height:24px; margin-left:auto; background: url('data:image/svg+xml;utf8,') center/contain no-repeat; transform: rotate(0deg); transition: .3s cubic-bezier(.9,0,.1,1); } .e-n-accordion-item-title[aria-expanded="true"]::after{ transform: rotate(180deg); } /* --------------------------------------------------------- 9) Tutor LMS — conflicts voorkomen met Elementor buttons (minimaal: alleen wat jij nodig had) --------------------------------------------------------- */ /* Maak Tutor knoppen altijd klikbaar met hand-cursor (fix voor pointer) */ .tutor-btn, .tutor-button, .tutor-dashboard a.tutor-btn, .tutor-dashboard button, .tutor-wrap a.tutor-btn, .tutor-wrap button{ cursor: pointer !important; } /* Voorkom dat Elementor button styles doorlekken op Tutor knoppen */ .tutor-btn, .tutor-button{ transition: none !important; transform: none !important; filter: none !important; } /* Tutor “Primary/Secondary” kleuren (behouden) */ .tutor-btn-primary{ background: var(--e-global-color-accent) !important; color: #fff !important; border-radius: 32px !important; padding: 10px 16px !important; } .tutor-btn-secondary{ background: var(--e-global-color-296facf) !important; color: var(--e-global-color-c18934a) !important; border-radius: 32px !important; padding: 10px 16px !important; } /* Reset ONLY close buttons in toast/auth meldingen (geen pill button) */ .tutor-toast button, .tutor-notification button, .tutor-lms-toast button{ all: unset !important; width: 28px !important; height: 28px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; border: 0 !important; color: inherit !important; cursor: pointer !important; } .tutor-toast button:hover, .tutor-notification button:hover, .tutor-lms-toast button:hover{ background: rgba(0,0,0,.06) !important; } /* Tutor dashboard menu items verbergen */ li.tutor-dashboard-menu-reviews, li.tutor-dashboard-menu-my-quiz-attempts, li.tutor-dashboard-menu-wishlist, li.tutor-dashboard-menu-question-answer, li.tutor-dashboard-menu-divider{ display: none !important; } /* Tutor dashboard header row volledig weg */ .tutor-row.tutor-frontend-dashboard-header{ display: none !important; } .tutor-dashboard.tutor-frontend-dashboard, .tutor-wrap.tutor-dashboard, .tutor-dashboard .tutor-container{ padding-top: 0 !important; } /* ========================= Tutor LMS — Notes UIT (Spotlight/Lesson view) Verbergt Notes-tab + Take Note knop + notes content ========================= */ /* 1) Notes tab (bovenin naast Overzicht) */ a.tutor-nav-link[data-tutor-nav-target="tutor-course-spotlight-notes"], a.tutor-nav-link[data-tutor-query-variable="page_tab"][data-tutor-query-value="notes"]{ display: none !important; } /* 2) Take Note button rechtsboven */ #tutor-lesson-nav-take-note-btn{ display: none !important; } /* 3) Notes content panel (voor het geval iemand direct naar notes-tab forced) */ #tutor-course-spotlight-notes, .tutor-course-spotlight-notes, .tutor-note, .tutor-notes{ display: none !important; } /* Tutor LMS — "Markeer als afgerond" (topbar) */ button.tutor-topbar-mark-btn.tutor-btn, button.tutor-topbar-mark-btn.tutor-btn.tutor-btn-primary{ background: rgba(0,0,0,0.12) !important; /* zwart 12% */ border: 0 !important; color: #fff !important; /* witte tekst */ box-shadow: none !important; } /* icon ook wit */ button.tutor-topbar-mark-btn.tutor-btn svg, button.tutor-topbar-mark-btn.tutor-btn i{ color: #fff !important; fill: #fff !important; } /* hover/focus: wit vlak + groene tekst */ button.tutor-topbar-mark-btn.tutor-btn:hover, button.tutor-topbar-mark-btn.tutor-btn:focus{ background: #fff !important; color: var(--e-global-color-accent) !important; } button.tutor-topbar-mark-btn.tutor-btn:hover svg, button.tutor-topbar-mark-btn.tutor-btn:hover i, button.tutor-topbar-mark-btn.tutor-btn:focus svg, button.tutor-topbar-mark-btn.tutor-btn:focus i{ color: var(--e-global-color-accent) !important; fill: var(--e-global-color-accent) !important; } /* Tutor LMS — footer navigatiebar (Vorige/Volgende) wit maken */ .tutor-course-single-content-wrapper #tutor-single-entry-content .tutor-course-topic-single-footer{ background: #fff !important; border-top: 0 !important; box-shadow: none !important; } /* Tutor LMS — footer navigatie: "Volgende" button */ .tutor-course-topic-single-footer .tutor-single-course-content-next a, .tutor-course-topic-single-footer .tutor-single-course-content-next .tutor-btn, .tutor-course-topic-single-footer .tutor-single-course-content-next button{ background: var(--e-global-color-accent) !important; border-color: var(--e-global-color-accent) !important; color: var(--e-global-color-7d4a260) !important; } /* Als er een pijl/svg in zit: ook die kleur meenemen */ .tutor-course-topic-single-footer .tutor-single-course-content-next a svg, .tutor-course-topic-single-footer .tutor-single-course-content-next a i{ fill: var(--e-global-color-7d4a260) !important; color: var(--e-global-color-7d4a260) !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Inter tight'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://veiligheidstrainer.jictex.cloud/wp-content/uploads/2025/10/InterTight-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'Inter tight'; font-style: italic; font-weight: bold; font-display: auto; src: url('https://veiligheidstrainer.jictex.cloud/wp-content/uploads/2025/10/InterTight-SemiBoldItalic.ttf') format('truetype'); } @font-face { font-family: 'Inter tight'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://veiligheidstrainer.jictex.cloud/wp-content/uploads/2025/10/InterTight-Regular.ttf') format('truetype'); } @font-face { font-family: 'Inter tight'; font-style: italic; font-weight: normal; font-display: auto; src: url('https://veiligheidstrainer.jictex.cloud/wp-content/uploads/2025/10/InterTight-Italic.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Inter'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://veiligheidstrainer.jictex.cloud/wp-content/uploads/2025/10/Inter_18pt-Regular.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-style: italic; font-weight: normal; font-display: auto; src: url('https://veiligheidstrainer.jictex.cloud/wp-content/uploads/2025/10/Inter_18pt-Italic.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://veiligheidstrainer.jictex.cloud/wp-content/uploads/2025/10/Inter_18pt-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-style: italic; font-weight: bold; font-display: auto; src: url('https://veiligheidstrainer.jictex.cloud/wp-content/uploads/2025/10/Inter_18pt-SemiBoldItalic.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://veiligheidstrainer.jictex.cloud/wp-content/uploads/2025/10/Inter_18pt-Medium.ttf') format('truetype'); } @font-face { font-family: 'Inter'; font-style: italic; font-weight: 500; font-display: auto; src: url('https://veiligheidstrainer.jictex.cloud/wp-content/uploads/2025/10/Inter_18pt-MediumItalic.ttf') format('truetype'); } /* End Custom Fonts CSS */