/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 27 2026 | 16:04:07 */
/* 404 page (CSS)
   Goes with "404 page (JS)". Applies only to the "page not found" page
   (body class "error404"); every rule below starts with that class or with
   html.shd-404-on, which the script sets on that page only.
   Fira Sans and the site colours, as on the redesigned pages. Nothing is
   loaded from other websites. */

/* The old text is hidden until the new block is drawn (shown anyway after
   1.5s if the script does not run). */
body.error404:not(.shd-404-ready) #wrapper > main,
body.error404:not(.shd-404-ready) #wrapper > aside.sidebar { visibility: hidden; animation: shd-404-reveal 0s linear 1.5s forwards; }
@keyframes shd-404-reveal { to { visibility: visible; } }

/* The theme's sidebar (search box and "Unknown Feed") is not shown. */
html.shd-404-on body.error404 #wrapper > aside.sidebar { display: none !important; }

html.shd-404-on body.error404 #wrapper > main { display: block; background: #fff; }
html.shd-404-on body.error404 .shd-404,
html.shd-404-on body.error404 .shd-404 * { box-sizing: border-box; font-family: "Fira Sans", fira-sans, sans-serif; }
html.shd-404-on body.error404 .shd-404 { padding: 72px 24px 88px; background: #fff; text-align: center; }
html.shd-404-on body.error404 .shd-404__inner { max-width: 760px; margin: 0 auto; }

/* 1. "404" */
html.shd-404-on body.error404 .shd-404__code { margin: 0; font-size: clamp(96px, 16vw, 168px); line-height: 1; font-weight: 600; letter-spacing: 0; color: #003399; }

/* 2. Heartbeat line (decorative) */
html.shd-404-on body.error404 .shd-404__beatwrap { margin: 18px auto 26px; color: #C4313A; line-height: 0; }
html.shd-404-on body.error404 .shd-404__beat { display: inline-block; width: 320px; max-width: 80%; height: auto; }

/* 3. Heading (the page's only H1) */
html.shd-404-on body.error404 h1.shd-404__title { margin: 0 0 14px; padding: 0; font-size: clamp(28px, 4vw, 40px); line-height: 1.2; font-weight: 500; font-style: normal; letter-spacing: 0; text-transform: none; text-align: center; color: #13203F; background: none; border: 0; }
html.shd-404-on body.error404 h1.shd-404__title::before,
html.shd-404-on body.error404 h1.shd-404__title::after { content: none; }

/* 4. One line of text */
html.shd-404-on body.error404 .shd-404__text { margin: 0 0 34px; font-size: 18px; line-height: 1.5; color: #4A5568; }

/* 5. Buttons */
html.shd-404-on body.error404 .shd-404__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin: 0 0 40px; }
html.shd-404-on body.error404 a.shd-404__btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; margin: 0; padding: 12px 30px; border: 2px solid #003399; border-radius: 999px; font-size: 17px; line-height: 1.2; font-weight: 600; text-decoration: none !important; transition: background-color .15s ease, color .15s ease, border-color .15s ease; }
html.shd-404-on body.error404 a.shd-404__btn--primary { background: #003399; color: #fff !important; }
html.shd-404-on body.error404 a.shd-404__btn--primary:hover { border-color: #002673; background: #002673; }
html.shd-404-on body.error404 a.shd-404__btn--secondary { background: #fff; color: #003399 !important; }
html.shd-404-on body.error404 a.shd-404__btn--secondary:hover { background: #EEF2FB; }
html.shd-404-on body.error404 .shd-404__icon { display: block; flex: 0 0 auto; width: 20px; height: 20px; }

/* 6. Row of links */
html.shd-404-on body.error404 .shd-404__list { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 32px; margin: 0; padding: 0; list-style: none; }
html.shd-404-on body.error404 .shd-404__item { margin: 0; padding: 0; list-style: none; }
html.shd-404-on body.error404 .shd-404__item::before { content: none; }
html.shd-404-on body.error404 a.shd-404__link { font-size: 17px; line-height: 1.5; color: #003399 !important; text-decoration: underline; text-underline-offset: 3px; }
html.shd-404-on body.error404 a.shd-404__link:hover { color: #002673 !important; text-decoration-thickness: 2px; }

/* Keyboard focus */
html.shd-404-on body.error404 .shd-404 a:focus-visible { outline: 3px solid #13203F; outline-offset: 3px; }

/* Mobile: buttons stacked, full width. */
@media (max-width: 600px) {
  html.shd-404-on body.error404 .shd-404 { padding: 48px 16px 64px; }
  html.shd-404-on body.error404 .shd-404__text { font-size: 17px; }
  html.shd-404-on body.error404 .shd-404__actions { flex-direction: column; align-items: stretch; gap: 12px; }
  html.shd-404-on body.error404 a.shd-404__btn { width: 100%; }
  html.shd-404-on body.error404 .shd-404__list { gap: 10px 24px; }
}
@media (prefers-reduced-motion: reduce) {
  html.shd-404-on body.error404 a.shd-404__btn { transition: none; }
}