uconn.css

/* uconn.css v1.0.0 */
@font-face {
  font-family: "UConn";
  src: url("//uconn.edu/shared/fonts/uconn/uconn.eot");
  src: url("//uconn.edu/shared/fonts/uconn/uconn.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/uconn/uconn.svg#uconnregular") format("svg"), url("//uconn.edu/shared/fonts/uconn/uconn.woff") format("woff"), url("//uconn.edu/shared/fonts/uconn/uconn.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.uc_font--uconn {
  font-family: "UConn";
  letter-spacing: 3px;
  font-size: 50px; }

@font-face {
  font-family: "Proxima Nova";
  src: url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot");
  src: url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.svg#proxima_nova_ltsemibold") format("svg"), url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "Proxima Nova";
  src: url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot");
  src: url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic") format("svg"), url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_bolditalic_macroman/ProximaNova-BoldIt-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: "Proxima Nova";
  src: url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot");
  src: url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold") format("svg"), url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "Proxima Nova";
  src: url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot");
  src: url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular") format("svg"), url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Proxima Nova";
  src: url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot");
  src: url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic") format("svg"), url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.woff") format("woff"), url("//uconn.edu/shared/fonts/proximanova_italic_macroman/ProximaNova-RegIt-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

.uc_font--proxima-nova {
  font-family: "Proxima Nova", Verdana, Arial, Helvetica, sans-serif; }

@font-face {
  font-family: 'icons';
  src: url("//uconn.edu/shared/fonts/icons/icons.eot");
  src: url("//uconn.edu/shared/fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("//uconn.edu/shared/fonts/icons/icons.ttf") format("truetype"), url("//uconn.edu/shared/fonts/icons/icons.woff") format("woff"), url("//uconn.edu/shared/fonts/icons/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal; }

.icon-a-z,
.icon-search {
  font-family: 'icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-a-z:before {
  content: "\e600"; }

.icon-search:before {
  content: "\e601"; }

.uc_banner {
  background-color: #000e2f;
  height: 4em; }

.uc_banner__inner {
  max-width: 84em;
  margin: auto;
  box-sizing: border-box;
  padding: 0 2em; }

.uc_banner__logo {
  color: white;
  font-size: 2.5em;
  float: left;
  margin: 0;
  line-height: 1.55em;
  font-weight: normal; }
  .uc_banner__logo a {
    color: white;
    text-decoration: none !important; }
    .uc_banner__logo a:hover {
      color: white; }

.uc_banner__name {
  display: none;
  float: left;
  color: #9faab2;
  font-size: 1em;
  width: 11em;
  letter-spacing: 0.055em;
  word-spacing: 0.02em;
  padding-left: 0.75em;
  margin: 1em 0;
  font-weight: bold;
  font-style: normal;
  line-height: 2em; }
  .uc_banner__name.uc_banner__name--large {
    font-size: 1.5em;
    line-height: 1.2em;
    margin: 0.6666em 0;
    color: white; }
  .uc_banner__name.uc_banner__name--collapse {
    line-height: 1em; }
  .uc_banner__name.uc_banner__name--borderLeft {
    border-left: 2px solid #3f4760;
    padding-left: 0.25em; }
  @media (min-width: 34em) {
    .uc_banner__name {
      display: block; } }
  @media (min-width: 38em) {
    .uc_banner__name {
      width: auto; }
      .uc_banner__name.uc_banner__name--collapse {
        line-height: 2em; } }

.uc_banner__buttons {
  display: none;
  float: right;
  height: 2.3em;
  width: 5.25em;
  margin: 0.8em 0;
  position: relative;
  z-index: 2; }
  @media (min-width: 23em) {
    .uc_banner__buttons {
      display: block; } }

.uc_banner__button {
  display: block;
  color: white;
  background-color: #1a4798;
  text-decoration: none;
  width: 2.3em;
  height: 2.3em;
  text-align: center;
  vertical-align: top; }
  .uc_banner__button span {
    font-size: 1.5em;
    line-height: 1.533em; }
  .uc_banner__button:hover {
    color: white !important;
    text-decoration: none !important; }
    .uc_banner__button:hover span {
      color: white !important;
      text-decoration: none !important; }
  .uc_banner__button:visited {
    color: white !important;
    text-decoration: none !important; }
    .uc_banner__button:visited span {
      color: white !important;
      text-decoration: none !important; }
  .uc_banner__button:focus {
    color: white !important;
    text-decoration: none !important; }
    .uc_banner__button:focus span {
      color: white !important;
      text-decoration: none !important; }
  .uc_banner__button:active {
    color: white !important;
    text-decoration: none !important; }
    .uc_banner__button:active span {
      color: white !important;
      text-decoration: none !important; }

.uc_banner__button--search {
  float: left; }

.uc_banner__button--az {
  float: right; }

.uc_banner__searchForm {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 2.3em;
  transform: translateX(-100%);
  box-sizing: border-box;
  width: 15em;
  transition: width 0.25s ease, opacity 0.25s ease-out,transform 0.25s ease;
  background-color: #0f2857;
  border: 0.1em solid #1a4798;
  opacity: 0;
  transform: translateX(-90%); }
  .uc_banner__searchForm.active {
    outline: none;
    opacity: 1;
    transform: translateX(-100%); }

.uc_banner__searchBar {
  display: block;
  float: left;
  width: 12.5em;
  height: 100%;
  box-sizing: border-box;
  background: transparent;
  color: white;
  border: none;
  padding-left: 0.5em;
  outline: none; }

.uc_banner__dropdownButton {
  width: 2.3em;
  height: 100%;
  float: right;
  background-color: #0f2857;
  position: relative;
  cursor: pointer; }
  .uc_banner__dropdownButton:hover, .uc_banner__dropdownButton.active {
    background-color: #13336c; }
  .uc_banner__dropdownButton.active .uc_banner__dropdownBody {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all; }

.uc_banner__dropdownButtonTriangle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin: -0.2165em 0 0 -0.3em;
  border-left: 0.433em solid transparent;
  border-right: 0.433em solid transparent;
  border-top: 0.5em solid white; }

.uc_banner__dropdownBody {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: -1;
  overflow-y: hidden;
  background-color: white;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: translateY(0.5em);
  pointer-events: none;
  transition: transform 0.2s ease, opacity 0.2s ease; }

.uc_banner__dropdownElement {
  white-space: nowrap;
  line-height: 1.5em;
  padding: 0.2em 0.5em;
  text-align: center; }
  .uc_banner__dropdownElement:hover {
    color: #008cba; }

.uc_banner__dropdownElement--selected {
  background-color: #03357a;
  color: white; }
  .uc_banner__dropdownElement--selected:hover {
    color: white; }

.uc_title__levelTwo {
  font-family: "Proxima Nova", Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-bottom: 5px; }

.uc_title__levelOne {
  font-family: "Proxima Nova", Verdana, Arial, Helvetica, sans-serif;
  font-size: 24px;
  text-transform: capitalize;
  font-weight: 500;
  margin: 0; }
  .uc_title__levelOne a {
    color: inherit !important;
    text-decoration: none; }
    .uc_title__levelOne a:hover {
      text-decoration: none; }

.uc_healthFooter {
  font-family: "Proxima Nova", Verdana, Arial, Helvetica, sans-serif; }

.uc_healthFooter * {
  text-align: left !important; }

.uc_healthFooter__superNav {
  background-color: #ebebeb;
  border-top: 1px solid #ccc; }

.uc_healthFooter__superNavInner {
  width: 100%;
  max-width: 84em;
  margin: 0 auto;
  overflow-y: hidden;
  box-sizing: border-box;
  padding: 1em; }

.uc_healthFooter__contact {
  float: left;
  box-sizing: border-box;
  padding: 1em;
  width: 100%; }

.uc_healthFooter__contactName {
  line-height: 3em;
  margin: 0.5em 0; }
  .uc_healthFooter__contactName h1 {
    text-align: left !important;
    font-family: "UConn";
    letter-spacing: 3px;
    font-size: 50px;
    color: #000e2f !important;
    font-size: 3.5em;
    font-weight: lighter;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding-right: 0.15em; }
  .uc_healthFooter__contactName h3 {
    text-align: left !important;
    font-family: "Proxima Nova", Verdana, Arial, Helvetica, sans-serif;
    color: #000e2f !important;
    display: inline-block;
    font-size: 1.5em;
    vertical-align: middle;
    margin: 0; }

.uc_healthFooter__contactAppointment {
  margin: 2em 0; }
  .uc_healthFooter__contactAppointment h4 {
    text-align: left !important;
    color: #000e2f !important;
    margin: 0;
    font-size: 1.1em; }
  .uc_healthFooter__contactAppointment h2 {
    text-align: left !important;
    color: #000e2f !important;
    margin: 0;
    font-size: 2em; }

.uc_healthFooter__contactAddress {
  font-style: normal;
  font-size: 1.1em; }

.uc_healthFooter__links {
  text-align: left !important;
  color: #7c878e;
  border-color: #7c878e;
  float: left;
  padding: 1em;
  box-sizing: border-box;
  width: 100%; }
  .uc_healthFooter__links ul {
    padding: 0;
    list-style: none;
    margin: 0; }
  .uc_healthFooter__links .uc_healthFooter__link {
    display: inline-block; }
    .uc_healthFooter__links .uc_healthFooter__link:hover {
      color: #263a75; }
  .uc_healthFooter__links li:first-child .uc_healthFooter__link {
    padding-top: 0; }

.uc_healthFooter__links--blue {
  color: #000e2f;
  border-color: #000e2f; }
  .uc_healthFooter__links--blue h4 {
    font-size: 1em;
    margin: 0 0 0.5em; }
  .uc_healthFooter__links--blue .uc_healthFooter__link:hover {
    color: #ffa902; }

@media (min-width: 34em) {
  .uc_healthFooter__links {
    width: 50%; }
  .uc_healthFooter__links--blue {
    width: 100%; } }

@media (min-width: 44em) {
  .uc_healthFooter__links {
    width: 33.333333%; }
    .uc_healthFooter__links ul {
      margin: 1.5em 0 0; }
  .uc_healthFooter__links--blue ul {
    margin: 0; } }

@media (min-width: 68em) {
  .uc_healthFooter__contact {
    width: 30%;
    max-width: 25em; }
  .uc_healthFooter__links {
    width: 23%;
    margin-top: 2em;
    max-width: 15em; } }

.uc_healthFooter__link {
  text-align: left !important;
  color: inherit;
  font-size: 1em;
  padding: 0.5em 0;
  text-decoration: none;
  position: relative;
  transition: color 0.15s cubic-bezier(0.66, 0.01, 0.36, 1); }
  .uc_healthFooter__link::before, .uc_healthFooter__link::after {
    content: "";
    position: absolute;
    bottom: 0.5em;
    border-color: inherit;
    border-bottom: 1px solid;
    height: 0;
    width: 0;
    transition: width 0.15s cubic-bezier(0.66, 0.01, 0.36, 1); }
  .uc_healthFooter__link::before {
    left: 0; }
  .uc_healthFooter__link::after {
    right: 0; }
  .uc_healthFooter__link:hover {
    text-decoration: none; }
  .uc_healthFooter__link:hover::before, .uc_healthFooter__link:hover::after {
    width: 50%; }

.uc_healthFooter__text {
  text-align: left !important;
  display: inline-block;
  padding: 0.5em 0; }

.uc_healthFooter__subNav {
  background-color: #000e2f;
  color: #ccc; }

.uc_healthFooter__subNavInner {
  max-width: 84em;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 2em 1em; }
  .uc_healthFooter__subNavInner .uc_healthFooter__link,
  .uc_healthFooter__subNavInner .uc_healthFooter__text {
    margin: 0.5em 3em 0.5em 1em; }
  .uc_healthFooter__subNavInner .uc_healthFooter__link {
    display: inline-block; }
    .uc_healthFooter__subNavInner .uc_healthFooter__link:hover {
      color: white; }

.uc_banner {
  font-size: 16px; }