/*
Theme Name: Alpha Branding Studio
Theme URI: https://alphabrandingstudio.com
Author: Alpha Branding Studio
Author URI: https://alphabrandingstudio.com
Description: Custom WordPress theme for Alpha Branding Studio — full-service digital marketing agency in Udaipur. SEO, Social Media, Paid Ads, Branding, Video Production & Influencer Marketing.
Version: 1.1
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Private
Text Domain: alpha-branding-studio
*/

/* ================= TOKENS ================= */
:root{
  --ink:#12141a;
  --ink-soft:#1b1e26;
  --ink-soft-2:#23262f;
  --bone:#f3eee4;
  --bone-dim:#b9b2a4;
  --bone-faint:rgba(243,238,228,.55);
  --coral:#ff4d2e;
  --coral-dim:#c93c22;
  --cobalt:#3654ff;
  --line: rgba(243,238,228,.12);
  --line-strong: rgba(243,238,228,.22);
  --font-display:'Anton', sans-serif;
  --font-body:'Inter', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
  --radius: 2px;
  --maxw: 1180px;
}

/* ================= RESET ================= */
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  background:var(--ink);
  color:var(--bone);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
button{font-family:inherit; cursor:pointer;}
ul{list-style:none;}
:focus-visible{outline:2px solid var(--coral); outline-offset:3px;}

/* ================= LAYOUT ================= */
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}
@media (max-width:640px){ .wrap{padding:0 20px;} }

h1,h2,h3{font-family:var(--font-display); font-weight:400; letter-spacing:.01em; line-height:1.04; text-transform:uppercase;}
.eyebrow{
  font-family:var(--font-mono); font-size:12px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--coral); display:inline-flex; align-items:center; gap:10px; margin-bottom:14px;
}
.eyebrow::before{content:''; width:6px; height:6px; background:var(--coral); display:inline-block; border-radius:50%;}
.lede{color:var(--bone-faint); font-size:17px; max-width:560px;}

.btn{
  display:inline-flex; align-items:center; gap:10px;
  font-family:var(--font-mono); font-size:13px; letter-spacing:.08em; text-transform:uppercase;
  padding:15px 26px; border-radius:var(--radius); border:1px solid transparent;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
  white-space:nowrap;
}
.btn:active{transform:scale(.97);}
.btn-primary{background:var(--coral); color:var(--ink);}
.btn-primary:hover{background:var(--bone);}
.btn-outline{border-color:var(--line-strong); color:var(--bone);}
.btn-outline:hover{border-color:var(--bone); background:rgba(243,238,228,.06);}
.btn-block{width:100%; justify-content:center;}
.arrow{transition:transform .18s ease;}
.btn:hover .arrow{transform:translateX(3px);}

