/* Royal College Courses dropdown in the top navigation */
nav.primary{overflow:visible!important}
nav.primary .wrap{overflow:visible!important}
.rcdd{position:relative;display:flex;align-items:stretch}
.rcdd>a.rcdd-t{cursor:pointer}
.rcdd>a.rcdd-t .car{display:inline-block;margin-left:7px;font-size:9px;transition:transform .15s}
.rcdd.open>a.rcdd-t .car{transform:rotate(180deg)}
.rcdd-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:270px;background:#FFFFFF;border:1px solid #111;border-top:3px solid #8C6D37;box-shadow:0 18px 40px -18px rgba(17,17,17,.35);z-index:200;padding:6px 0}
.rcdd:hover .rcdd-menu,.rcdd.open .rcdd-menu,.rcdd:focus-within .rcdd-menu{display:block}
.rcdd-menu .rcdd-h{display:block;padding:10px 18px 6px;font:700 10px "Plus Jakarta Sans","Helvetica Neue",Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#8C6D37}
nav.primary .rcdd-menu a{display:flex!important;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 18px!important;border:0!important;border-top:1px solid #ECE7DA!important;white-space:nowrap;letter-spacing:.08em}
nav.primary .rcdd-menu a::before,nav.primary .rcdd-menu a::after{display:none!important}
nav.primary .rcdd-menu a small{font-size:10px;letter-spacing:.12em;color:#6B6558;font-weight:400}
nav.primary .rcdd-menu a:hover{background:#F8F6F0;color:#8C6D37}
nav.primary .rcdd-menu a.on{color:#8C6D37}
@media(max-width:700px){
  nav.primary .wrap{flex-wrap:wrap!important;justify-content:center!important}
  .rcdd{position:static}
  .rcdd-menu{left:12px;right:12px;transform:none;min-width:0}
  .rcdd:hover .rcdd-menu{display:none}
  .rcdd.open .rcdd-menu{display:block}
}

/* Dropdown trigger: navy and gold so it reads as a menu */
nav.primary .rcdd>a.rcdd-t{background:#0F1B2E;color:#C9A227!important;padding:10px 18px 10px 20px!important;margin:7px 12px;border:1px solid #0F1B2E;border-bottom:3px solid #C9A227;align-self:center;line-height:1.2;transition:background .15s,color .15s}
nav.primary .rcdd>a.rcdd-t::before,nav.primary .rcdd>a.rcdd-t::after{display:none!important}
nav.primary .rcdd>a.rcdd-t .car{color:#C9A227;margin-left:10px;font-size:10px}
nav.primary .rcdd>a.rcdd-t:hover,nav.primary .rcdd.open>a.rcdd-t{background:#C9A227;color:#0F1B2E!important;border-color:#C9A227;border-bottom-color:#0F1B2E}
nav.primary .rcdd>a.rcdd-t:hover .car,nav.primary .rcdd.open>a.rcdd-t .car{color:#0F1B2E}
nav.primary .rcdd>a.rcdd-t.active{box-shadow:inset 0 0 0 1px #C9A227}
.rcdd-menu{margin-top:2px}