/*
Theme Name: ErrorSol
Theme URI: https://errorsol.com
Author: ErrorSol
Description: Custom theme for the ErrorSol IT services and digital marketing agency homepage. Case studies, services, testimonials and FAQs are managed from the WordPress dashboard.
Version: 1.9.1
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary. Copyright (c) ErrorSol. All rights reserved.
Text Domain: errorsol
*/

html{scroll-behavior:smooth}
section[id]{scroll-margin-top:80px}
body{margin:0;background:#F8FAFC;color:#1E293B;font-family:'Plus Jakarta Sans',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
*{box-sizing:border-box}
a{color:#0891B2;text-decoration:none}
a:hover{color:#0E7490}
::selection{background:#CFFAFE;color:#164E63}
input::placeholder{color:#94A3B8}
img{max-width:100%}
.admin-bar header[style*="sticky"]{top:32px!important}
@media (max-width:782px){.admin-bar header[style*="sticky"]{top:46px!important}}

@keyframes esPing{75%,100%{transform:scale(2);opacity:0}}
@keyframes esPulse{50%{opacity:.5}}
@keyframes esBounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}
@keyframes esFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes esNudge{0%,100%{transform:translateX(-2px)}50%{transform:translateX(3px)}}
@keyframes esMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes esMarqueeR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes esMega{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){[data-marquee]{animation:none!important}}

/* Conditional blocks (were state-driven in the design) */
.es-if{display:contents}
.es-if-servicesOpen,.es-if-mobileMenuVisible,.es-if-submitted,.es-if-error{display:none}
.es-nav-toggle{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
a,button,label,[role=button]{touch-action:manipulation}
.es-mega-open .es-if-servicesOpen{display:contents}
.es-mega-open > a > svg{transform:rotate(180deg)}
@media (hover:hover) and (min-width:1200px){[data-es-openservices]:hover .es-if-servicesOpen,[data-es-openservices]:focus-within .es-if-servicesOpen{display:contents}[data-es-openservices]:hover > a > svg{transform:rotate(180deg)}}
.es-if-narrow{display:none}
@media (max-width:1279px){.es-if-xl{display:none}}
@media (max-width:1199px){
  .es-if-wide{display:none}
  .es-if-narrow{display:contents}
  .es-menu-open .es-if-mobileMenuVisible,.es-nav-toggle:checked ~ .es-if-mobileMenuVisible{display:block}
}

/* Case study slider */
.es-tab.is-on{background:linear-gradient(90deg,#0891B2,#0D9488)!important;color:#FFFFFF!important;border-color:transparent!important;box-shadow:0 10px 25px -5px rgba(13,148,136,.3)!important}
.es-empty{display:none;gap:12px;justify-items:center}
.es-empty.is-on{display:grid}
.es-ctrl{display:flex}
.es-ctrl-m{display:none}
@media (max-width:639px){.es-ctrl-m{display:flex}}
.es-ctrl.is-hidden{display:none!important}
.es-dot{height:8px;width:10px;border:0;padding:0;border-radius:999px;background:#CBD5E1;cursor:pointer;transition:all .3s}
.es-dot.is-on{width:32px;background:#0891B2}
.es-card{transition:all .3s cubic-bezier(.4,0,.2,1)}
.es-card:hover{border-color:#38BDF8!important;transform:translateY(-4px);box-shadow:0 16px 32px -8px rgba(2,132,199,.15)!important}
.es-shot{transition:transform .6s}
.es-shot:hover{transform:scale(1.04)}
.es-thumb img{transition:transform .5s}
.es-thumb img:hover{transform:scale(1.08)}
.es-btn{transition:all .25s}
.es-btn:hover{color:#FFFFFF!important;transform:translateY(-2px);box-shadow:0 16px 30px -6px rgba(13,148,136,.45)!important}

/* FAQ */
.es-faq-item.is-open{border-color:#7DD3FC!important}
.es-faq-item.is-open .es-faq-rows{grid-template-rows:1fr!important}
.es-faq-item.is-open .es-faq-plus{transform:rotate(45deg)}

/* Plain pages and posts */
.es-page{max-width:820px;margin:0 auto;padding:64px 20px}
.es-page h1,.es-page h2{color:#0F172A;letter-spacing:-.02em}
.es-post{padding:24px 0;border-bottom:1px solid #E2E8F0}

/* Copy deterrent (see Customizer > ErrorSol content) */
@media (hover:hover){.es-protect{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}}
.es-protect a,.es-protect button,.es-protect label{pointer-events:auto}
.es-protect input,.es-protect textarea,.es-protect select{-webkit-user-select:text;user-select:text}
.es-protect img{-webkit-user-drag:none}

/* Navigation links (menu is managed in Appearance > Menus) */
.es-nav-link:hover{color:#0891B2!important}
.es-m-link:hover{color:#0891B2!important}

.es-m-cta,.es-m-cta:hover{color:#FFFFFF!important}

.es-up:hover{transform:translateY(-2px)}

/* Scroll text animations (anim.js) */
.es-w{display:inline-block;opacity:0;transform:translateY(.6em);filter:blur(6px);transition:opacity .6s,transform .7s cubic-bezier(.2,.7,.2,1),filter .6s}
.es-in .es-w{opacity:1;transform:none;filter:none}
.es-word{display:inline-block;white-space:nowrap}
.es-c{display:inline-block;opacity:0;transform:translateY(14px);filter:blur(6px);transition:opacity .5s,transform .6s cubic-bezier(.2,.7,.2,1),filter .5s}
.es-in .es-c{opacity:1;transform:none;filter:none}
.es-mask{display:block;overflow:hidden}
.es-line{display:block;transform:translateY(105%);opacity:0;transition:transform .9s cubic-bezier(.2,.7,.2,1),opacity .6s}
.es-in .es-line{transform:none;opacity:1}
.es-fade{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .8s cubic-bezier(.2,.7,.2,1)}
.es-fade.es-in{opacity:1;transform:none}
.es-fw{display:inline-block;color:rgba(255,255,255,.25);transition:color .3s}
.es-fw *{color:inherit!important}
.es-fw.is-lit{color:#FFFFFF}