section{padding:96px 0;}
@media (max-width:780px){ section{padding:64px 0;} }
.section-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:48px; flex-wrap:wrap;}
.section-head h2{font-size:clamp(32px,4.2vw,52px);}
.section-panel{background:var(--ink-soft); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.section-narrow{max-width:880px;}
.heading-story{font-size:clamp(28px,4vw,42px); margin:14px 0 18px;}
.heading-split{font-size:clamp(30px,4.4vw,46px); margin-bottom:18px;}
.lede-gap-sm{margin-bottom:16px;}
.lede-gap-md{margin-bottom:24px;}
.lede-top-sm{margin-top:14px;}
.fallback-page{padding:80px 28px; text-align:center;}
.fallback-page h1{font-size:clamp(32px,5vw,56px); margin-bottom:16px;}
.fallback-page .lede{margin:0 auto 32px;}

/* ================= HEADER ================= */
header{
  position:sticky; top:0; z-index:1000;
  background:rgba(18,20,26,.86); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.nav-row{display:flex; align-items:center; justify-content:space-between; height:78px;}
.logo{font-family:var(--font-display); font-size:22px; letter-spacing:.02em; display:flex; align-items:center; gap:8px; flex-direction:column; justify-content:center;}
.logo-inner{display:flex; align-items:center; gap:0;}
.logo span{color:var(--coral);}
.logo small{font-family:var(--font-mono); font-size:10px; color:var(--bone-dim); letter-spacing:.18em; text-transform:uppercase; display:block; margin-top:2px;}

/* WordPress nav menu — primary */
nav.main-nav ul{display:flex; align-items:center; gap:36px; list-style:none; margin:0; padding:0;}
nav.main-nav ul li{position:relative; margin:0; padding:0;}
nav.main-nav ul li a{font-size:14px; font-weight:600; letter-spacing:.02em; color:var(--bone-faint); padding:6px 0; display:inline-block;}
nav.main-nav ul li a:hover{color:var(--bone);}
nav.main-nav ul li.current-menu-item > a,
nav.main-nav ul li.current_page_item > a,
nav.main-nav ul li.current-page-ancestor > a{color:var(--bone);}
nav.main-nav ul li.current-menu-item > a::after,
nav.main-nav ul li.current_page_item > a::after,
nav.main-nav ul li.current-page-ancestor > a::after{
  content:''; position:absolute; left:0; right:0; bottom:-2px; height:2px; background:var(--coral);
}
/* Hide sub-menus (flat site) */
nav.main-nav ul ul{display:none;}

.nav-actions{display:flex; align-items:center; gap:18px;}
.burger{display:none; flex-direction:column; gap:5px; background:none; border:none; padding:8px; cursor:pointer;}
.burger span{width:22px; height:2px; background:var(--bone); display:block;}

@media (max-width:900px){
  nav.main-nav{display:none;}
  .burger{display:flex;}
  .nav-actions .btn-primary{display:none;}
}

/* ================= MOBILE MENU ================= */
.mobile-menu{
  position:fixed; inset:78px 0 0 0; background:var(--ink); z-index:999;
  transform:translateX(100%); transition:transform .28s ease;
  display:flex; flex-direction:column; padding:28px 20px; gap:4px;
  overflow-y:auto;
}
.mobile-menu.open{transform:translateX(0);}
.mobile-menu ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column;}
.mobile-menu ul li{margin:0; padding:0;}
.mobile-menu ul li a{
  font-family:var(--font-display); font-size:30px; text-transform:uppercase;
  padding:16px 4px; border-bottom:1px solid var(--line); color:var(--bone-faint); display:block;
}
.mobile-menu ul li a:hover,
.mobile-menu ul li.current-menu-item > a,
.mobile-menu ul li.current_page_item > a{color:var(--coral);}
.mobile-menu .btn{margin-top:24px; align-self:stretch; justify-content:center;}

/* ================= TICKER ================= */
.ticker-band{
  background:var(--coral); color:var(--ink); overflow:hidden; white-space:nowrap;
  border-bottom:1px solid var(--ink);
}
.ticker-track{display:inline-flex; animation:scrollTicker 32s linear infinite;}
.ticker-track span{
  font-family:var(--font-mono); font-size:13px; letter-spacing:.12em; text-transform:uppercase;
  padding:12px 22px; display:inline-flex; align-items:center; gap:22px; font-weight:600;
}
.ticker-track span::after{content:'◆'; font-size:9px; opacity:.6;}
@keyframes scrollTicker{ from{transform:translateX(0);} to{transform:translateX(-50%);} }
@media (prefers-reduced-motion: reduce){ .ticker-track{animation:none;} }

/* ================= HERO ================= */
.hero{position:relative; padding:88px 0 70px; border-bottom:1px solid var(--line); overflow:hidden;}
.hero::before{
  content:''; position:absolute; top:0; right:0; width:46%; height:100%;
  background-image:
    linear-gradient(90deg, var(--ink) 0%, rgba(18,20,26,.2) 35%, transparent 60%),
    repeating-linear-gradient(0deg, transparent 0 39px, var(--line) 39px 40px);
  z-index:1; pointer-events:none;
}
.hero-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:50px; align-items:center; position:relative;}
.hero h1{font-size:clamp(44px,6.6vw,84px); margin-bottom:22px;}
.hero h1 .hl{color:var(--coral);}
.hero-cta-row{display:flex; gap:14px; margin-top:34px; flex-wrap:wrap;}
.hero-art{position:relative; z-index:2;}
.hero-art-frame{position:relative; border:1px solid var(--line-strong); padding:14px; transform:rotate(1.4deg);}
.hero-art-frame img{aspect-ratio:4/5; object-fit:cover; filter:grayscale(.15) contrast(1.05);}
.hero-tag{
  position:absolute; bottom:-18px; left:-18px; background:var(--cobalt); color:var(--bone);
  font-family:var(--font-mono); font-size:12px; letter-spacing:.08em; padding:14px 18px; max-width:220px;
  border:1px solid var(--ink);
}
.crosshair{position:absolute; width:18px; height:18px; opacity:.5;}
.crosshair::before,.crosshair::after{content:''; position:absolute; background:var(--bone);}
.crosshair::before{width:100%; height:1px; top:50%;}
.crosshair::after{height:100%; width:1px; left:50%;}
.ch-tl{top:-9px; left:-9px;} .ch-br{bottom:-9px; right:-9px;}

