/*
 Theme Name:   Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/


:root{
  --lev-dark: #0b0b0c;
  --lev-blue: #2a86a6;   /* jouw blauw */
  --lev-orange: #c8731d; /* jouw oranje */
  --lev-bg: #d9d9d9;     /* jouw lichtgrijs */
}
.btn-primary{
  background: var(--lev-blue);
  border-color: var(--lev-blue);
}
.btn-primary:hover{ filter: brightness(.95); }

.lev-hero{ background-size: cover; background-position: center; min-height: 86vh; display:flex; align-items:center; color:#fff; position:relative; }
.lev-hero__overlay{ position:absolute; inset:0; background: linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.15)); }
.lev-hero .container{ position:relative; z-index:2; }
.lev-hero__title{ font-weight:800; font-size: clamp(2.2rem, 5vw, 4.2rem); line-height: 1.05; }
.lev-kicker{ letter-spacing:.08em; text-transform: uppercase; font-size:.8rem; opacity:.85; }

:root{
  --lev-dark:#0b0b0c;
  --lev-blue:#2a86a6;
  --lev-orange:#c8731d;
  --lev-bg:#d9d9d9;
}

.lev-quicklinks a{ text-decoration:none; }
.lev-ql{
  display:block; min-height: 220px;
  padding: 56px 40px;
  transition: transform .15s ease, filter .15s ease;
}
.lev-ql:hover{ transform: translateY(-2px); filter: brightness(.98); }
.lev-ql__inner{ display:flex; gap:16px; align-items:center; justify-content:flex-start; height:100%; }
.lev-ql__icon i{ font-size:44px; line-height:1; opacity:.9; }
.lev-ql__title{ font-size:28px; font-weight:700; letter-spacing:-.02em; }

.lev-ql--light{ background:#cfcfcf; color:#0b0b0c; }
.lev-ql--blue{ background:var(--lev-blue); color:#fff; }
.lev-ql--dark{ background:var(--lev-dark); color:#fff; }

.lev-focus{
  position:relative;
  background-size:cover; background-position:center;
}
.lev-focus__overlay{
  position:absolute; inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.25));
}
.lev-focus .container{ position:relative; z-index:2; }

.lev-focuscard{
  background:#e7e7e7;
  border-radius: 18px;
  padding:18px 18px;
  display:flex; gap:14px;
  min-height: 140px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}
.lev-focuscard__icon i{ font-size:28px; color: var(--lev-orange); }
.lev-focuscard__title{ font-weight:700; margin-bottom:4px; }
.lev-focuscard__text{ color:#555; font-size:.95rem; }

.lev-card{ border:1px solid rgba(0,0,0,.08); border-radius:18px; overflow:hidden; }
.lev-card:hover{ transform: translateY(-2px); transition: transform .15s ease; }

.btn-primary{ background:var(--lev-blue); border-color:var(--lev-blue); }
.btn-primary:hover{ filter:brightness(.95); }
.btn-outline-primary{ border-color:var(--lev-blue); color:var(--lev-blue); }
.btn-outline-primary:hover{ background:var(--lev-blue); border-color:var(--lev-blue); color:#fff; }

.lev-kicker{ letter-spacing:.08em; text-transform:uppercase; font-size:.8rem; opacity:.85; }
.lev-prose p:last-child{ margin-bottom:0; }

.page-numbers{ list-style:none; padding:0; margin:0; display:flex; gap:8px; flex-wrap:wrap; }
.page-numbers li{ margin:0; }
.page-numbers a, .page-numbers span{
  display:inline-block; padding:.45rem .7rem;
  border:1px solid rgba(0,0,0,.12);
  border-radius: 10px;
  text-decoration:none;
}
.page-numbers .current{
  background: var(--lev-blue);
  border-color: var(--lev-blue);
  color:#fff;
}