/*
Theme Name: Factuur Inzien
Theme URI: https://www.wp4photographers.nl/
Author: WP4Photographers
Author URI: https://www.wp4photographers.nl/
Description: Thema voor facturatie en administratie portal voor FPB.nu.
Version: 1.4.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: factuur-inzien
*/
*{box-sizing:border-box}html{min-height:100%}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#071b54;background:#eaf0ff}a{color:#0039eb}.fi-login{--u:min(1px,calc(100svh / 1024));min-height:100svh;background:radial-gradient(ellipse at 50% 70%,#dce7ff 0,#eaf0ff 75%)}.fi-stage{position:relative;isolation:isolate;width:100%;min-height:100svh;overflow:hidden;padding:calc(56 * var(--u)) 24px calc(90 * var(--u))}.fi-decoration{position:absolute;pointer-events:none;z-index:-1}.fi-blue{width:calc(424 * var(--u));height:calc(424 * var(--u));left:calc(-169 * var(--u));top:calc(278 * var(--u));border-radius:50%;background:#0037df}.fi-yellow{width:calc(210 * var(--u));height:calc(208 * var(--u));left:calc(205 * var(--u));top:calc(188 * var(--u));border-radius:50%;background:radial-gradient(circle,#fff74a,#fff62c)}.fi-cyan{width:calc(478 * var(--u));height:calc(478 * var(--u));left:calc(22 * var(--u));top:calc(487 * var(--u));border-radius:50%;background:#b6e5f2e8}.fi-cyan:before{content:'';position:absolute;inset:0;background:#edf2ff;clip-path:circle(calc(212 * var(--u)) at calc(10 * var(--u)) calc(3 * var(--u)))}.fi-photo{right:0;top:calc(209 * var(--u));width:calc(451 * var(--u));height:calc(815 * var(--u));background-image:url('assets/login-reference.png');background-size:calc(1536 * var(--u)) calc(1024 * var(--u));background-position:right bottom;border-radius:100% 0 0 0 / 61% 0 0 0}.fi-brand{margin:0 auto calc(39 * var(--u));text-align:center;font-size:calc(48 * var(--u));line-height:1.15;font-weight:700;letter-spacing:-.9px}.fi-brand span{display:block;margin-top:calc(3 * var(--u));font-size:calc(40 * var(--u));font-weight:400;letter-spacing:-.5px}.fi-logo{position:relative;display:block;width:calc(182 * var(--u));height:calc(173 * var(--u));margin:0 auto calc(-5 * var(--u))}.fi-logo i{position:absolute;display:block;border-radius:50%}.fi-logo-blue{width:62%;height:65%;left:0;top:6%;background:#0037df}.fi-logo-yellow{width:33%;height:35%;right:0;top:0;background:#fff63b}.fi-logo-cyan{width:61%;height:63%;left:31%;top:37%;background:#b6e5f2ed}.fi-logo-cyan:after{content:'';position:absolute;inset:0;border-radius:50%;background:#eff4ff;clip-path:circle(calc(56 * var(--u)) at 0 0)}.fi-form{width:calc(602 * var(--u));max-width:100%;margin:0 auto;padding:calc(35 * var(--u)) calc(44 * var(--u)) calc(38 * var(--u));background:#fffffffa;border-radius:calc(24 * var(--u));box-shadow:0 20px 60px #3f6bdd06}.fi-title{font-size:calc(40 * var(--u));line-height:1.2;margin:0 0 calc(9 * var(--u));letter-spacing:-.6px}.fi-intro{font-size:calc(20 * var(--u));line-height:1.4;color:#858da7;margin:0 0 calc(28 * var(--u))}.fi-label{display:block;font-size:calc(20 * var(--u));font-weight:700;line-height:1.2;margin:0 0 calc(8 * var(--u))}.fi-field{position:relative;margin:0 0 calc(23 * var(--u))}.fi-field svg{position:absolute;width:calc(28 * var(--u));height:calc(30 * var(--u));left:calc(22 * var(--u));top:50%;transform:translateY(-50%);color:#858da7;pointer-events:none}.fi-input{display:block;width:100%;height:calc(62 * var(--u));padding:0 calc(20 * var(--u)) 0 calc(79 * var(--u));border:1px solid #d9e1f5;border-radius:calc(13 * var(--u));font:inherit;font-size:calc(20 * var(--u));color:#071b54;background:#ffffff80;outline:none}.fi-input::placeholder{color:#959db1;opacity:1}.fi-input:focus{border-color:#0039eb;box-shadow:0 0 0 3px #0039eb20}.fi-button{display:block;position:relative;width:100%;height:calc(62 * var(--u));margin-top:calc(36 * var(--u));border:0;border-radius:calc(13 * var(--u));background:#0038e8;color:white;font:700 calc(22 * var(--u)) Arial,Helvetica,sans-serif;cursor:pointer}.fi-button svg{position:absolute;right:calc(22 * var(--u));top:50%;transform:translateY(-50%);width:calc(26 * var(--u));height:calc(26 * var(--u))}.fi-button:hover{background:#002dc5}.fi-button:focus-visible,.fi-contact:focus-visible{outline:3px solid #071b54;outline-offset:4px}.fi-help{margin:calc(33 * var(--u)) 0 0;text-align:center;font-size:calc(16 * var(--u));line-height:1.4;color:#858da7}.fi-error{margin:18px 0 0;padding:12px;border:1px solid #b42318;border-radius:8px;background:#fff4f3;color:#8b1e16;font-size:14px}.fi-portal{max-width:1100px;margin:48px auto;padding:32px;background:white;border-radius:20px}.fi-nav{display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #dde4f4;padding-bottom:24px;margin-bottom:32px}.fi-content{line-height:1.7}.fi-content img{max-width:100%;height:auto}
@media(min-width:701px) and (max-height:650px){.fi-login{--u:.65px}.fi-stage{min-height:666px}}
@media(max-width:700px){.fi-login{--u:.78px}.fi-stage{padding:28px 20px 40px}.fi-brand{font-size:27px;letter-spacing:-.5px;margin-bottom:28px}.fi-brand span{font-size:23px}.fi-logo{margin-bottom:12px}.fi-form{width:440px;padding:28px 24px;border-radius:22px}.fi-title{font-size:32px}.fi-intro{font-size:16px}.fi-label{font-size:16px}.fi-input{font-size:16px;height:54px;padding-left:52px}.fi-field svg{left:16px;width:24px;height:26px}.fi-button{height:54px;font-size:18px;margin-top:26px}.fi-help{font-size:13px;margin-top:26px}.fi-photo{opacity:.3}.fi-yellow{left:-80px}.fi-blue{left:-230px}.fi-cyan{left:-210px}.fi-portal{margin:20px;padding:22px}.fi-nav{flex-direction:column}}
/* Kleine correcties voor de overlappende cirkels en schermhoogte. */
.fi-cyan,.fi-logo-cyan{overflow:hidden}
@media(min-width:701px){.fi-stage{padding-bottom:calc(78 * var(--u))}}