/*
 * CSS EHSL brand bar override older CSS with no flex
 * Version: 1.2
 *
 * Font to load
   <link rel='stylesheet' id='google-fonts-css-css'  href='https://fonts.googleapis.com/css?family=Ubuntu:400'media='all' />
 */
.flex {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.hide {display: none;}
.show {display: block;}

/* Brandbar EHSL UHealth */
#brandbar {position: relative;}
#brandbar a:hover {background-color: none;}

/* ehsl white uhealth logo on red background */
figure.rebrand-header__section--logo {padding: 0;vertical-align: middle;}
a.rebrand-header__link--logo {overflow: hidden;display: block;width: 60px;height: 60px;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;line-height: 1 !important;background-color: #ac162c;}
a.rebrand-header__link--logo:hover {background-color: #ac162c;}
svg.ehsl-uhealth-logo {height: 40px;}
g.uhealth-ehsl-logo__block-u {fill: #fff;}

/* hide org name small screen */
g.uhealth-ehsl-logo__text,
a.rebrand-header__org-link .ehsl-short,
a.rebrand-header__org-link .ehsl-formal {display: none;}

/* tiny screen */
@media screen and (max-width: 299px) {
  /*figure.rebrand-header__section--logo {padding-left: 12px;}*/
  figure.rebrand-header__section--logo {margin: 0 8px;}
  a.rebrand-header__link--logo {width: 20px; height: 20px;padding: 10px;}
  svg.ehsl-uhealth-logo {height: 20px;}
  a.rebrand-header__org-link .ehsl-short {display: block;}
  a.rebrand-header__org-link .ehsl-simple {display: none;}
}
/* ehsl red uhealth logo wide screen */
@media screen and (min-width: 300px) {
  .rebrand-header__section {margin: 12px 14px 16px 12px;}
  a.rebrand-header__link--logo {width: 216px;height: 60px;background-color: #fff;}
  a.rebrand-header__link--logo:hover {background-color: transparent;}
  svg.ehsl-uhealth-logo {width: auto; height: 60px;}
  g.uhealth-ehsl-logo__block-u,
  g.uhealth-ehsl-logo__text {fill: #ac162c;}
  g.uhealth-ehsl-logo__text {display: block;}
  a.rebrand-header__org-link .ehsl-simple {display: none;}
  a.rebrand-header__section--org {display: none;}
}
/* show org name text on small screen */
a.rebrand-header__org-link, 
a.rebrand-header__org-link:visited {display: block;color: #ac162c;}
a.rebrand-header__org-link:hover,
a.rebrand-header__org-link:visited {text-decoration: none; background-color: transparent;}
a.rebrand-header__org-link h2 {margin-bottom: 0;font-family: "Sofia-Pro","Ubuntu","Roboto",sans-serif;font-size: 18px;font-weight: 400;line-height: 1.2;letter-spacing: 0;text-transform: uppercase;}
/* tiny screen */
@media screen and (max-width: 299px) {
  a.rebrand-header__section--org {margin-left: 8px;}
  a.rebrand-header__org-link h2 {margin-top: 4px;font-size: 28px;}
}

/* SVG logo fallback */
img.fall-back {width: auto;}
@media screen and (max-width: 479px) {
  img.fall-back {width: 75%;height: auto;} 
}


/*========== 13.6 Footer ==========*/
/* EHSL Footer CSS */
.footer-ehsl .screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;word-wrap: normal !important;}
.footer-ehsl {border-top: 0;width: 100%;}
.footer-ehsl a {color: #fff;}
.footer-ehsl a:hover {text-decoration: none;background-color: #ac162c;}
.footer-ehsl ul {margin: 0;padding: 0;list-style-type: none;}
.footer-ehsl ul li {display: inline-block;line-height: 1;}
.footer-ehsl ul li a {padding: 2px 3px;color: #fff;}
.footer-ehsl .library-bar,
.footer-ehsl .legal {font-size: 12px;} 
/* Sponsor bar - Social */
.footer-ehsl .sponsor-bar {/*margin-top: 16px;*/padding-top: 16px;padding-bottom: 16px;color: #48484A;background-color: rgba( 65, 64, 66, 0.8 );}
.footer-ehsl .sponsor-bar .wrapper {text-align: center;}
.footer-ehsl .follow-social {color: #fff;font-size: 16px;background-color: transparent;}
.footer-ehsl .follow-social a,
.footer-ehsl .follow-social a i {color: #fff;font-size: 24px;}
.footer-ehsl .follow-social a:hover {background-color: transparent;}
.footer-ehsl .follow-social i:hover {color: #ac162c;}
.footer-ehsl .follow-social ul {margin: 0 padding: 0;list-style: none;}
.footer-ehsl .follow-social ul li {display: inline-block;}
.footer-ehsl .follow-social i {padding:8px 12px;}
/* Library bar - brand, address */
.footer-ehsl .library-bar {color: #fff;background-color: rgba( 0, 0, 0, 0.7 )}
.footer-ehsl .library-bar .wrapper .flex {flex-direction: column;padding-bottom: 16px;}
.footer-ehsl .library-bar .brand.flex {justify-content: center;align-items: center;padding: 16px;}
.footer-ehsl .service-logo {width: auto;}
.footer-ehsl .footer-logo,
.footer-ehsl .footer-address {width: 100%;margin-top: 16px;text-align: center;}
.footer-ehsl .footer-address address {margin-bottom: 0;font-style: normal;}
.footer-ehsl a.rebrand-header__link--logo {background-color: transparent;}
.footer-ehsl .footer-logo figure {margin: 0 auto 0;width: 13.125em;height: 4.375em;}
.footer-ehsl .rebrand-header__section {padding: 0;}
.footer-ehsl .footer-logo .uhealth-ehsl-logo__block-u,
.footer-ehsl .footer-logo .uhealth-ehsl-logo__text {fill: #fff;}
.footer-ehsl .footer-logo a:hover {background-color: transparent;}
/* Footer links campus, partner, legal*/
.footer-ehsl .footer-links {padding: 16px;}
.footer-ehsl .footer-links div>ul li:first-child {color: #58BDDB;}
.footer-ehsl .footer-links div {margin-top: 0.75em;width: 100%;text-align: center;}
.footer-ehsl .partners {display: block;width: 12.5em;height: 3.25em;margin: 16px auto 1.25em;}
.footer-ehsl ul.partner-links img {width: auto;height: 2.1875em;margin-top: 0.25em;}
.footer-ehsl ul.partner-links a:hover {background-color: transparent!important;}
.footer-ehsl .uofulegal {background-color: rgba( 0, 0, 0, 1 );}
.footer-ehsl ul.legal {padding: 16px;text-align: center;}
/* Media Queries Footer */
@media ( min-width: 37.4375em ) {
  .footer-ehsl .library-bar .wrapper .flex {flex-direction: row;justify-content: space-around;}
  .footer-ehsl .footer-links {flex-direction: row;}
  .footer-ehsl .footer-links div {margin-top: 0.375em;width: 49%;}
}
@media ( min-width: 48em ) {
  .footer-ehsl .sponsor-bar .wrapper,
  .footer-ehsl .library-bar .wrapper,
  .footer-ehsl .uofulegal .legal {max-width: 960px;margin-right: auto;margin-left: auto;}
  .footer-ehsl address ul {line-height: 1;}
  .footer-ehsl address ul li {display: block;margin-bottom: 0.5em;}
}