/*
Theme Name: Wyse Wolf QA Agency Pixel Perfect
Theme URI: https://wysewolf.com/
Author: Wyse Wolf
Description: Exact WordPress port of the approved Wyse Wolf QA preview.
Version: 2.7.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: wyse-wolf-qa
*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,sans-serif}.ww-wp-content{font-family:Poppins,sans-serif}.ww-wp-content p{margin:0 0 1.25rem}.ww-wp-content h2,.ww-wp-content h3{margin:2rem 0 1rem}.ww-wp-content img{height:auto;max-width:100%}
.ww-mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:60;box-sizing:border-box;max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain;background:#FAF7F2;border-radius:0 0 32px 32px;padding:14px 24px 24px;box-shadow:0 14px 24px rgba(33,33,32,.12)}.ww-mobile-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.ww-mobile-nav a{display:flex;align-items:center;width:100%;box-sizing:border-box;min-height:48px;padding:10px 4px;border-bottom:1px solid rgba(33,33,32,.10);color:#000!important;font-size:15px!important;line-height:1.35!important;white-space:normal!important;text-decoration:none}.ww-mobile-nav a:last-child{border-bottom:0}.ww-mobile-nav a:active,.ww-mobile-nav a:focus-visible{color:#FF8E01!important}.ww-mobile-menu-open{overflow:hidden}header button[aria-label="Toggle navigation"]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;border:0;background:transparent;cursor:pointer}header button[aria-label="Toggle navigation"] svg{width:28px;height:28px}@media(min-width:640px){.ww-mobile-nav{max-height:calc(100dvh - 80px);padding:18px 32px 28px}.ww-mobile-nav a{min-height:50px}}@media(min-width:768px){.ww-mobile-nav{max-height:calc(100dvh - 88px);padding-left:48px;padding-right:48px}}@media(min-width:1280px){.ww-mobile-nav,.ww-mobile-nav.is-open{display:none!important}.ww-mobile-menu-open{overflow:auto}}
.ww-blog-featured-content{box-sizing:border-box;padding:28px}.ww-blog-card-content{box-sizing:border-box;padding:20px}@media(min-width:640px){.ww-blog-featured-content{padding:40px}.ww-blog-card-content{padding:24px}}@media(min-width:1024px){.ww-blog-featured-content{padding:48px}}
.ww-modal-backdrop{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;background:rgba(10,10,10,.55);padding:20px}.ww-modal-backdrop.open{display:flex}.ww-modal-panel{width:min(672px,100%);max-height:92vh;overflow:auto;border-radius:12px;background:#fff;padding:32px}.ww-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ww-modal-field{display:grid;gap:6px}.ww-modal-field.full{grid-column:1/-1}.ww-modal-field input,.ww-modal-field textarea{width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.ww-modal-field textarea{min-height:90px}.ww-modal-actions{display:flex;gap:12px;margin-top:24px}.ww-modal-actions button{flex:1;height:52px;border-radius:999px}.ww-modal-close{border:1px solid #FF8E01;background:#fff;color:#FF8E01}.ww-modal-submit{border:0;background:linear-gradient(90deg,#FF8E01,#F9A844);color:#fff}.ww-wp-success{margin:0 0 16px;padding:12px;border-radius:8px;background:#eaf8ef;color:#176b35}@media(max-width:640px){.ww-modal-grid{grid-template-columns:1fr}.ww-modal-field.full{grid-column:auto}.ww-modal-panel{padding:24px}}
body.ww-modal-open{overflow:hidden}.ww-contact-panel{position:relative;width:min(448px,100%);border-radius:10px;background:linear-gradient(135deg,#1f1f1f,#141414 52%,#1a1a1a);padding:32px;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.45)}.ww-contact-panel h2{margin:0 0 24px;font-size:24px;line-height:32px;font-weight:700}.ww-contact-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#fff;font-size:30px;line-height:1;cursor:pointer}.ww-contact-list{display:grid;gap:16px}.ww-contact-list a{display:flex;align-items:center;gap:16px;border-radius:12px;background:rgba(255,255,255,.05);padding:16px;color:#fff;text-decoration:none;transition:background .2s}.ww-contact-list a:hover{background:rgba(255,255,255,.1)}.ww-contact-icon{display:flex;width:48px;height:48px;flex:none;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,142,1,.2)}.ww-contact-icon svg{width:21px;height:21px;fill:none;stroke:#FF8E01;stroke-width:2}.ww-contact-list small{display:block;margin-bottom:4px;color:rgba(255,255,255,.5);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.ww-contact-list strong{font-size:16px;font-weight:500}
.ww-login-page{margin:0;background:#121212}.ww-login-shell{position:relative;display:flex;min-height:100vh;align-items:center;justify-content:center;overflow:hidden;background:#121212;padding:16px}.ww-login-glow{position:absolute;width:384px;height:384px;border-radius:50%;background:rgba(255,142,1,.05);filter:blur(64px)}.ww-login-glow.a{left:25%;top:25%}.ww-login-glow.b{right:25%;bottom:25%}.ww-login-wrap{position:relative;z-index:1;width:100%;max-width:448px}.ww-login-logo{display:flex;justify-content:center;margin-bottom:32px}.ww-login-logo a{display:flex;align-items:center;gap:12px;color:#faf7f2;text-decoration:none;font-size:24px;font-weight:700}.ww-login-logo img{width:auto;height:48px}.ww-login-logo em{color:#FF8E01;font-style:normal}.ww-login-card{border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.05);backdrop-filter:blur(8px);padding:24px}.ww-login-head{text-align:center;margin-bottom:24px}.ww-login-head h1{margin:0;color:#faf7f2;font-size:24px;line-height:32px;font-weight:700}.ww-login-head p{margin:6px 0 0;color:#898989;font-size:14px}.ww-login-form{display:grid;gap:24px}.ww-login-field{display:grid;gap:8px;color:#faf7f2;font-size:14px;font-weight:500}.ww-login-input{position:relative}.ww-login-input>svg{position:absolute;left:12px;top:50%;width:20px;height:20px;transform:translateY(-50%);fill:none;stroke:#898989;stroke-width:2}.ww-login-input input{box-sizing:border-box;width:100%;height:40px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:rgba(255,255,255,.05);padding:0 40px;color:#faf7f2;outline:none}.ww-login-input input:focus{border-color:#FF8E01;box-shadow:0 0 0 2px rgba(255,142,1,.15)}.ww-login-input input::placeholder{color:#898989}.ww-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#898989;cursor:pointer}.ww-password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.ww-login-submit{height:48px;border:0;border-radius:6px;background:#FF8E01;color:#faf7f2;font-weight:600;cursor:pointer}.ww-login-submit:hover{background:rgba(255,142,1,.9)}.ww-login-back,.ww-login-footer{text-align:center;color:#898989;font-size:14px}.ww-login-back{margin:24px 0 0}.ww-login-back a{color:#898989;text-decoration:none}.ww-login-back a:hover{color:#FF8E01}.ww-login-footer{margin:32px 0 0}.ww-login-error{border:1px solid rgba(239,68,68,.2);border-radius:8px;background:rgba(239,68,68,.1);padding:12px;color:#ef4444;text-align:center;font-size:14px}
#common-qa-problems .overflow-hidden{transition:max-height .3s ease,opacity .3s ease}#common-qa-problems .transition-transform{transition:transform .3s ease}
@keyframes ww-float-a{0%,100%{transform:translate3d(0,0,0) rotate(-5deg)}50%{transform:translate3d(0,-14px,0) rotate(-2deg)}}
@keyframes ww-float-b{0%,100%{transform:translate3d(0,0,0) rotate(6deg)}50%{transform:translate3d(0,-18px,0) rotate(3deg)}}
@keyframes ww-float-c{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(0,-12px,0) rotate(2deg)}}
.float-ios{animation:ww-float-a 5s ease-in-out infinite}.float-android{animation:ww-float-b 4s .5s ease-in-out infinite}.float-web{animation:ww-float-c 4.5s 1s ease-in-out infinite}
@keyframes orbit-magnifier{
0%{left:48%;top:8%;transform:rotate(0deg) scale(1)}
5%{left:46%;top:4%;transform:rotate(-10deg) scale(1.1)}
10%{left:44%;top:2%;transform:rotate(-5deg) scale(1.15)}
15%{left:43%;top:6%;transform:rotate(5deg) scale(1.1)}
20%{left:44%;top:10%;transform:rotate(0deg) scale(1)}
25%{left:38%;top:20%;transform:rotate(8deg) scale(.95)}
30%{left:22%;top:38%;transform:rotate(10deg) scale(1)}
35%{left:16%;top:40%;transform:rotate(-10deg) scale(1.15)}
40%{left:14%;top:45%;transform:rotate(-5deg) scale(1.2)}
45%{left:18%;top:48%;transform:rotate(5deg) scale(1.1)}
50%{left:24%;top:44%;transform:rotate(0deg) scale(1)}
55%{left:38%;top:36%;transform:rotate(-6deg) scale(.95)}
60%{left:58%;top:20%;transform:rotate(-8deg) scale(1)}
65%{left:68%;top:16%;transform:rotate(10deg) scale(1.15)}
70%{left:72%;top:18%;transform:rotate(5deg) scale(1.2)}
75%{left:70%;top:22%;transform:rotate(-5deg) scale(1.1)}
80%{left:66%;top:20%;transform:rotate(0deg) scale(1)}
85%{left:60%;top:18%;transform:rotate(5deg) scale(.95)}
90%{left:54%;top:14%;transform:rotate(-3deg) scale(.95)}
100%{left:48%;top:8%;transform:rotate(0deg) scale(1)}
}
@keyframes checkmark-pop{
0%,18%,48%,78%,100%{opacity:0;transform:scale(0)}
20%,28%{opacity:1;transform:scale(1)}
30%{opacity:0;transform:scale(0)}
50%,58%{opacity:1;transform:scale(1)}
60%{opacity:0;transform:scale(0)}
80%,88%{opacity:1;transform:scale(1)}
90%{opacity:0;transform:scale(0)}
}
.qa-magnifier{animation:orbit-magnifier 10s ease-in-out infinite}.qa-checkmark{animation:checkmark-pop 10s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.float-ios,.float-android,.float-web,.qa-magnifier,.qa-checkmark{animation:none!important}}
@media(min-width:1280px){header button[aria-label="Toggle navigation"]{display:none!important}}