/*
Theme Name:   VA Disability Lawyer Child
Theme URI:    https://example.com
Description:  Genesis child theme for the VA Disability Lawyer landing page design. Every section is a plain widget area with built-in fallback content (see inc/default-sections.php). All page CSS lives in this stylesheet.
Author:       Your Agency
Author URI:   https://example.com
Template:     genesis
Version:      2.0.0
Text Domain:  vadl
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Lora:ital@1&display=swap');

/* ==========================================================================
   0. Variables & resets
   ========================================================================== */
:root{
  --vadl-navy:        #142a4c;
  --vadl-navy-dark:   #0e1f3a;
  --vadl-navy-darker: #0a1830;
  --vadl-gold:        #c8a13f;
  --vadl-gold-light:  #e4c877;
  --vadl-red:         #8f1d1d;
  --vadl-red-bright:  #a8241d;
  --vadl-cream:       #f7f1e4;
  --vadl-cream-line:  #e7ddc4;
  --vadl-white:       #ffffff;
  --vadl-black:       #000000;
  --vadl-ink:         #1c2a3d;
  --vadl-muted:       #7a7a7a;
  --vadl-border:      #e3e7ee;
  --vadl-radius:      6px;
  --vadl-shadow:      0 10px 30px rgba(14,31,58,.08);
  --vadl-maxw:        1240px;
  --vadl-ease:        cubic-bezier(.22,.61,.36,1);
  --vadl-font-heading: Inter;
  --vadl-font-body:   Inter;
}

/* Everything below reads color/font from the variables above, so the
   Customizer > Theme Options panel (primary color, secondary color,
   font) can override just these two lines' worth of settings and the
   whole page updates — see functions.php > vadl_customizer_css(). */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body { 
	color: var(--vadl-black);
	font-family:Inter;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.65;
	margin:0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	height: auto;
	max-width: 100%;
	display: block;
}