@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr;}
  .hero::before{display:none;}
  .hero-art{order:-1;}
  .hero-art-frame{transform:none; max-width:340px; margin:0 auto;}
}
@media (max-width:480px){
  .hero-tag{left:8px; right:8px; bottom:-14px; max-width:none;}
}

/* ================= TRUST STRIP ================= */
.trust{border-bottom:1px solid var(--line); background:var(--ink-soft);}
.trust-row{display:grid; grid-template-columns:repeat(4,1fr); gap:0;}
.trust-item{padding:34px 24px; text-align:center; border-right:1px solid var(--line);}
.trust-item:last-child{border-right:none;}
.trust-num{font-family:var(--font-display); font-size:38px; color:var(--coral);}
.trust-label{font-family:var(--font-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--bone-dim); margin-top:6px;}
@media (max-width:780px){
  .trust-row{grid-template-columns:repeat(2,1fr);}
  .trust-item:nth-child(even){border-right:none;}
  .trust-item{border-bottom:1px solid var(--line);}
}

/* ================= BENEFITS ================= */
.benefits-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
.benefit-card{background:var(--ink); padding:40px 32px;}
.benefit-icon{width:42px; height:42px; border:1px solid var(--line-strong); border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:24px; color:var(--coral);}
.benefit-card h3{font-size:21px; margin-bottom:12px; letter-spacing:.01em;}
.benefit-card p{color:var(--bone-faint); font-size:15px;}
@media (max-width:860px){ .benefits-grid{grid-template-columns:1fr;} }

/* ================= SERVICES GRID ================= */
.svc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.svc-card{border:1px solid var(--line); padding:0; overflow:hidden; transition:border-color .2s ease; display:flex; flex-direction:column;}
.svc-card:hover{border-color:var(--line-strong);}
.svc-img{height:170px; overflow:hidden;}
.svc-img img{width:100%; height:100%; object-fit:cover; transition:transform .4s ease; filter:grayscale(.2);}
.svc-card:hover .svc-img img{transform:scale(1.06);}
.svc-body{padding:26px 24px 28px; flex:1; display:flex; flex-direction:column;}
.svc-tag{font-family:var(--font-mono); font-size:11px; color:var(--coral); letter-spacing:.1em; text-transform:uppercase; margin-bottom:10px;}
.svc-body h3{font-size:21px; margin-bottom:10px;}
.svc-body p{color:var(--bone-faint); font-size:14.5px; flex:1;}
.svc-link{
  margin-top:18px; font-family:var(--font-mono); font-size:12px; letter-spacing:.06em;
  color:var(--bone); border-top:1px solid var(--line); padding-top:14px;
  display:flex; justify-content:space-between; transition:color .18s ease;
}
.svc-link:hover{color:var(--coral);}
@media (max-width:900px){ .svc-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){ .svc-grid{grid-template-columns:1fr;} }

/* ================= TESTIMONIALS ================= */
.testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.testi-card{background:var(--ink-soft); border:1px solid var(--line); padding:32px 28px;}
.stars{color:var(--coral); font-family:var(--font-mono); font-size:13px; margin-bottom:18px; letter-spacing:.1em;}
.testi-quote{font-size:16px; color:var(--bone); margin-bottom:22px;}
.testi-person{font-family:var(--font-mono); font-size:12px; color:var(--bone-dim); letter-spacing:.04em;}
.testi-person b{color:var(--bone); font-weight:600;}
@media (max-width:900px){ .testi-grid{grid-template-columns:1fr;} }

/* ================= SPLIT LAYOUT ================= */
.split{display:grid; grid-template-columns:.85fr 1.15fr; gap:60px; align-items:center;}
.split img{aspect-ratio:1/1; object-fit:cover; border:1px solid var(--line-strong); filter:grayscale(.15);}
.split-rev{grid-template-columns:1.15fr .85fr;}
@media (max-width:860px){ .split, .split-rev{grid-template-columns:1fr;} .split-rev img{order:-1;} }

