/*
Theme Name: SanPool Night
Description: Mobile-first SanPool eLearning mit weissem Negativlogo. Benötigt das SanPool-eLearning-Plugin für das Portal.
Version: 0.1.1
Requires at least: 6.5
Requires PHP: 8.1
Author: SanPool
License: GPL-2.0-or-later
Text Domain: sanpool-night
*/
html{background:#101719}body{margin:0;background:#101719;color:#fafbf8;font-family:system-ui,-apple-system,sans-serif}a{color:inherit}.sp-header,.sp-footer{max-width:1170px;margin:auto;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.sp-header nav{display:flex;gap:20px;align-items:center}.sp-header nav a{padding:12px 0;font-size:14px;text-decoration:none}.sp-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.sp-brand img{width:130px;max-width:35vw;height:auto;filter:grayscale(1) invert(1) brightness(2) contrast(2);mix-blend-mode:screen}.sp-brand span{font-size:12px;color:#8fd0f6}.sp-footer{border-top:1px solid #344247;color:#bac9ce;font-size:12px;flex-wrap:wrap}.sp-skip{position:absolute;left:-9999px}.sp-skip:focus{left:20px;top:10px;background:#b7ee54;color:#101719;padding:15px;z-index:100}.sp-fallback{max-width:900px;margin:40px auto;padding:24px}button,input{font:inherit}@media(max-width:480px){.sp-brand span{display:none}.sp-header{padding:18px}.sp-header nav{gap:14px}}

/* Match the approved campaign header. */
.sp-header{max-width:1240px;min-height:96px;padding:22px 40px;box-sizing:content-box;flex-wrap:wrap}.sp-brand img{width:184px;max-width:45vw}.sp-brand span{display:none}.sp-header nav{gap:28px;flex-wrap:wrap}.sp-header nav a{font-size:14px;font-weight:650}.sp-header .sp-login{border:1px solid #7c929e;padding:14px 22px}.sp-header .sp-login:hover{border-color:#b7ee54;color:#b7ee54}.sp-footer{max-width:1240px;padding:28px 40px}@media(max-width:650px){.sp-header{padding:17px 20px;min-height:60px;gap:15px}.sp-brand img{width:145px}.sp-header nav{gap:14px}.sp-header .sp-how{display:none}.sp-header .sp-login{padding:12px}.sp-header nav a{font-size:12px}.sp-footer{padding:24px}}