/*
 * NGM Light colour theme — loaded only when NGM College → Design → Colour theme is "NGM Light".
 * Every rule starts with body.ngm-light, so choosing "Classic" again removes all of it.
 * Covers: the NGM header, page banner, section menu and footer (NGM Theme Layer or the NGM
 * child theme), The7's own header and footer (when the NGM header is off), and the College
 * Core sections (hero, ticker, statistics). Colours come from the variables College Core prints
 * on body.ngm-light (--ngm-primary, --ngm-dark, --ngm-accent, --ngm-ink, --ngm-muted,
 * --ngm-line, --ngm-soft, --ngm-tint). All text colours pass WCAG AA.
 */
body.ngm-light{--ngm-amber:#8a5a00;--ngm-text2:#44546d}

/* ---------- NGM header: top bar ---------- */
body.ngm-light .ngm-topbar{background:var(--ngm-tint);color:var(--ngm-text2);border-bottom:1px solid var(--ngm-line)}
body.ngm-light .ngm-topbar a{color:var(--ngm-ink)!important}
body.ngm-light .ngm-topbar a:hover{color:var(--ngm-primary)!important}
body.ngm-light .ngm-topbar i,body.ngm-light .ngm-topbar__social i{color:var(--ngm-primary)}
body.ngm-light .ngm-topbar__text{color:var(--ngm-text2);border-left-color:rgba(27,43,69,.14)}
body.ngm-light .ngm-topbar__social{border-left-color:rgba(27,43,69,.14)}
body.ngm-light .ngm-topbar__social a:hover{background:#fff}

/* ---------- NGM header: menu bar ---------- */
body.ngm-light .ngm-navbar{background:#fff;box-shadow:inset 0 1px 0 var(--ngm-line),inset 0 -1px 0 var(--ngm-line)}
body.ngm-light .ngm-menu>.ngm-menu__item>.ngm-menu__link{color:var(--ngm-ink)!important}
body.ngm-light .ngm-menu>.ngm-menu__item>.ngm-menu__link .ngm-mi{color:var(--ngm-primary)}
body.ngm-light .ngm-menu>.ngm-menu__item>.ngm-menu__link:hover,
body.ngm-light .ngm-menu>.ngm-menu__item:focus-within>.ngm-menu__link,
body.ngm-light .ngm-menu>.ngm-menu__item.is-open>.ngm-menu__link,
body.ngm-light .ngm-menu>.ngm-menu__item:hover>.ngm-menu__link{background:var(--ngm-soft);color:var(--ngm-primary)!important}
body.ngm-light .ngm-menu>.ngm-menu__item.is-current>.ngm-menu__link{background:var(--ngm-tint);color:var(--ngm-primary)!important}
body.ngm-light .ngm-navbar__search{background:var(--ngm-tint);color:var(--ngm-primary)}
body.ngm-light .ngm-header.is-stuck .ngm-navbar{box-shadow:inset 0 -1px 0 var(--ngm-line),0 10px 26px -18px rgba(27,43,69,.4)}
body.ngm-light .ngm-sub__feature{background:var(--ngm-tint);color:var(--ngm-text2);box-shadow:inset 0 0 0 1px var(--ngm-line)}
body.ngm-light .ngm-sub__feature .ngm-mi{background:#fff;color:var(--ngm-primary)}
body.ngm-light .ngm-sub__feature strong{color:var(--ngm-ink)}

/* ---------- Page banner and section menu ---------- */
body.ngm-light .ngm-pagehead{color:var(--ngm-ink);background:radial-gradient(circle at 88% 20%,rgba(246,185,59,.18),transparent 38%),linear-gradient(115deg,var(--ngm-soft),var(--ngm-tint));box-shadow:inset 0 -1px 0 var(--ngm-line)}
body.ngm-light .ngm-pagehead.has-img{background:linear-gradient(100deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.6) 100%),var(--ngm-banner) center/cover}
body.ngm-light .ngm-pagehead::after{border-color:rgba(39,86,168,.06)}
body.ngm-light .ngm-pagehead__title{color:var(--ngm-ink)}
body.ngm-light .ngm-pagehead__ic{background:#fff;border-color:var(--ngm-line);color:var(--ngm-primary)}
body.ngm-light .ngm-pagehead__lead,body.ngm-light .ngm-pagehead__meta{color:var(--ngm-text2)}
body.ngm-light .ngm-crumbs li{color:var(--ngm-muted)}
body.ngm-light .ngm-crumbs a{color:var(--ngm-primary)!important;opacity:1}
body.ngm-light .ngm-crumbs [aria-current]{color:var(--ngm-ink);font-weight:600}
body.ngm-light .ngm-secnav__root{background:var(--ngm-tint);color:var(--ngm-ink)!important;box-shadow:inset 0 -1px 0 var(--ngm-line)}
body.ngm-light .ngm-secnav__root i{color:var(--ngm-primary)}

/* ---------- NGM footer ---------- */
body.ngm-light .ngm-footer{background:var(--ngm-soft);color:var(--ngm-muted);box-shadow:inset 0 1px 0 var(--ngm-line)}
body.ngm-light .ngm-footer__title{color:var(--ngm-ink)}
body.ngm-light .ngm-footer a{color:var(--ngm-ink)!important}
body.ngm-light .ngm-footer a:hover{color:var(--ngm-primary)!important}
body.ngm-light .ngm-footer__motto{color:var(--ngm-amber)}
body.ngm-light .ngm-footer__links .ngm-mi,body.ngm-light .ngm-footer__contact li>i{color:var(--ngm-primary)}
body.ngm-light .ngm-footer__map{background:#fff;border-color:var(--ngm-line)}
body.ngm-light .ngm-footer__social a{background:#fff;box-shadow:inset 0 0 0 1px var(--ngm-line);color:var(--ngm-primary)!important}
body.ngm-light .ngm-footer__social a:hover{background:var(--ngm-accent);box-shadow:none;color:var(--ngm-dark)!important}
body.ngm-light .ngm-footer__bottom{background:var(--ngm-tint);border-top-color:var(--ngm-line)}
/* Footer logo: College Core gives the normal logo in NGM Light. Older theme files that still
   print the white logo get a dark version of it. */
body.ngm-light .ngm-footer__logo img[src*="logo-white"]{filter:brightness(0) saturate(100%) invert(13%) sepia(27%) saturate(1450%) hue-rotate(186deg) brightness(95%)}

/* ---------- The7's own header (when the NGM header is off) ---------- */
body.ngm-light .top-bar.solid-bg:before{background:var(--ngm-tint)!important}
body.ngm-light .top-bar.line-content:before,body.ngm-light .top-bar.full-width-line:before{border-bottom-color:var(--ngm-line)!important}
body.ngm-light .top-bar,body.ngm-light .top-bar a,body.ngm-light .top-bar .mini-nav .customSelect,body.ngm-light .top-bar .mini-nav a:hover,body.ngm-light .header-bottom-bar a{color:var(--ngm-ink)!important}
body.ngm-light .masthead .top-bar a:hover,body.ngm-light .masthead .top-bar a:hover *{color:var(--ngm-primary)!important}
body.ngm-light .masthead .top-bar i,body.ngm-light .masthead .top-bar .mini-nav li a i,body.ngm-light .masthead .top-bar .mini-contacts i{color:var(--ngm-primary)!important}
body.ngm-light .classic-header.bg-behind-menu .navigation:before,
body.ngm-light .classic-header.content-width-line .navigation:before,
body.ngm-light .classic-header.full-width-line .navigation:before{background-color:#fff!important;box-shadow:inset 0 1px 0 var(--ngm-line),inset 0 -1px 0 var(--ngm-line)}
body.ngm-light .main-nav>li:not(.wpml-ls-item)>a,
body.ngm-light .main-nav>li:not(.wpml-ls-item)>a .menu-text,
body.ngm-light .main-nav>li:not(.wpml-ls-item)>a .subtitle-text,
body.ngm-light #phantom .main-nav>li>a,
body.ngm-light #phantom .main-nav>li>a .menu-text{color:var(--ngm-ink)!important;-webkit-text-fill-color:currentColor}
body.ngm-light .main-nav>li.act:not(.wpml-ls-item)>a,
body.ngm-light .main-nav>li.act:not(.wpml-ls-item)>a .menu-text,
body.ngm-light .main-nav>li:not(.act):not(.wpml-ls-item)>a:hover,
body.ngm-light .main-nav>li:not(.act):not(.wpml-ls-item)>a:hover .menu-text,
body.ngm-light .main-nav>li.dt-hovered:not(.act):not(.wpml-ls-item)>a,
body.ngm-light .main-nav>li.dt-hovered:not(.act):not(.wpml-ls-item)>a .menu-text,
body.ngm-light #phantom .main-nav>li.act>a .menu-text,
body.ngm-light #phantom .main-nav>li.dt-hovered>a .menu-text{color:var(--ngm-primary)!important}
body.ngm-light.top-header .active-bg-decoration>li.act>a{background:var(--ngm-tint)!important}
body.ngm-light.top-header .hover-bg-decoration>li:not(.act)>a:hover,
body.ngm-light.top-header .hover-bg-decoration>li.dt-hovered:not(.act)>a{background:var(--ngm-soft)!important}
body.ngm-light .masthead .main-nav>li>a i[class*="fa-"]{color:var(--ngm-primary)}
body.ngm-light #phantom{background:#fff!important;box-shadow:0 10px 26px -18px rgba(27,43,69,.4)}
body.ngm-light.phantom-sticky.sticky-on .masthead:not(.side-header):not(.mixed-header):not(.masthead-mobile){background:#fff!important}

/* ---------- The7's own footer and bottom bar ---------- */
body.ngm-light #footer.solid-bg,body.ngm-light #footer.footer-outline-decoration{background:var(--ngm-soft)!important}
body.ngm-light #footer,body.ngm-light #footer .widget,body.ngm-light .footer .widget{color:var(--ngm-muted)}
body.ngm-light #footer .widget-title,body.ngm-light #footer h1,body.ngm-light #footer h2,body.ngm-light #footer h3,body.ngm-light #footer h4,body.ngm-light #footer h5,body.ngm-light #footer h6{color:var(--ngm-ink)}
body.ngm-light #footer .widget a{color:var(--ngm-ink)}
body.ngm-light #footer .widget a:hover{color:var(--ngm-primary)}
body.ngm-light #bottom-bar.solid-bg{background:var(--ngm-tint)!important}
body.ngm-light #bottom-bar,body.ngm-light #bottom-bar a{color:var(--ngm-muted)!important}
body.ngm-light #bottom-bar a:hover{color:var(--ngm-primary)!important}

/* ---------- College Core sections ---------- */
body.ngm-light .ngms-head.is-light .ngms-title{color:var(--ngm-ink)}
body.ngm-light .ngms-head.is-light .ngms-sub{color:var(--ngm-muted)}

/* hero: photos keep their colour, the shade turns white */
body.ngm-light .ngms--hero{background:var(--ngm-soft)}
body.ngm-light .ngms-slide::after{background:linear-gradient(100deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.9) 42%,rgba(255,255,255,.4) 75%,rgba(255,255,255,.12) 100%)}
body.ngm-light .ngms-slide__pattern{background:radial-gradient(circle at 85% 30%,rgba(246,185,59,.24),transparent 40%),radial-gradient(circle at 70% 90%,rgba(39,86,168,.14),transparent 55%),linear-gradient(120deg,var(--ngm-soft),var(--ngm-tint))}
body.ngm-light .ngms-slide__pattern span{border-color:rgba(39,86,168,.08)}
body.ngm-light .ngms-slide__pattern span:nth-child(1){border-color:rgba(39,86,168,.05)}
body.ngm-light .ngms-slide__pattern span:nth-child(2){border-color:rgba(246,185,59,.5)}
body.ngm-light .ngms-slide__pattern span:nth-child(3){box-shadow:120px 160px 0 -3px rgba(39,86,168,.25),-60px 260px 0 -5px rgba(246,185,59,.7)}
body.ngm-light .ngms-slide__text{color:var(--ngm-ink)}
body.ngm-light .ngms .ngms-slide__title{color:var(--ngm-ink)}
body.ngm-light .ngms-slide__lead{color:var(--ngm-text2)}
body.ngm-light .ngms-slide__eyebrow{background:#fdf1d8;border-color:rgba(246,185,59,.75);color:var(--ngm-amber)}
body.ngm-light .ngms--hero .ngms-btn--ghost-light{background:#fff;color:var(--ngm-primary)!important;border-color:var(--ngm-primary)}
body.ngm-light .ngms--hero .ngms-btn--ghost-light:hover{background:var(--ngm-primary);color:#fff!important}
body.ngm-light .ngms-hero__prev,body.ngm-light .ngms-hero__next{background:#fff;color:var(--ngm-ink);box-shadow:0 6px 18px -8px rgba(27,43,69,.4)}
body.ngm-light .ngms-hero__prev:hover,body.ngm-light .ngms-hero__next:hover{background:var(--ngm-primary);color:#fff}
body.ngm-light .ngms-hero__dots button{background:rgba(27,43,69,.25)}
body.ngm-light .ngms-hero__dots button.is-active{background:var(--ngm-accent)}
@media (max-width:767px){body.ngm-light .ngms-slide::after{background:rgba(255,255,255,.88)}}

/* ticker */
body.ngm-light .ngms--ticker{background:var(--ngm-tint);color:var(--ngm-ink);box-shadow:inset 0 1px 0 var(--ngm-line),inset 0 -1px 0 var(--ngm-line)}
body.ngm-light .ngms-ticker__track a,body.ngm-light .ngms-ticker__track span{color:var(--ngm-ink)!important}
body.ngm-light .ngms-ticker__track span.ngms-new{color:#fff!important}
body.ngm-light .ngms-ticker__track a:hover{color:var(--ngm-primary)!important}
body.ngm-light .ngms-ticker__track span.ngms-ticker__sep{color:var(--ngm-primary)!important}
body.ngm-light .ngms-ticker__all{color:var(--ngm-primary)!important;border-left-color:var(--ngm-line)}

/* department placeholders (no photo) */
body.ngm-light .ngms-dep__ph{background:linear-gradient(135deg,var(--ngm-tint),#dde7f5);color:rgba(39,86,168,.55)}

/* statistics */
body.ngm-light .ngms--stats{background:var(--ngm-soft);color:var(--ngm-ink);box-shadow:inset 0 1px 0 var(--ngm-line),inset 0 -1px 0 var(--ngm-line)}
body.ngm-light .ngms-stat__ic{color:var(--ngm-primary)}
body.ngm-light .ngms-stat__n{color:var(--ngm-primary)}
body.ngm-light .ngms-stat__l{color:var(--ngm-muted)}