:root {
  --primary-color: #002f87;
  --gray: #f1f1f1;
  --hover-primary: #0063D0;
  --donate-primary: #cc0000;
  --donate-hover: #e30000;
  --transition-primary: .3s all ease-in-out;
}

#wttw-footer * {
  box-sizing:border-box;
  text-align: left;
  font-family:"Open Sans", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", Arial, sans-serif;
}

#wttw-footer {
  color:#191919;
  background-color:#fff;
  font-family:"Open Sans", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", Arial, sans-serif;
  font-weight:300;
  font-size:14px;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
  flex-direction:column;
  -webkit-justify-content:center;
  justify-content: center;
}

#wttw-footer-upper {
  background-color:#002f87; /* IE */
  background-color:var(--primary-color);
  width:100%;
  height:70px;
}

#wttw-footer-main {
  background-color:#fff;
  height:auto;
  display:-webkit-flex;
  display:flex;
  flex:1 0 auto;
  justify-content: space-between;
  -webkit-justify-content:center;
  justify-content: center;
}

.wttw-footer-container {
  max-width:1200px;
  padding:0 15px;
  box-sizing:border-box;
  height:auto;
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  flex:0 1 100%;
  flex-wrap: wrap;
}

.wttw-footer-column {
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:column;
  flex-direction:column;
  flex:1 1 auto;
  height:auto;
}

/* Hide the Chicago Tonight column when we're not on that site */
#wttw-footer .wttw-footer-column.chicago-tonight {
  display:none;
}

#wttw-footer.chicago-tonight .wttw-footer-column.chicago-tonight {
  display:inherit;
}

#wttw-footer-main .wttw-footer-column {
  flex:1 1 15%;
}

#wttw-footer.chicago-tonight #wttw-footer-main .wttw-footer-column {
  flex:1 1 12%;
}

#wttw-footer-main .wttw-footer-column ul {
  padding-left:10px;
}

.wttw-footer-column.chicago-tonight h4 a {
  background-color:#fc4e01;
}

#wttw-footer a {
  transition:.3s all ease-in-out; /* IE */
  transition:var(--transition-primary);
  text-decoration:none;
  color:#191919;
  padding-bottom:1px;
  border-bottom:1px solid transparent;
}

#wttw-footer a:hover {
  color:#0063D0; /* IE */
  color:var(--hover-primary);
  border-bottom-color:##0063D0; /* IE */
  border-bottom-color:var(--hover-primary);
}

#wttw-footer h4 {
  font-family:"Open Sans", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", Arial, sans-serif;
  text-transform: lowercase;
  font-weight:400;
  margin:0;
  letter-spacing: .025em;
}

#wttw-footer h4 a {
  font-family:"Open Sans", "Helvetica Neue", Helvetica, Segoe, "Segoe UI", Arial, sans-serif;
  color:#fff;
  display:block;
  font-size:20px;
  height:70px;
  margin:-70px 0 .5em 0;
  line-height:28px;
  padding-top:36px;
  padding-left:10px;
  border:none;
}

#wttw-footer h4 a:hover {
  color:rgba(255,255,255,.8);
}

#wttw-footer li {
  text-align: left;
  line-height:1.4;
  margin:.6em 0;
}

#wttw-footer ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

#wttw-footer-secondary {
  background-color:#fff;
  display:flex;
  margin-top:1em;
  -webkit-flex:0 1 auto;
  flex:0 1 auto;
  -webkit-justify-content:space-between;
  justify-content: space-between;
  -webkit-justify-content:center;
  justify-content: center;
}

#wttw-footer-secondary a {
margin:0 .5em;
}

#wttw-footer-secondary ul {
  margin:0;
}

#wttw-footer-secondary ul li {
  display:inline-flex;
}

#wttw-footer-secondary li:after {
  content:'|';
}

#wttw-footer-secondary li:last-of-type:after {
  content:'';
}

#wfmt-logo-container {
  display:flex;
  -webkit-flex:0 1 auto;
  flex:0 1 auto;
}

#wfmt-logo-container a {
  height:30px;
  display:flex;
  border:none;
}

#wfmt-logo-container a:hover {
  opacity:.7;
}

#wfmt-logo-container a img {
  height:100%;
  width:auto;
}

@media (max-width:1199px) {
  #wttw-footer h4 a {
    font-size:17px;
  }
}

@media (max-width:992px) {
  #wttw-footer h4 a {
    font-size:16px;
  }
}

@media (max-width:767px) {
  #wttw-footer-upper {
    display:none;
  }

  #wttw-footer-main .wttw-footer-column,
  #wttw-footer.chicago-tonight #wttw-footer-main .wttw-footer-column {
    flex:0 1 50%;
  }

  #wttw-footer h4 a {
    display:flex;
    margin:1em .5em 0 .5em;
    background-color:#002f87; /* IE */
    background-color:var(--primary-color);
  }

  #wttw-footer .wttw-footer-column.chicago-tonight h4 a {
    background-color:#fc4e01;
  }
}