/* ---- Footer ---- */

footer {
  /* font-size: 9pt; */
  font-size: 14pt;
/*   background-color: black; */
  background-color: #1a1a1a;
  padding: 48px 64px;
  color: white;
  clear: both;
}

footer a {
  color: white;
}

footer a:hover {
  color: DarkOrange;
}

.footercontainer {
  margin: 0 auto;
  max-width: 1408px;
  width:expression(document.body.clientWidth > 1408? "1408px" : "auto");
  color: inherit;
  clear: left;
  text-align: left;
}

.footercontainer h2 {
  font-size: 1.1em;
  text-transform: none;
}

.footercontainer a {
  color: white;
}

.footercontainer .lightgray a {
  color: lightgray;
  font-weight: normal;
}

.footercontainer address {
  width: 100%;
/*   text-align: left; */
  margin: 2ex 0;
  vertical-align: top;
  line-height: 2.5;
}

.footerlists {
  width: 90%;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: space-between;
  grid-gap: 1rem;
}

.footerlists article {
   margin: 0 2em 0 0;
}

.footerlists li {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 1em;
}

.footerlists li a {
  font-weight: normal;
}

.ucladdress {
  margin: 0 4em 2ex 0;
  text-align: left;
}

.uclphone {
  margin: 0 3em 2ex 0;
  text-align: left;
  white-space: nowrap;
}

.uclcopyright {
  float: right;
  margin: 0 0 2ex 3em;
  white-space: nowrap;
}

ul.footerlinks {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  line-height: 1.5;
}

ul.footerlinks li {
  list-style: none;
/*   display: inline-block; */
  text-align: left;
  padding: 0 2em 0 0;
  margin: 0;
  white-space: nowrap;
}

ul.footerlinks a:hover {
  color: DarkOrange;
}