/* vgp.css — page styles (moved out of the page). Linked from: vgp.aspx. The banner, tiles and feed cards are in ../v1-division-home.css */
@property --ed-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

/* ---------- Division header (lives in vgp.master) ---------- */
section.page-header.vgp {
    position: relative;
    overflow: hidden;
    border: 0 !important;
    padding: 60px 0 52px !important;
}
section.page-header.vgp::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(900px 360px at 8% 0%, rgba(34, 184, 207, .35), transparent 60%),
        radial-gradient(700px 300px at 100% 100%, rgba(139, 92, 246, .25), transparent 60%),
        linear-gradient(135deg, rgba(14, 65, 111, .92) 0%, rgba(8, 24, 48, .88) 100%);
    pointer-events: none;
}
section.page-header.vgp::after {
    content: "";
    position: absolute;
    right: -80px;
    top: -80px;
    width: 320px;
    height: 320px;
    border-radius: 50%;
    border: 40px solid rgba(255, 255, 255, .05);
    animation: ed-float 8s ease-in-out infinite;
    pointer-events: none;
}
section.page-header.vgp .container { position: relative; z-index: 1; }
section.page-header.vgp #txtBreadcrumbTitle {
    color: #fff;
    font-weight: 700 !important;
    line-height: 1.2;
    margin: 0 0 10px;
    animation: ed-rise .6s ease both;
}
section.page-header.vgp #txtDesc { display: block; color: #fff; animation: ed-rise .6s .1s ease both; }
.ed-hero-sub { display: block; font-size: 15px; max-width: 720px; opacity: .9; margin-bottom: 14px; }
.ed-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .22);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    text-shadow: none;
    margin-bottom: 12px;
}
.ed-eyebrow .fa { color: var(--ed-accent); }
#vgpBreadcrumb {
    display: inline-flex !important;
    flex-wrap: wrap;
    gap: 4px;
    position: static !important;
    padding: 6px 14px;
    margin: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .15);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    font-size: 12.5px;
}
#vgpBreadcrumb li, #vgpBreadcrumb li a { color: rgba(255, 255, 255, .85); }
#vgpBreadcrumb li:last-child a { color: #fff; font-weight: 700; }

/* ---------- Division side menu (lives in vgp.master) ---------- */
.skin-green-light {
    border-radius: var(--ed-radius);
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--ed-line);
    box-shadow: var(--ed-shadow) !important;
}
.skin-green-light .sidebar { padding: 0; }
.skin-green-light .sidebar-menu, .skin-green-light .treeview-menu { list-style: none; margin: 0; }
.skin-green-light .sidebar-menu > li + li { border-top: 1px solid var(--ed-line); }
.skin-green-light .sidebar-menu > li > a {
    padding: 13px 16px !important;
    font-weight: 700;
    color: var(--ed-ink) !important;
    border-left: 3px solid transparent !important;
    background: transparent !important;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.skin-green-light .sidebar-menu > li:hover > a,
.skin-green-light .sidebar-menu > li.active > a {
    color: var(--ed-primary-2) !important;
    background: var(--ed-soft) !important;
    border-left-color: var(--ed-primary-2) !important;
}
.skin-green-light .treeview-menu { background: #fbfcfe !important; padding: 4px 0 8px !important; }
.skin-green-light .treeview-menu > li > a { color: #475569 !important; font-weight: 600; transition: color .2s ease, padding .2s ease; }
.skin-green-light .treeview-menu > li > a:hover,
.skin-green-light .treeview-menu > li.active > a { color: var(--ed-primary-2) !important; padding-left: 26px !important; }

/* Kept from original page (used by site navigation) */
.mega-dropdown-menu > li > ul { padding: 0; margin: 0; }
.mega-dropdown-menu > li > ul > li { list-style: none; }
.mega-dropdown-menu > li > ul > li > a { display: block; color: #13243a; padding: 3px 5px; }
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; }
.mega-dropdown-menu .dropdown-header { font-size: 18px; color: #ff3546; padding: 5px 60px 5px 5px; line-height: 30px; }

@keyframes ed-rise { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes ed-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(12px); } }

@media (max-width: 767px) {
    section.page-header.vgp { padding: 40px 0 36px !important; }
}
@media (prefers-reduced-motion: reduce) {
    section.page-header.vgp, section.page-header.vgp * { animation: none !important; transition: none !important; }
}