a {
	color: var(--vadl-gold);
	text-decoration: none; 
}
.vadl-header,.vadl-footer,.vadl-hero,.vadl-section,.vadl-trustbar,.vadl-pactact,.vadl-topbar{
  font-family:Inter;
}
.entry-meta, header.entry-header{ display:none;}
.title-area{ display:none;}
.vadl-wrap, .content-sidebar-wrap{ width:var(--vadl-maxw);margin:0 auto;}
.vadl-section{padding:80px 0;}
.vadl-section--cream{background:var(--vadl-cream);}
.vadl-section--navy{background:var(--vadl-navy);color:#dfe6f0;}
.vadl-section--white{background:var(--vadl-white);}
.vadl-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--vadl-gold);margin-bottom:14px;
}
.entry-content h1{ margin-top:0;}
.vadl-eyebrow::before{content:"";width:22px;height:2px;background:var(--vadl-gold);display:inline-block;}
.vadl-section--navy .vadl-eyebrow, .vadl-section--white .vadl-eyebrow, .vadl-section--cream .vadl-eyebrow{color:var(--vadl-gold);}
h1.vadl-h1,h2.vadl-h2,h3.vadl-h3{font-family:var(--vadl-font-heading);font-weight:800;color:var(--vadl-ink);line-height:1.15;margin:0 0 16px;}
.vadl-section--navy h2.vadl-h2, .vadl-section--navy h1.vadl-h1, .vadl-section--navy h3.vadl-h3{color:#fff;}
h2.vadl-h2{font-size:34px;}
h1.vadl-h1{font-size:44px;}
.vadl-lede{font-size:17px;line-height:1.65;color:var(--vadl-black);max-width:640px;}
#free-review .vadl-lede{ color:var(--vadl-white);}
.vadl-section--navy .vadl-lede{color:#c3cbdb;}
.vadl-gold-text{color:var(--vadl-gold);}

.gform-theme-button,
.vadl-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 20px;border-radius:4px;font-weight:600;font-size:14px;
  text-decoration:none;transition:transform .25s var(--vadl-ease),box-shadow .25s var(--vadl-ease),background .25s;
  border:1px solid transparent;cursor:pointer;
}
.gform-theme-button:hover,
.vadl-btn:hover{transform:translateY(-2px);}
.vadl-btn--red{background:var(--vadl-red-bright);color:#fff;}
.vadl-btn--red:hover{background:#8f1d1d;color:#fff;}
.vadl-btn--outline{background:transparent;border-color:rgba(255,255,255,.4);color:#fff;}
.vadl-btn--outline:hover{background:rgba(255,255,255,.08);border-color:#fff;color:#fff;}
.gform-theme-button, .vadl-btn--gold{background:var(--vadl-gold-light);color:var(--vadl-navy-darker);}
.gform-theme-button:hover, .vadl-btn--gold:hover{background:var(--vadl-gold);color:var(--vadl-navy-darker);}

/* ==========================================================================
   1. Top alert bar
   ========================================================================== */
.vadl-topbar{background:var(--vadl-red);color:#fff;text-align:center;font-size:13px;padding:9px 16px;}
.vadl-topbar strong{font-weight:700;}
.vadl-topbar a{color:#fff;text-decoration:underline;margin-left:4px;font-weight:600;}

/* ==========================================================================
   2. Header
   ========================================================================== */
.vadl-header{padding:0;position:relative;z-index:100;}
.vadl-header .custom-logo-link img{ width:280px; height:auto;}
.vadl-hero h1{ color:#fff; font-size: clamp(40px, 5.2vw, 66px);}
#free-review h2.vadl-h2{ color:#fff;}
.vadl-header .vadl-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.vadl-header__logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;text-decoration:none;font-family:var(--vadl-font-heading);}
.vadl-header__logo img{height:34px;width:auto;display:block;}
.vadl-header__nav ul{display:flex;align-items:center;gap:28px;flex-wrap:wrap;}
.vadl-header__nav li{ list-style:none; padding:0;}
.vadl-header__nav a{color:#000;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s;}
.vadl-header__nav a:hover, .vadl-header__nav .current_page_item a{color:#8f1d1d;}
.vadl-header__cta{margin-left:8px;white-space:nowrap;}
.vadl-header__right{display:flex;align-items:center;gap:14px;}

/* Mobile hamburger toggle — hidden on desktop */
.vadl-header__toggle{
  display:none;background:none;border:none;cursor:pointer;
  padding:6px;margin:0;flex:0 0 auto;
}
.vadl-header__toggle .bar{
  display:block;width:22px;height:2px;background:#fff;margin:5px 0;
  transition:transform .25s var(--vadl-ease),opacity .2s var(--vadl-ease);
}
.vadl-header__toggle[aria-expanded="true"] .bar:nth-child(1){transform:translateY(7px) rotate(45deg);}
.vadl-header__toggle[aria-expanded="true"] .bar:nth-child(2){opacity:0;}
.vadl-header__toggle[aria-expanded="true"] .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width: 860px){
  .vadl-header__toggle{display:block;order:3;}
  .vadl-header__logo{order:1;}
  .vadl-header__right{order:2;margin-left:auto;}
  .vadl-header .vadl-wrap{flex-wrap:wrap;}
  .vadl-header__nav{
    order:4;width:100%;flex-basis:100%;
    flex-direction:column;align-items:flex-start;gap:2px;
    max-height:0;overflow:hidden;opacity:0;
    transition:max-height .35s var(--vadl-ease),opacity .3s var(--vadl-ease);
  }
  .vadl-header__nav.is-open{max-height:480px;opacity:1;margin-top:14px;}
  .vadl-header__nav a{display:block;width:100%;padding:12px 4px;border-top:1px solid rgba(255,255,255,.08);}
  .vadl-header__cta{font-size:13px;padding:10px 16px;}
}

/* ==========================================================================
   3. Hero
   ========================================================================== */
.vadl-hero{/*background:linear-gradient(155deg,var(--vadl-navy) 0%,var(--vadl-navy-dark) 100%);*/ background:linear-gradient( 90deg, rgba(5, 19, 52, 0.70) 0%, rgba(7, 27, 61, 0.60) 80%, rgba(7, 27, 61, 0.40) 100% ), url('/wp-content/uploads/2026/09/Veteran-in-Nevada.jpg') center center / cover no-repeat;padding:70px 0 60px;color:#fff;}
.vadl-hero .vadl-wrap{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:start;}
.vadl-hero__headline{font-size:42px;line-height:1.18;margin:0 0 18px;font-weight:800;}
.vadl-hero__lede{color:#c3cbdb;font-size:16px;line-height:1.7;max-width:520px;margin-bottom:28px;}
.vadl-hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:16px;}
.vadl-hero__micro{color:#93a0b8;font-size:13px;}

.vadl-hero__card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:26px;backdrop-filter:blur(2px);}
.vadl-hero__card-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--vadl-gold-light);font-weight:700;margin-bottom:18px;}
.vadl-hero__stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;}
.vadl-hero__stat-num{font-size:26px;font-weight:800;color:#fff;line-height:1;margin-bottom:6px;}
.vadl-hero__stat-label{font-size:14px;color:#a9b3c6;line-height:1.4;}
.vadl-hero__note{font-size:14px;color:#c3cbdb;line-height:1.6;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;}
.vadl-hero__note strong{color:#fff;}

/* ==========================================================================
   4. Trust bar
   ========================================================================== */
.vadl-trustbar{background:#fff;border-bottom:1px solid var(--vadl-border);padding:20px 0;}
.vadl-trustbar .vadl-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;}
.vadl-trustbar__item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--vadl-ink);}
.vadl-trustbar__item .dot{width:8px;height:8px;border-radius:50%;background:var(--vadl-gold);flex:0 0 auto;}
.vadl-trustbar__rating{text-align:center;font-size:12px;color:var(--vadl-muted);margin-top:10px;}

/* ==========================================================================
   5. Process (How VA appeals work)
   ========================================================================== */
.vadl-process__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px;}
.vadl-process__card{background:#fff;border:1px solid var(--vadl-cream-line);border-radius:var(--vadl-radius);padding:26px 22px;position:relative;}
.vadl-process__num{font-size:34px;font-weight:800;color:var(--vadl-cream-line);margin-bottom:12px;}
.vadl-process__card h3{font-size:18px;font-weight:700;color:var(--vadl-ink);margin:0 0 10px;}
.vadl-process__card p{font-size:15px;color:var(--vadl-black);line-height:1.6;margin:0 0 14px;}
.vadl-process__deadline{font-size:13px;font-weight:700;color:var(--vadl-red-bright);}

/* ==========================================================================
   6. Conditions
   ========================================================================== */
.vadl-conditions__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.1);border-radius:8px;overflow:hidden;margin-top:40px;}
.vadl-conditions__item{background:var(--vadl-navy);padding:22px 20px;}
.vadl-conditions__item h4{color:#fff;font-size:17px;font-weight:700;margin:0 0 6px;}
.vadl-conditions__item p{color:#9fabc2;font-size:15px;line-height:1.5;margin:0;}

/* ==========================================================================
   7. PACT Act banner
   ========================================================================== */
.vadl-pactact{background:linear-gradient(120deg,var(--vadl-gold) 0%,#d8b65a 100%);padding:44px 0;}
.vadl-pactact .vadl-wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.vadl-pactact__tag{display:inline-block;background:var(--vadl-navy-darker);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:3px;margin-bottom:14px;}
.vadl-pactact h2{color:var(--vadl-navy-darker);font-size:28px;margin:0 0 10px;}
.vadl-pactact p{color:var(--vadl-black);font-size:14.5px;max-width:560px;margin:0 0 20px 0;line-height:1.6;}
.vadl-pactact .vadl-btn--navy{background:var(--vadl-navy-darker);color:#fff;flex:0 0 auto;}
.vadl-pactact .vadl-btn--navy:hover{background:var(--vadl-navy);color:#fff;}

/* ==========================================================================
   8. Resources directory
   ========================================================================== */
.vadl-resources__tabs{display:flex;gap:8px;flex-wrap:wrap;margin:34px 0 26px;border-bottom:1px solid var(--vadl-border);}
.vadl-resources__tabs button{background:none;border:none;padding:10px 4px;margin-right:22px;font-size:14px;font-weight:600;color:var(--vadl-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;}
.vadl-resources__tabs button.is-active,.vadl-resources__tabs button:hover{color:var(--vadl-ink);border-color:var(--vadl-gold);}
.vadl-resources__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.vadl-resources__panel{display:none;}
.vadl-resources__panel.is-active{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.vadl-resource-card{border:1px solid var(--vadl-border);border-radius:var(--vadl-radius);padding:20px;background:#fff;}
.vadl-resource-card .eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--vadl-gold);margin-bottom:8px;}
.vadl-resource-card h4{font-size:18px;font-weight:700;color:var(--vadl-ink);margin:0 0 8px;}
.vadl-resource-card p{font-size:15px;color:var(--vadl-black);line-height:1.55;margin:0 0 10px;}
.vadl-resource-card a.phone{font-size:13.5px;font-weight:700;color:var(--vadl-navy);text-decoration:none;}
.vadl-resources__footnote{margin-top:26px;font-size:13.5px;color:var(--vadl-muted);}
.vadl-resources__footnote a{color:var(--vadl-navy);font-weight:700;}

/* ==========================================================================
   9. Testimonial
   ========================================================================== */
.vadl-testimonial{text-align:center;}
.vadl-testimonial blockquote{font-family:'Lora',serif;font-style:italic;font-size:22px;line-height:1.55;color:var(--vadl-ink);max-width:780px;margin:0 auto 20px;}
.vadl-testimonial__stars{color:var(--vadl-gold);letter-spacing:3px;margin-bottom:10px;}
.vadl-testimonial cite{font-style:normal;font-size:18px;font-weight:700;color:var(--vadl-muted);letter-spacing:.02em;}

/* ==========================================================================
   10. State benefits
   ========================================================================== */
.vadl-benefits__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;}
.vadl-benefit-card{background:#fff;border-left:3px solid var(--vadl-gold);border-radius:0 var(--vadl-radius) var(--vadl-radius) 0;padding:20px 22px;box-shadow:var(--vadl-shadow);}
.vadl-benefit-card h4{font-size:18px;font-weight:700;color:var(--vadl-ink);margin:0 0 8px;}
.vadl-benefit-card p{font-size:15px;color:var(--vadl-black);line-height:1.55;margin:0 0 10px;}
.vadl-benefit-card .req{font-size:11.5px;color:var(--vadl-gold);font-weight:700;text-transform:uppercase;letter-spacing:.04em;}

/* ==========================================================================
   11. CTA / Gravity Forms
   ========================================================================== */
.vadl-cta{background:linear-gradient(155deg,var(--vadl-navy) 0%,var(--vadl-navy-dark) 100%);}
.vadl-about-us .vadl-wrap, .vadl-pactact .vadl-wrap,
.vadl-cta .vadl-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.vadl-cta__points{margin-top:26px;display:flex;flex-direction:column;gap:16px;}
.vadl-cta__point{display:flex;gap:12px;align-items:flex-start;}
.vadl-cta__point .ico{width:20px;height:20px;flex:0 0 auto;border-radius:50%;background:var(--vadl-gold);margin-top:3px;}
.vadl-cta__point strong{color:#fff;}
.vadl-cta__point span{color:#c3cbdb;font-size:16px;line-height:1.6;}
.vadl-cta__form-card{background:#fff;border-radius:8px;padding:30px;box-shadow:0 20px 50px rgba(0,0,0,.35);}
.vadl-cta__form-card h3{color:var(--vadl-ink);font-size:19px;margin:0 0 4px;}
.vadl-cta__form-card .sub{font-size:13px;color:var(--vadl-muted);margin-bottom:20px;}
/* Gravity Forms styling to match card */
.vadl-cta__form-card .gform_wrapper .gfield_label{font-size:12.5px;font-weight:700;color:var(--vadl-ink);}
.vadl-cta__form-card .gform_wrapper input[type=text],
.vadl-cta__form-card .gform_wrapper input[type=email],
.vadl-cta__form-card .gform_wrapper input[type=tel],
.vadl-cta__form-card .gform_wrapper select,
.vadl-cta__form-card .gform_wrapper textarea{
  border:1px solid var(--vadl-border) !important;border-radius:4px !important;
  padding:11px 12px !important;font-size:14px !important;
}
.vadl-cta__form-card .gform_wrapper input:focus,
.vadl-cta__form-card .gform_wrapper select:focus,
.vadl-cta__form-card .gform_wrapper textarea:focus{
  border-color:var(--vadl-gold) !important;outline:none;box-shadow:0 0 0 3px rgba(200,161,63,.18);
}
.vadl-cta__form-card .gform_button{
  background:var(--vadl-navy-darker) !important;color:#fff !important;border:none !important;
  padding:14px 24px !important;border-radius:4px !important;font-weight:700 !important;
  width:100%;transition:background .25s,transform .25s;
}
.vadl-cta__form-card .gform_button:hover{background:var(--vadl-navy) !important;transform:translateY(-2px);}
.vadl-cta__disclaimer{margin-top:14px;font-size:11.5px;color:var(--vadl-muted);line-height:1.5;}
.site-footer p {
  margin: 0;
}
/* ==========================================================================
   12. Footer
   ========================================================================== */
.vadl-footer{background:var(--vadl-navy-darker);color:#93a0b8;padding:56px 0 24px;}
.vadl-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:36px;}
.vadl-footer__brand p{font-size:13px;line-height:1.6;color:#7c8aa3;max-width:240px;}
.vadl-footer h5{color:#fff;font-size:15px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 16px;}
.vadl-footer ul{list-style:none;margin:0;padding:0;}
.vadl-footer ul li{margin-bottom:10px;}
.vadl-footer a{color:#93a0b8;text-decoration:none;font-size:14px;transition:color .2s;}
.vadl-footer a:hover{color:#fff;}
.vadl-footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;font-size:14px;color:#6a7893;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}

/* ==========================================================================
   13. Motion / scroll animations
   ========================================================================== */
.vadl-animate{opacity:0;transform:translateY(24px);transition:opacity .7s var(--vadl-ease),transform .7s var(--vadl-ease);}
.vadl-animate.vadl-in{opacity:1;transform:translateY(0);}
.vadl-animate--fade{transform:none;}
.vadl-stagger > *{opacity:0;transform:translateY(18px);transition:opacity .6s var(--vadl-ease),transform .6s var(--vadl-ease);}
.vadl-stagger.vadl-in > *{opacity:1;transform:translateY(0);}
.vadl-stagger.vadl-in > *:nth-child(1){transition-delay:.05s;}
.vadl-stagger.vadl-in > *:nth-child(2){transition-delay:.12s;}
.vadl-stagger.vadl-in > *:nth-child(3){transition-delay:.19s;}
.vadl-stagger.vadl-in > *:nth-child(4){transition-delay:.26s;}
.vadl-stagger.vadl-in > *:nth-child(5){transition-delay:.33s;}
.vadl-stagger.vadl-in > *:nth-child(6){transition-delay:.4s;}
@media (prefers-reduced-motion: reduce){
  .vadl-animate,.vadl-stagger > *{opacity:1 !important;transform:none !important;transition:none !important;}
}
/* --------------------------------------------------------------------------
   24. GENESIS FRAMEWORK OVERRIDES
   -------------------------------------------------------------------------- */
/* Kill Genesis defaults that conflict with our dark theme */
.site-inner,
.content-sidebar-wrap,
.content,
.sidebar-primary {
	background: transparent;
}

/* Strip Genesis padding from site-inner */
.site-inner {
	padding: 50px 0; 
}
body.home .site-inner{ padding:0;}
body.home .content-sidebar-wrap{ width:100%; padding:0;}
/* Archive title */
.archive-title {
	font-family: var(--font-display);
	font-size: 56px;
	color: var(--av-silver);
	border-bottom: 1px solid #1a1a1a;
	padding-bottom: var(--sp-std);
	margin-bottom: var(--sp-lg);
}

/* Search results */
.search-form input[type="search"] {
	background: var(--av-steel);
	border: 1px solid #2a2a2a;
	color: var(--av-silver);
}

.search-form input[type="submit"] {
	background: var(--av-red);
	color: #fff;
}

/* Comments */
.comment-respond {
	background: var(--av-charcoal);
	padding: var(--sp-med);
	margin-top: var(--sp-major);
}

.comments-title,
.comment-reply-title {
	font-family: var(--font-cond);
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--av-silver);
	margin-bottom: var(--sp-std);
}

.comment-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment {
	background: var(--av-charcoal);
	padding: var(--sp-med);
	margin-bottom: 2px;
	border-left: 3px solid transparent;
}

.comment:hover {
	border-left-color: var(--av-red);
}

.comment-author .fn {
	font-family: var(--font-cond);
	font-weight: 700;
	text-transform: uppercase;
	color: var(--av-silver);
}

.comment-metadata {
	font-size: 11px;
	color: var(--av-dark-steel);
}

.comment-content {
	font-size: 14px;
	color: var(--av-body);
	margin-top: 8px;
}
 
/* =========================================================
   LOGO
   ========================================================= */

.vadl-header__logo-wrap {
	flex: 0 0 auto;
}

.vadl-header__logo {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

.vadl-header__logo img {
	display: block;
	max-width: 285px;
	width: auto;
	height: auto;
}

.vadl-header__logo .custom-logo {
	max-height: 76px;
	width: auto;
}
 
/* =========================================================
   NAVIGATION
   ========================================================= */

.vadl-header__nav {
	margin-left: auto;
}

.vadl-menu {
	display: flex;
	align-items: center;
	gap: 36px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.vadl-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.vadl-menu li a {
	display: inline-flex;
	align-items: center;
	position: relative;

	padding: 36px 0;

	color: #101010;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2;

	text-decoration: none;

	transition:
		color 0.25s ease,
		background-color 0.25s ease;
}

.vadl-menu li a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25px;

	height: 2px;

	background: #e8b83f;

	transform: scaleX(0);
	transform-origin: center;

	transition: transform 0.25s ease;
}

.vadl-menu li a:hover,
.vadl-menu li.current-menu-item > a,
.vadl-menu li.current_page_item > a {
	color: #071536;
}

.vadl-menu li a:hover::after,
.vadl-menu li.current-menu-item > a::after,
.vadl-menu li.current_page_item > a::after {
	transform: scaleX(1);
}


/* =========================================================
   MOBILE MENU BUTTON
   ========================================================= */

.vadl-header__toggle {
	display: none;

	width: 44px;
	height: 44px;

	padding: 8px;

	border: 0;
	background: transparent;

	cursor: pointer;
}

.vadl-header__toggle .bar {
	display: block;

	width: 100%;
	height: 2px;

	margin: 5px 0;

	background: #071536;
}


/* =========================================================
   INNER PAGE HERO
   ========================================================= */

.vadl-inner-hero {
	position: relative;

	background:linear-gradient( 90deg, rgba(5, 19, 52, 0.70) 0%, rgba(7, 27, 61, 0.60) 80%, rgba(7, 27, 61, 0.40) 100% ), url('/wp-content/themes/va-disability-child/images/Hero-image.jpg') center center / cover no-repeat;

	min-height: 155px;

	display: flex;
	align-items: center;

	overflow: hidden;
}

.vadl-inner-hero__overlay {
	position: absolute;
	inset: 0;

	background:
		linear-gradient(
			90deg,
			rgba(7, 21, 54, 0.15),
			rgba(7, 21, 54, 0.4)
		);

	pointer-events: none;
}

.vadl-inner-hero__inner {
	position: relative;
	z-index: 2; 
}

 
/* =========================================================
   HERO TITLE
   ========================================================= */

.vadl-inner-hero__title {
	margin: 0 0 12px; 
	color: #ffffff; 
	font-size: clamp(42px, 5vw, 42px);
	font-weight: 700;
	line-height: 1.08;
	letter-spacing: -1px;
}

.vadl-inner-hero__description {
	max-width: 760px;
	margin: 0;
	color: rgba(255, 255, 255, 0.92);
	font-size: 16px;
	line-height: 1.6;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {

	.vadl-menu {
		gap: 22px;
	}

	.vadl-menu li a {
		font-size: 15px;
	}

	.vadl-header__cta {
		padding-left: 20px;
		padding-right: 20px;
	}

}


@media (max-width: 900px) {

	.vadl-header .vadl-wrap {
		min-height: 82px;
	}

	.vadl-header__nav {
		display: none;

		position: absolute;
		top: 100%;
		left: 0;
		right: 0;

		background: #ffffff;

		border-top: 1px solid #eeeeee;
		box-shadow: 0 12px 25px rgba(0, 0, 0, 0.08);
	}

	.vadl-header__nav.is-open {
		display: block;
	}

	.vadl-menu {
		display: block;
		padding: 15px 20px;
	}

	.vadl-menu li a {
		display: flex;

		width: 100%;
		padding: 14px 0;

		border-bottom: 1px solid #eeeeee;
	}

	.vadl-menu li a::after {
		display: none;
	}

	.vadl-header__toggle {
		display: block;
	}

	.vadl-header__cta {
		min-height: 46px;
		padding: 0 20px;
		font-size: 14px;
	}

	.vadl-inner-hero {
		min-height: 220px;
	}

}


@media (max-width: 600px) { 

	.vadl-header .vadl-wrap {
		gap: 15px;
	}

	.vadl-header__logo img,
	.vadl-header__logo .custom-logo {
		max-width: 200px;
		max-height: 62px;
	}

	.vadl-header__right {
		gap: 8px;
	}

	.vadl-header__cta {
		display: none;
	}

	.vadl-inner-hero {
		min-height: 210px;
	}

	.vadl-inner-hero__inner {
		padding-top: 20px;
		padding-bottom: 26px;
	}

	.vadl-inner-hero__title {
		font-size: 38px;
	}

	.vadl-inner-hero__description {
		font-size: 16px;
	}

}
/* --------------------------------------------------------------------------
   22. RESPONSIVE
   -------------------------------------------------------------------------- */
@media (max-width: 1280px) {
	.content-sidebar-wrap {
		grid-template-columns: 1fr 280px;
	} 
	.vadl-wrap{ width:90%;}
}

@media (max-width: 1024px) { 
	.footer-widgets {
		grid-template-columns: 1fr 1fr;
		gap: 24px;
	}
	.below-header-widget .wrap{ width:90%;}
}

@media (max-width: 768px) {
	.site-header .wrap {
		padding-left: 16px;
		padding-right: 16px;
	}

	.menu-toggle {
		display: block;
	}
	#genesis-mobile-nav-primary.activated:before{
		content:"\f158";
	}
	.nav-primary .genesis-nav-menu {
		flex-direction: column;
		gap: 0;
		background: var(--av-charcoal);
		border-top: 1px solid #1a1a1a;
		position: absolute;
		top: 78px;
		left: 0;
		right: 0;
		padding: 8px 0;
		align-items: start;
	}

	.nav-primary .genesis-nav-menu.menu-open {
		display: flex;
	}

	.nav-primary .genesis-nav-menu > li > a {
		padding: 12px 16px;
		display: block;
		opacity: 1;
	}
 
	.footer-widgets {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.footer-bottom {
		flex-direction: column;
		align-items: flex-start;
	}

	.av-wrap,
	.site-container .wrap {
		padding-left: 16px;
		padding-right: 16px;
	}
}

@media (max-width: 1023px) {
	.menu-toggle{
        position:absolute;
        top:20px;
        right:20px;
        width:40px;
        height:40px;
        border:0;
        background:none;
        font-size:0;
        cursor:pointer;
    }

    /* Hamburger */
    .menu-toggle:before{
        content:"\f333";
        font-family:dashicons;
        font-size:32px;
        color:#fff;
        transition:.3s ease;
    }

    /* Close icon */
    .menu-toggle[aria-expanded="true"]:before {
    content: "\f158";
    font-family: dashicons;
}

.menu-toggle[aria-expanded="false"]:before {
    content: "\f333";
    font-family: dashicons;
}

    /* Hide menu initially */
    #genesis-nav-primary{
        display:block !important;
        overflow:hidden;
        max-height:0;
        opacity:0;
        visibility:hidden;
        transition:
            max-height .45s ease,
            opacity .3s ease;
    }

    /* Open menu */
    #genesis-nav-primary.menu-open{
        max-height:600px;
        opacity:1;
        visibility:visible;
    }

    /* Menu items animation */
    #genesis-nav-primary .menu-item{
        opacity:0;
        transform:translateX(-20px);
        transition:all .3s ease;
    }

    #genesis-nav-primary.menu-open .menu-item{
        opacity:1;
        transform:translateX(0);
    } 
}
/* ==========================================================================
   14. Responsive
   ========================================================================== */
@media (max-width: 1024px){
  .vadl-process__grid,.vadl-conditions__grid,.vadl-resources__grid,.vadl-resources__panel.is-active,.vadl-benefits__grid{grid-template-columns:repeat(2,1fr);}
  .vadl-footer__grid{grid-template-columns:1fr 1fr;}
}
@media (max-width: 860px){
  .vadl-hero .vadl-wrap,.vadl-cta .vadl-wrap{grid-template-columns:1fr;}
  .vadl-header__nav{display:none;}
  .vadl-hero__headline{font-size:32px;}
  .vadl-pactact .vadl-wrap{flex-direction:column;align-items:flex-start;}
}
@media (max-width: 600px){
  .vadl-process__grid,.vadl-conditions__grid,.vadl-resources__grid,.vadl-resources__panel.is-active,.vadl-benefits__grid,.vadl-footer__grid{grid-template-columns:1fr;}
  h1.vadl-h1{font-size:30px;}
  h2.vadl-h2{font-size:26px;}
}