/* ================= CTA BAND ================= */
.cta-band{background:var(--coral); color:var(--ink); padding:90px 0; text-align:center; position:relative; overflow:hidden;}
.cta-band::before{content:''; position:absolute; inset:0; background:repeating-linear-gradient(135deg, transparent 0 26px, rgba(18,20,26,.05) 26px 27px);}
.cta-band h2{font-size:clamp(34px,5.4vw,64px); position:relative; z-index:1; max-width:780px; margin:0 auto 26px;}
.cta-band p{position:relative; z-index:1; color:rgba(18,20,26,.7); max-width:480px; margin:0 auto 34px; font-size:17px;}
.cta-band .btn-primary{background:var(--ink); color:var(--bone); position:relative; z-index:1;}
.cta-band .btn-primary:hover{background:#000;}

/* ================= PAGE HEADER ================= */
.page-header{padding:64px 0 44px; border-bottom:1px solid var(--line);}
.page-header h1{font-size:clamp(40px,7vw,76px);}
.page-header .lede{margin-top:16px;}
.breadcrumb{font-family:var(--font-mono); font-size:12px; color:var(--bone-dim); letter-spacing:.06em; text-transform:uppercase; margin-bottom:18px;}
.breadcrumb a{color:var(--bone-dim);}
.breadcrumb a:hover{color:var(--coral);}
.breadcrumb span{color:var(--coral);}

/* ================= ABOUT — STORY ================= */
.story-num{font-family:var(--font-mono); font-size:12px; color:var(--bone-dim);}
.mission-block{border-left:2px solid var(--coral); padding-left:28px; margin:50px 0;}
.mission-block h2{font-size:clamp(28px,4vw,42px); margin-bottom:6px;}

/* ================= FOUNDERS ================= */
.founder-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.founder-card{border:1px solid var(--line); background:var(--ink-soft); padding:34px 28px 30px; position:relative;}
.founder-card::before{content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:var(--coral);}
.founder-top{display:flex; align-items:center; gap:16px; margin-bottom:22px;}
.founder-avatar{
  width:62px; height:62px; border-radius:50%; border:1px solid var(--line-strong); background:var(--ink);
  display:flex; align-items:center; justify-content:center; font-family:var(--font-display); font-size:22px;
  color:var(--coral); flex-shrink:0;
}
.founder-name{font-family:var(--font-display); font-size:21px; text-transform:uppercase; line-height:1.1;}
.founder-role{font-family:var(--font-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--bone-dim); margin-top:6px;}
.founder-card p.lede{font-size:14.5px; margin-bottom:18px; max-width:none;}
.founder-stat{
  font-family:var(--font-mono); font-size:12px; letter-spacing:.04em; color:var(--bone);
  border-top:1px solid var(--line); padding-top:16px; display:flex; justify-content:space-between; align-items:center; gap:10px;
}
.founder-stat b{color:var(--coral); font-weight:600;}
.founder-stat a{color:var(--bone); border-bottom:1px solid var(--line-strong);}
.founder-stat a:hover{color:var(--coral); border-color:var(--coral);}
@media (max-width:900px){ .founder-grid{grid-template-columns:1fr;} }

/* ================= DIFFERENTIATORS ================= */
.diff-list{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin-top:20px;}
.diff-item{background:var(--ink); padding:30px 28px;}
.diff-item .num{font-family:var(--font-mono); color:var(--coral); font-size:13px; margin-bottom:10px; display:block;}
.diff-item h3{font-size:19px; margin-bottom:8px;}
.diff-item p{color:var(--bone-faint); font-size:14.5px;}
@media (max-width:780px){ .diff-list{grid-template-columns:1fr;} }

/* ================= HOW IT WORKS ================= */
.steps-row{display:grid; grid-template-columns:repeat(4,1fr); gap:24px;}
.step{position:relative; padding-top:10px;}
.step .step-num{font-family:var(--font-display); font-size:46px; color:var(--coral); display:block; margin-bottom:14px;}
.step h3{font-size:18px; margin-bottom:8px;}
.step p{font-size:14px; color:var(--bone-faint);}
@media (max-width:900px){ .steps-row{grid-template-columns:repeat(2,1fr);} }
@media (max-width:560px){ .steps-row{grid-template-columns:1fr;} }

/* ================= FAQ ================= */
.faq-item{border-bottom:1px solid var(--line);}
.faq-item summary{
  list-style:none; cursor:pointer; padding:22px 4px; font-family:var(--font-display);
  text-transform:uppercase; font-size:18px; display:flex; justify-content:space-between; align-items:center; gap:16px;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary .plus{font-family:var(--font-mono); color:var(--coral); font-size:22px; transition:transform .2s ease; flex-shrink:0;}
.faq-item[open] summary .plus{transform:rotate(45deg);}
.faq-item p{padding:0 4px 24px; color:var(--bone-faint); max-width:680px; font-size:15px;}

/* ================= WORK / LISTINGS ================= */
.filter-bar{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:42px;}
.filter-btn{
  font-family:var(--font-mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase;
  padding:11px 18px; border:1px solid var(--line-strong); background:transparent;
  color:var(--bone-faint); border-radius:20px; cursor:pointer; transition:all .18s ease;
}
.filter-btn:hover{color:var(--bone); border-color:var(--bone);}
.filter-btn.active{background:var(--coral); border-color:var(--coral); color:var(--ink);}
.listing-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:26px;}
.listing-card{border:1px solid var(--line); transition:transform .2s ease, border-color .2s ease;}
.listing-card:hover{border-color:var(--line-strong); transform:translateY(-4px);}
.listing-img{height:210px; overflow:hidden; position:relative;}
.listing-img img{width:100%; height:100%; object-fit:cover; filter:grayscale(.2);}
.listing-cat{
  position:absolute; top:14px; left:14px; background:var(--ink); color:var(--coral);
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; padding:6px 11px;
  border:1px solid var(--line-strong);
}
.listing-body{padding:22px 22px 24px;}
.listing-body h3{font-size:19px; margin-bottom:8px;}
.listing-body p{color:var(--bone-faint); font-size:14px; margin-bottom:18px;}
.listing-cta{font-family:var(--font-mono); font-size:12px; letter-spacing:.06em; color:var(--bone); display:flex; align-items:center; gap:8px; border-top:1px solid var(--line); padding-top:14px; transition:color .18s ease;}
.listing-cta:hover{color:var(--coral);}
@media (max-width:900px){ .listing-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:600px){ .listing-grid{grid-template-columns:1fr;} }
.listing-card[hidden]{display:none;}

/* ================= CONTACT ================= */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:60px;}
.field{margin-bottom:20px;}
.field label{display:block; font-family:var(--font-mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--bone-dim); margin-bottom:8px;}
.field input, .field textarea, .field select{
  width:100%; background:var(--ink-soft); border:1px solid var(--line-strong); color:var(--bone);
  padding:14px 16px; font-family:var(--font-body); font-size:15px; border-radius:var(--radius);
  appearance:none;
}
.field input:focus, .field textarea:focus{border-color:var(--coral); outline:none;}
.field textarea{min-height:130px; resize:vertical;}
.contact-info-block{margin-bottom:30px;}
.contact-info-block .eyebrow{margin-bottom:10px;}
.contact-info-block a, .contact-info-block p{font-size:15.5px; color:var(--bone-faint);}
.contact-info-block a:hover{color:var(--coral);}
.social-row{display:flex; gap:12px; margin-top:24px;}
.social-icon{
  width:42px; height:42px; border:1px solid var(--line-strong); border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:13px;
  transition:all .18s ease;
}
.social-icon:hover{background:var(--coral); border-color:var(--coral); color:var(--ink);}
.map-frame{border:1px solid var(--line-strong); margin-top:10px; filter:invert(.92) hue-rotate(180deg) contrast(.9);}
.alpha-hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;}
.form-notice{
  padding:18px 20px; font-family:var(--font-mono); font-size:13px; letter-spacing:.04em;
  margin-top:18px; border-radius:var(--radius);
}
.form-notice.success{background:var(--cobalt); color:var(--bone);}
.form-notice.error{background:#5a1010; color:#ffb3b3; border:1px solid #8b1a1a;}
@media (max-width:860px){ .contact-grid{grid-template-columns:1fr;} }

/* ================= FOOTER ================= */
footer{border-top:1px solid var(--line); padding:64px 0 28px; background:var(--ink-soft);}
.footer-top{display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:40px; padding-bottom:48px; border-bottom:1px solid var(--line);}
.footer-top h4{font-family:var(--font-mono); font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--bone-dim); margin-bottom:18px;}
.footer-top ul{list-style:none; margin:0; padding:0;}
.footer-top ul li{margin-bottom:11px; padding:0;}
.footer-top ul a{font-size:14.5px; color:var(--bone-faint);}
.footer-top ul a:hover{color:var(--coral);}
.footer-top ul .footer-static{font-size:14.5px; color:var(--bone-faint); display:inline-block;}
.footer-brand p{color:var(--bone-faint); font-size:14.5px; margin:16px 0 20px; max-width:280px;}
.footer-bottom{display:flex; justify-content:space-between; align-items:center; padding-top:26px; flex-wrap:wrap; gap:14px;}
.footer-bottom p{font-family:var(--font-mono); font-size:12px; color:var(--bone-dim);}
@media (max-width:860px){ .footer-top{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .footer-top{grid-template-columns:1fr;} }

.vis-hidden{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0);}

/* ================= WORDPRESS ADMIN BAR FIX ================= */
.admin-bar header{ top:32px; }
@media screen and (max-width:782px){ .admin-bar header{ top:46px; } }
.admin-bar .mobile-menu{ top:calc(78px + 32px); }
@media screen and (max-width:782px){ .admin-bar .mobile-menu{ top:calc(78px + 46px); } }