/* Arfet Global College pages: header and body in the logo colours (navy, gold, white). Footer is not changed. */
:root{--cn-navy:#204574;--cn-navy-2:#204574;--cn-gold:#F26522;--cn-gold-2:#F26522;--cn-white:#FFFFFF;--cn-ink:#204574;--cn-tint:#FFFFFF}

/* header */
body.arfet-college .arfet-header{background:var(--cn-navy)!important;border-bottom:4px solid var(--cn-gold)!important;box-shadow:0 2px 14px rgba(0, 56, 136, .25)!important}
body.arfet-college .arfet-topbar{background:var(--cn-navy)!important}
body.arfet-college .arfet-brand-left .arfet-logo-box{background:#FFFFFF!important;border-radius:14px;padding:4px;box-shadow:0 0 0 3px var(--cn-gold)}
body.arfet-college .arfet-header .menu{color:var(--cn-white)!important}
body.arfet-college .arfet-header .main-nav{background:var(--cn-navy)!important}
body.arfet-college .arfet-header .main-nav a,
body.arfet-college .arfet-header .main-nav button{color:var(--cn-white)!important}
body.arfet-college .arfet-header .main-nav a:hover,
body.arfet-college .arfet-header .main-nav button:hover{color:var(--cn-gold)!important}
body.arfet-college .arfet-header .dropdown-menu{background:var(--cn-navy-2)!important;border:0!important}
body.arfet-college .arfet-header .dropdown-menu a{color:var(--cn-white)!important}
body.arfet-college .arfet-header .dropdown-menu a:hover{background:rgba(248, 80, 0, .15)!important;color:var(--cn-gold)!important}
body.arfet-college .arfet-live-news{background:var(--cn-gold)!important;color:var(--cn-navy)!important}
body.arfet-college .arfet-live-news strong,
body.arfet-college .arfet-live-news a{color:var(--cn-navy)!important}

/* body */
body.arfet-college{background:var(--cn-tint)!important;color:var(--cn-ink)}
body.arfet-college main{background:transparent}
body.arfet-college main h1,
body.arfet-college main h2,
body.arfet-college main h3,
body.arfet-college main h4{color:var(--cn-navy)!important}
body.arfet-college main h2{border-bottom:3px solid var(--cn-gold);display:inline-block;padding-bottom:4px}
body.arfet-college main a{color:var(--cn-navy-2)}
body.arfet-college main a:hover{color:var(--cn-navy);text-decoration-color:var(--cn-gold)}
body.arfet-college main .kicker,
body.arfet-college main .section-kicker,
body.arfet-college main [class*="kicker"],
body.arfet-college main [class*="eyebrow"]{color:var(--cn-navy-2)!important;background:var(--cn-gold)!important;border-color:var(--cn-gold)!important}
body.arfet-college main .btn,
body.arfet-college main .arfet-btn,
body.arfet-college main button.btn,
body.arfet-college main a.btn{background:var(--cn-gold)!important;color:var(--cn-navy)!important;border-color:var(--cn-gold-2)!important;font-weight:700}
body.arfet-college main .btn:hover,
body.arfet-college main .arfet-btn:hover,
body.arfet-college main a.btn:hover{background:var(--cn-navy)!important;color:var(--cn-gold)!important}
body.arfet-college main .btn.o,
body.arfet-college main .btn.outline{background:var(--cn-navy)!important;color:var(--cn-white)!important}
body.arfet-college main .btn.o:hover{background:var(--cn-gold)!important;color:var(--cn-navy)!important}
body.arfet-college main .card,
body.arfet-college main .career-card,
body.arfet-college main .nt,
body.arfet-college main .faq-item,
body.arfet-college main [class*="-card"]{background:var(--cn-white)!important;border-left:5px solid var(--cn-gold)!important;border-radius:14px}
body.arfet-college main ul li::marker,
body.arfet-college main ol li::marker{color:var(--cn-navy)}
body.arfet-college main table th{background:var(--cn-navy)!important;color:var(--cn-white)!important}
body.arfet-college main table td{border-color:#F3F5F8}
body.arfet-college main table tr:nth-child(even) td{background:#FFFFFF}
body.arfet-college main input:focus,
body.arfet-college main select:focus,
body.arfet-college main textarea:focus{outline:3px solid var(--cn-gold);border-color:var(--cn-navy)}

/* header layout as in the approved design: menu button at left, logo centred on a white tile, live news bar in gold */
body.arfet-college .arfet-top-inner{display:flex;align-items:center;justify-content:center;position:relative;min-height:120px;padding:10px 16px}
body.arfet-college .arfet-brand-left{margin:0 auto;display:flex;justify-content:center}
body.arfet-college .arfet-brand-left .arfet-logo-box{background:#FFFFFF!important;border-radius:12px;padding:10px 14px;box-shadow:none!important;display:inline-flex}
body.arfet-college .arfet-brand-left .arfet-logo-box img{width:150px;height:auto;display:block}
body.arfet-college .arfet-header .menu{left:14px!important;top:50%!important;transform:translateY(-50%)}

/* v49: header as in the approved design. Navy bar, menu button at left, logo on a white tile in the centre, gold live-news bar below. */
body.arfet-college .arfet-topbar{background:#204574!important;border-bottom:0!important}
body.arfet-college .arfet-top-inner{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;min-height:200px;padding:16px 24px!important;position:relative;max-width:none!important}
body.arfet-college .arfet-brand-left{margin:0 auto!important;display:flex!important;justify-content:center!important;flex:0 0 auto!important}
body.arfet-college .arfet-brand-left .arfet-logo-box{background:#FFFFFF!important;width:200px!important;height:200px!important;padding:6px!important;border-radius:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important}
body.arfet-college .arfet-brand-left .arfet-logo-box img{width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;display:block!important}
body.arfet-college .arfet-header .menu{position:absolute!important;left:18px!important;top:50%!important;transform:translateY(-50%)!important;color:#FFFFFF!important;font-size:34px!important;background:none!important;border:0!important}
body.arfet-college .arfet-live-news{background:#F26522!important}

/* Exam Prep & Tutoring: remove the empty space above the title and below it */
body.arfet-college .exam-clean-hero{padding-top:14px!important;padding-bottom:10px!important;margin:0!important}
body.arfet-college .exam-clean-hero .college-logo-hero{display:none!important}
body.arfet-college .exam-clean-hero h1{margin:0!important}

/* v50: header sized to the logo banner. No white tile. The navy banner sits directly on the navy header. */
body.arfet-college .arfet-topbar{background:#204574!important}
body.arfet-college .arfet-top-inner{min-height:0!important;padding:10px 16px!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.arfet-college .arfet-brand-left{margin:0 auto!important;display:flex!important;justify-content:center!important}
body.arfet-college .arfet-brand-left .arfet-logo-box{background:transparent!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.arfet-college .arfet-brand-left .arfet-logo-box img{width:auto!important;height:150px!important;max-width:min(260px,70vw)!important;object-fit:contain!important;display:block!important}
body.arfet-college .arfet-header .menu{left:14px!important;font-size:30px!important}

/* ===== College header v2: compact navy bar matching the Arfet Global College brand card ===== */
body.arfet-college .arfet-header{position:sticky!important;top:0!important;z-index:60!important;background:#204574!important;border-bottom:3px solid #F26522!important;box-shadow:0 2px 12px rgba(0, 56, 136, .25)!important}
body.arfet-college .arfet-topbar{background:transparent!important;border:0!important;padding:0!important;position:relative!important}
body.arfet-college .arfet-top-inner{display:flex!important;align-items:center!important;gap:18px!important;min-height:74px!important;padding-top:8px!important;padding-bottom:8px!important;flex-wrap:nowrap!important}
body.arfet-college .arfet-header .arfet-brand-left{display:flex!important;align-items:center!important;gap:12px!important;margin:0!important;padding:0!important;text-decoration:none!important;flex:0 0 auto!important;background:none!important;width:auto!important;height:auto!important;justify-content:flex-start!important}
body.arfet-college .arfet-header .arfet-emblem{width:56px!important;height:56px!important;max-width:none!important;border-radius:50%!important;display:block!important;flex:0 0 auto!important;box-shadow:0 0 0 2px #F26522!important;background:#204574!important;object-fit:cover!important;padding:0!important;border:0!important}
body.arfet-college .arfet-header .arfet-brand-text{display:block!important}
body.arfet-college .arfet-header .arfet-brand-text strong{display:block!important;color:#FFFFFF!important;font-size:19px!important;font-weight:800!important;line-height:1.15!important;letter-spacing:.2px!important;white-space:nowrap!important}
body.arfet-college .arfet-header .arfet-brand-text small{display:block!important;color:#F26522!important;font-size:12.5px!important;font-weight:600!important;letter-spacing:.3px!important;margin-top:2px!important;white-space:nowrap!important}
body.arfet-college .arfet-header .main-nav{display:flex!important;align-items:center!important;gap:2px!important;margin-left:auto!important;background:transparent!important;flex-wrap:nowrap!important}
body.arfet-college .arfet-header .main-nav > a,body.arfet-college .arfet-header .nav-dropdown > button{font-size:14px!important;font-weight:600!important;padding:8px 9px!important;color:#FFFFFF!important;white-space:nowrap!important;text-decoration:none!important;background:none!important;border:0!important;border-radius:6px!important}
body.arfet-college .arfet-header .main-nav > a:hover,body.arfet-college .arfet-header .nav-dropdown > button:hover{color:#F26522!important;background:rgba(248, 80, 0, .12)!important}
body.arfet-college .arfet-header .menu{display:none!important}
body.arfet-college .arfet-live-news{padding:5px 0!important;font-size:13px!important}
@media (max-width:1240px){
  body.arfet-college .arfet-header .main-nav > a,body.arfet-college .arfet-header .nav-dropdown > button{font-size:13px!important;padding:7px 6px!important}
}
@media (max-width:1100px){
  body.arfet-college .arfet-header .menu{display:block!important;position:static!important;transform:none!important;margin-left:auto!important;color:#FFFFFF!important;font-size:30px!important;line-height:1!important;background:none!important;border:0!important;padding:6px!important;cursor:pointer!important}
  body.arfet-college .arfet-header .main-nav{display:none!important}
  body.arfet-college .arfet-header .main-nav.open{display:flex!important;flex-direction:column!important;align-items:stretch!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;background:#204574!important;padding:10px 16px 16px!important;margin:0!important;border-bottom:3px solid #F26522!important;max-height:80vh!important;overflow-y:auto!important;box-shadow:0 14px 26px rgba(0, 56, 136, .25)!important}
  body.arfet-college .arfet-header .main-nav.open > a,body.arfet-college .arfet-header .main-nav.open .nav-dropdown > button{font-size:15px!important;padding:12px 8px!important;width:100%!important;text-align:left!important;border-bottom:1px solid rgba(255, 255, 255, .1)!important;border-radius:0!important}
}
@media (max-width:600px){
  body.arfet-college .arfet-top-inner{gap:10px!important;min-height:62px!important;padding-left:12px!important;padding-right:12px!important}
  body.arfet-college .arfet-header .arfet-emblem{width:44px!important;height:44px!important;box-shadow:0 0 0 2px #F26522!important}
  body.arfet-college .arfet-header .arfet-brand-text strong{font-size:15px!important}
  body.arfet-college .arfet-header .arfet-brand-text small{font-size:10.5px!important}
}

/* ===== College header v2 layout fix: row layout, no centring, nav on the right ===== */
body.arfet-college .arfet-header .arfet-topbar{width:100%!important;max-width:none!important;margin:0!important}
body.arfet-college .arfet-header .arfet-top-inner{width:100%!important;max-width:1280px!important;margin:0 auto!important;box-sizing:border-box!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;height:auto!important;min-height:0!important;padding:8px 20px!important}
body.arfet-college .arfet-header .arfet-brand-left{flex-direction:row!important;justify-content:flex-start!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important}
body.arfet-college .arfet-header .main-nav{width:auto!important;max-width:none!important;flex:1 1 auto!important;justify-content:flex-end!important;padding:0!important;height:auto!important}
body.arfet-college .arfet-header .menu{margin-left:auto!important}
@media (max-width:1100px){
  body.arfet-college .arfet-header .main-nav.open{width:auto!important;left:0!important;right:0!important;justify-content:flex-start!important}
}

/* ===== College header v2: brand row on top, navigation strip beneath (desktop) ===== */
body.arfet-college .arfet-header .arfet-top-inner{flex-wrap:wrap!important;row-gap:0!important;padding:8px 20px 0!important}
body.arfet-college .arfet-header .arfet-brand-left{flex:0 1 auto!important;min-width:0!important}
body.arfet-college .arfet-header .main-nav{order:3!important;flex:0 0 100%!important;width:100%!important;justify-content:center!important;margin:6px 0 0!important;padding:6px 0 4px!important;border-top:1px solid rgba(255, 255, 255, .14)!important;gap:0!important}
body.arfet-college .arfet-header .main-nav > a,body.arfet-college .arfet-header .nav-dropdown > button{font-size:14px!important;padding:7px 10px!important}
body.arfet-college .arfet-header .arfet-emblem{width:50px!important;height:50px!important}
body.arfet-college .arfet-header .arfet-brand-text strong{font-size:18px!important}
body.arfet-college .arfet-header .arfet-brand-text small{font-size:12px!important}
@media (max-width:1100px){
  body.arfet-college .arfet-header .main-nav{flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important;border-top:0!important;justify-content:flex-start!important}
  body.arfet-college .arfet-header .main-nav.open{flex:none!important;width:auto!important}
}
@media (max-width:600px){
  body.arfet-college .arfet-header .arfet-top-inner{padding:6px 12px 0!important}
  body.arfet-college .arfet-header .arfet-emblem{width:42px!important;height:42px!important}
}