/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@media screen{:root{--jhu-brand-heritage-blue:#002D72;--jhu-blue-50:#0077D8;--jhu-brand-spirit-blue:#68ACE5;--jhu-brand-white:#FFFFFF;--jhu-150th-bar-accent:var(--jhu-brand-spirit-blue);--jhu-150th-bar-background:var(--jhu-brand-heritage-blue);--jhu-150th-bar-color:var(--jhu-brand-white);--jhu-150th-bar-secondary:var(--jhu-brand-spirit-blue);--jhu-150th-bar-height:52px;@media (1020px <= width){--jhu-150th-bar-height:68px;}}#jhu-150th-bar{align-items:center;background:var(--jhu-150th-bar-background);box-sizing:border-box;color:var(--jhu-150th-bar-color);display:grid;font-family:proxima-nova,sans-serif;font-weight:500;font-size:min(3vw,12px);font-style:normal;gap:0;grid-template-areas:"logo name"
        "logo tagline";grid-template-columns:60px 1fr;height:var(--jhu-150th-bar-height);letter-spacing:0.05em;margin:0;padding:0 1em;text-decoration:none;text-transform:uppercase;width:100%;@media (460px <= width){grid-template-columns:90px 1fr;letter-spacing:0.1em;}@media (800px <= width){gap:0 1em;grid-template-areas:"name logo tagline";grid-template-columns:1fr 72px 1fr;}@media (1020px <= width){font-size:clamp(16px,1.56vw,21px);grid-template-columns:1fr 108px 1fr;}}#jhu-150th-bar[jhu-150th-bar-style="light"]{--jhu-150th-bar-accent:var(--jhu-brand-spirit-blue);--jhu-150th-bar-background:var(--jhu-brand-white);--jhu-150th-bar-color:var(--jhu-brand-heritage-blue);--jhu-150th-bar-secondary:var(--jhu-blue-50);}#jhu-150th-bar *{box-sizing:inherit;font-size:1em;line-height:1.4;margin:0;padding:0;vertical-align:middle;}#jhu-150th-bar p{display:flex;flex-direction:row;flex-wrap:nowrap;}#jhu-150th-bar .jhu-150th-bar-sep{background-color:var(--jhu-150th-bar-accent);color:red;display:inline-block;height:1.4em;margin:0 0.5em;width:1px;@media (480px <= width){margin:0 1em;width:2px;}}#jhu-150th-bar #jhu-150th-name{grid-area:name;justify-self:start;text-align:left;@media (width < 800px){align-self:end;}@media (800px <= width){justify-self:end;text-align:right;}}#jhu-150th-bar #jhu-150th-name .jhu-150th-bar-sep:last-child{@media (width < 800px){order:-1;}}#jhu-150th-bar #jhu-150th-logo{aspect-ratio:144 / 90;grid-area:logo;height:auto;justify-self:center;object-fit:contain;text-align:center;max-height:100%;max-width:144px;width:100%;}#jhu-150th-bar #jhu-150th-tagline{color:var(--jhu-150th-bar-secondary);grid-area:tagline;justify-self:start;text-align:left;@media (width < 800px){align-self:start;}}
}