/* ARK College of Pharmacy: the same footer on every page as on the home page
   (charcoal, Poppins, white college name, grey text, accent icons and underlines). Made from home-campus.css. */
body[class] .site-foot { --kg-red: var(--gold-2); --kg-pink: var(--gold-hi); --kg-char: var(--foot); --kg-char-2: var(--foot-2); --body: 'Poppins', 'Segoe UI', Arial, sans-serif; }
body.theme-campus .site-foot { --kg-red: #c50227; --kg-pink: #ff7a93; --kg-char: #181818; --kg-char-2: #202020; }
body.theme-green .site-foot { --kg-red: #a67510; --kg-pink: #e8c66a; --kg-char: #0d1f16; --kg-char-2: #08170f; }
body.theme-navy .site-foot { --kg-red: #a87f0c; --kg-pink: #f0cf74; --kg-char: #0e1626; --kg-char-2: #0a101c; }
body.theme-maroon .site-foot { --kg-red: #a67510; --kg-pink: #e8c66a; --kg-char: #1f0c12; --kg-char-2: #16080d; }
body.theme-teal .site-foot { --kg-red: #a87200; --kg-pink: #f2cf6a; --kg-char: #0a1f20; --kg-char-2: #061617; }
body.theme-charcoal .site-foot { --kg-red: #c2610a; --kg-pink: #f6b06a; --kg-char: #141719; --kg-char-2: #0e1011; }
body.theme-purple .site-foot { --kg-red: #a8800c; --kg-pink: #f0cf74; --kg-char: #170d29; --kg-char-2: #100820; }
body[class] .site-foot { background: var(--kg-char); color: #ababab; border-top: 0; font: 400 15px/1.8 var(--body); }
body[class] .foot-crest { opacity: .04; }
body[class] .foot-min { padding-top: 75px; padding-bottom: 50px; gap: 28px 48px; }
body[class] .site-foot a { color: #8d8d8d; }
body[class] .site-foot a:hover { color: #fff; text-decoration: none; }
body[class] .site-foot .i { color: var(--kg-red); }
body[class] .foot-name { font: 700 24px/1.3 var(--body); font-stretch: 100%; color: #fff; white-space: normal; }
body[class] .foot-tag { color: #fff; font-weight: 500; }
body[class] .foot-tag span, body[class] .foot-addr, body[class] .foot-addr small { color: #ababab; }
body[class] .site-foot .social a { background: transparent; border: 1px solid #363636; }
body[class] .site-foot .social a:hover { background: var(--kg-red); border-color: var(--kg-red); }
body[class] .site-foot h2 { font: 700 13px/1.4 var(--body); font-stretch: 100%; text-transform: uppercase; color: #fff; letter-spacing: 0; padding-bottom: 15px; margin: 6px 0 26px; border-bottom: 2px solid var(--kg-red); }
body[class] .foot-col ul { gap: 0; }
body[class] .foot-col li { padding: 7px 0; border-bottom: 1px solid #363636; }
body[class] .foot-bottom { background: var(--kg-char-2); color: #838383; }
body[class] .foot-bottom a { color: var(--kg-red); }
@media (max-width: 760px) { body[class] .foot-min { padding-top: 50px; } }
body[class] .foot-crest { display: none; }
body[class] .site-foot { border-top: 4px solid var(--kg-red); }
body[class] .foot-min { grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(120px, 1fr)); gap: 24px 44px; padding-top: 48px; padding-bottom: 36px; }
body[class] .foot-name { font-size: 22px; margin-bottom: 4px; }
body[class] .foot-tag { margin-bottom: 12px; font-size: 14px; }
body[class] .foot-addr, body[class] .foot-reach { font-size: 14.5px; line-height: 1.6; }
body[class] .foot-reach { flex-direction: column; align-items: flex-start; gap: 4px; margin-bottom: 14px; }
body[class] .site-foot .social { display: flex; gap: 10px; }
body[class] .site-foot .social a { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; border: 1px solid #363636; color: var(--kg-red); transition: background .2s, color .2s, border-color .2s; }
body[class] .site-foot .social a .i { color: inherit; width: 18px; height: 18px; }
body[class] .site-foot .social a:hover { background: var(--kg-red); border-color: var(--kg-red); color: #fff; }
body[class] .site-foot h2 { margin: 2px 0 16px; padding-bottom: 12px; }
body[class] .foot-col li { padding: 0; border: 0; }
body[class] .foot-col li a { display: block; padding: 5px 0 5px 16px; position: relative; font-size: 14.5px; }
body[class] .foot-col li a::before { content: "›"; position: absolute; left: 0; top: 3px; color: var(--kg-pink); font-size: 18px; transition: transform .2s; }
body[class] .foot-col li a:hover::before { transform: translateX(4px); }
body[class] .foot-bottom .wrap { padding-top: 14px; padding-bottom: 14px; }
@media (max-width: 900px) { body[class] .foot-min { grid-template-columns: 1fr 1fr; } body[class] .foot-id { grid-column: 1 / -1; } }
@media (max-width: 520px) { body[class] .foot-min { grid-template-columns: 1fr 1fr; gap: 20px 24px; padding-top: 38px; } }
body[class] .foot-tag span, body[class] .site-foot p { text-align: left; }
body[class] .foot-id { min-width: 0; padding-right: 8px; }
body[class] .foot-tag span, body[class] .foot-addr > span { text-align: justify; text-align-last: left; text-justify: inter-word; hyphens: none; }
body[class] .foot-tag span { display: block; max-width: 100%; overflow-wrap: anywhere; }
body[class] .foot-addr b.addr-1, body[class] .foot-addr small { text-align: justify; text-align-last: left; }
body[class] .foot-min { grid-template-columns: minmax(0, 2fr) repeat(3, minmax(120px, 1fr)); gap: 24px 40px; }
body[class] .foot-addr .addr-1 { text-wrap: pretty; }
@media (max-width: 900px) { body[class] .foot-min { grid-template-columns: 1fr 1fr; } }
body[class] .foot-name { font-family: var(--body); }
/* phones and tablets: a fifth list, Quick links, fills the space next to College (not shown on computers) */
.foot-quick { display: none; }
@media (max-width: 900px) { body[class] .foot-quick { display: block; } }