/* Belgium Retro Responsive 1.0.3: approved layout, original fonts, lossless backgrounds. */
:root { --retro-ink: #241f16; }
html { scroll-behavior: smooth; }
body { color: var(--retro-ink); }
/* The theme's original PNG declarations remain the fallback in older browsers. */
@supports (background-image: image-set(url("images/body-bg.webp") type("image/webp"))) {
  body { background-image: image-set(url("images/body-bg.webp") type("image/webp"), url("../../../themes/belgium-retro/images/body-bg.png") type("image/png")); }
  .container { background-image: image-set(url("images/content-bg.webp") type("image/webp"), url("../../../themes/belgium-retro/images/content-bg.png") type("image/png")); }
  .footer { background-image: image-set(url("images/footer-bg.webp") type("image/webp"), url("../../../themes/belgium-retro/images/footer-bg.png") type("image/png")); }
}
img { max-width:100%; height:auto; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #715024; outline-offset: 4px; }
.skip-content { position:absolute; left:12px; top:-80px; background:#fff9e6; padding:12px; z-index:30; }
.skip-content:focus { top:12px; }
.header .menu { display:flex; justify-content:space-between; gap:8px; }
.header .menu li { margin:0; }
.header .menu > li { display:flex; align-items:center; }
.header .menu > li > a { font-family:Georgia,'Times New Roman',serif; font-weight:bold; padding:10px 4px; text-decoration:none; }
.submenu-toggle, .menu-toggle { color:inherit; background:transparent; border:0; font-family:inherit; cursor:pointer; min-width:44px; min-height:44px; }
.submenu-toggle { font-size:24px; line-height:1; padding:4px; }
.submenu-toggle[aria-expanded=true] { transform:rotate(180deg); }
.header .menu li .sub-menu { display:none; z-index:10; top:100%; left:0; width:230px; box-sizing:border-box; padding:12px; }
.header .menu li .sub-menu.is-open { display:block; }
.header .menu li .sub-menu li { display:block; margin:0; text-align:left; }
.header .menu li .sub-menu li a { display:block; padding:10px 42px 10px 8px; line-height:1.4; }
.header .menu li .sub-menu .submenu-toggle { position:absolute; right:0; top:0; color:white; }
.header .menu li .sub-menu .sub-menu { position:static; width:auto; border-left:1px solid #8d826e; margin-left:12px; padding:0 0 0 8px; }
.header .menu > li:last-child .sub-menu { left:auto; right:0; }
.menu-toggle { display:none; }
.subheading-text { display:none; }
.mobile-services { display:none; }
.content { overflow-wrap:break-word; }
.content table { max-width:100%; }
.table-scroll { overflow:auto; }
.wpcf7 input:not([type=checkbox]):not([type=radio]), .wpcf7 textarea { box-sizing:border-box; max-width:100%; font-size:16px; }
.wpcf7 label { display:block; }
html:not(.js) .header .menu, html:not(.js) .header .menu li .sub-menu { display:block; position:static; width:auto; }
html:not(.js) .header .menu > li { display:block; }
@media (max-width:1025px) {
  .container, .footer { box-sizing:border-box; width:100%; max-width:1026px; padding-left:5%; padding-right:5%; background-size:100% auto; }
  .footer { height:auto; min-height:160px; padding-bottom:50px; }
  .footer .footer-sep { width:100%; max-width:600px; }
  .header { padding-top:28px; }
  .header-brand { display:grid; grid-template-columns:1fr 1fr; gap:18px 24px; align-items:start; }
  .header .logo-link { float:none; grid-column:1/-1; grid-row:1; width:100%; max-width:420px; margin:auto; }
  .header .logo-link img { display:block; width:100%; }
  .header .header-ad-left, .header .header-ad-right { float:none; width:auto; padding:0; line-height:1.4; }
  .header .header-ad-left .brusk, .header .header-ad-right .brusk { font-size:16px; font-weight:bold; }
  .header .header-ad-left .bookm, .header .header-ad-right .bookm { font-size:14px; }
  .header .header-sep { margin:24px 0 18px; }
  .header .menu-top { margin-top:24px; }
  .header .menu-top, .header .menu-bottom { background-size:100% 100%; }
  .header .menu { gap:0; }
  .header .menu > li > a { font-size:16px; }
  .two-column-left-big, .two-column-right-small, .two-column-left-small, .two-column-right-big, .two-column-left, .two-column-right, .three-column-left, .three-column-center, .three-column-right { float:none; width:auto; margin-right:0; }
  .two-column-right-small, .two-column-left-small { max-width:360px; margin:32px auto; }
  .content iframe[src^="https://player.vimeo.com/video/"] { width:100%; height:auto; aspect-ratio:910 / 513; }
  .content { font-size:18px; line-height:1.6; overflow-wrap:anywhere; }
  h1 { font-size:28px; line-height:1.2; margin-top:26px; }
  h2 { line-height:1.3; }
  .description { font-size:20px; line-height:1.45; }
  .wpcf7 input:not([type=checkbox]):not([type=radio]), .wpcf7 textarea { width:100%; padding:10px; border:1px solid #6e644d; background:rgba(255,255,255,.35); border-radius:0; }
  .wpcf7 textarea { min-height:150px; }
  .wpcf7 input[type=submit] { min-height:44px; }
}
@media (max-width:700px) {
  .header .subheading { display:none; }
  .subheading-text { display:block; text-align:center; font-size:17px; line-height:1.4; font-weight:bold; margin:0; }
  .header-brand { gap:18px 16px; }
  .mobile-services { display:grid; grid-template-columns:1fr; gap:26px; clear:both; padding:24px 0 76px; text-align:center; }
  .mobile-services .header-ad-left, .mobile-services .header-ad-right { float:none; width:auto; padding:0; line-height:1.5; }
  .mobile-services .brusk { font-size:18px; font-weight:normal; line-height:1.4; text-transform:uppercase; }
  .mobile-services .bookm { display:inline-block; margin-top:8px; font-size:15px; line-height:1.5; }
  .header .header-ad-left .brusk, .header .header-ad-right .brusk { font-size:14px; line-height:1.35; }
  .header .header-ad-left .bookm, .header .header-ad-right .bookm { font-size:14px; line-height:1.4; display:inline-block; margin-top:6px; }
  .menu-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; padding:8px 4px; font-size:18px; font-weight:bold; }
  .menu-toggle::after { content:'☰'; font-size:22px; }
  .menu-toggle[aria-expanded=true]::after { content:'×'; }
  .header .menu { display:block; }
  .js .header .menu:not(.is-open) { display:none; }
  .header .menu > li { display:block; border-top:1px solid #9c8d68; }
  .header .menu > li > a { display:block; padding:12px 48px 12px 6px; font-size:18px; line-height:1.4; }
  .header .menu > li > .submenu-toggle { position:absolute; right:0; top:0; }
  .header .menu li .sub-menu { position:static; width:100%; background:transparent; color:var(--retro-ink); padding:0 0 8px 14px; border-left:1px solid #9c8d68; }
  .header .menu li .sub-menu li a { color:inherit; font-size:17px; font-weight:normal; padding-top:11px; padding-bottom:11px; }
  .header .menu li .sub-menu .submenu-toggle { color:inherit; }
  .header .breadcrumb, .footer { display:none; }
  .text { text-indent:1.25em; }
  .content p { margin-bottom:22px; }
  .content h1 { font-size:26px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
