/*
  Old footer styles, preserved for archive pages that link to this file and do not receive the Nov 2019 footer. Later footer styles are in bootstrap/theme.css
*/
#footerblack {
  margin-bottom: 50px;
}
#footerblack ul li {
  list-style-image: none;
  list-style-type: none;
}

#container{
  height: 100%;
  margin: 0 auto;
  max-height: 190px;
  width: 1000px;
}

#footerblack {
  max-width:100%;
  min-height:9.25em;
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.916666em;
  text-align:left;
  padding-top: 5px;
  float: left;
  width: 100%;
}
#footerblack a {
  color: #5BC2E7;
}
#footerblack #left img {
  margin: 0 15px 0 0;
  width: 73px;
}

div#rightlinks ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: left;
}
div#left {
  float: left;
}
div#rightlinks ul li, div#rightlinks ul li a {
  font-size: 11px;
  text-decoration: none;
  color: white;
}
div#rightlinks a:hover {
  font-size: 11px;
  text-decoration: underline;
  color: white;
}
div#rightlinks ul li.footer_title {
  font-weight: bold;
  padding-bottom: 5px;
}
div#top {
  float: left;
  width: 100%;
  border-bottom: 1px solid white;
}
div#top {
  float: left;
  /*width: 100%;*/
  border-bottom: 1px solid #565656;
}
div#bottom ul {
  float: right;
}
div#bottom ul {
  list-style-type: none;
  margin: 0px;
  padding: 20px;
}
div#bottom ul li {
  float: left;
}
div#bottom {
  float: left;
  width: 100%;
}
div#bottom ul li, div#bottom ul li a {
  text-decoration: none;
  font-size: 11px;
}
div#bottom ul li{
  color:white;
}
div#bottom ul li a{
  color:#5ab7e8;
}
div#bottom a:hover{
  text-decoration: underline;
}
div#bottom ul li a:after {
  content: "|";
  color: white;
  padding: 0px 5px;
  position: relative;
  top: -1px;
}
div#top div#rightlinks ul.first-list {
  border-left: 1px solid #757575;
  margin-top: 0px;
}
div#rightlinks ul {
  padding:0px 16px;
}
div#rightlinks {
  float: left;
}
div#top {
  max-height: 133px;
  padding: 10px 0px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
div#rightlinks ul li {
  line-height: 15px;
}
div#rightlinks div {
  float: left;
}
div#top div#rightlinks ul {
  margin-top: 20px;
}

@media only screen and (max-width: 63.6875em) and (min-width: 48em){
  #container{
    width:100%;
    max-height: 534px;
  }
  div#top{
    max-height:100%;
  }
  div#top div#rightlinks ul.first-list{
    border-left:0px;
  }
  div#tech-brands ul{
    width:35%;
  }
  div#rightlinks{
    width:86%;
    border-left:1px solid #cccccc;
  }
  div#rightlinks div {
    display:block;
    width:100%;
    margin:10px 0px;
  }
}

@media only screen and (max-width: 47.999em) and (min-width: 29.9375em){
  #container{
    width:100%;
    max-height: 534px;
  }
  div#top{
    max-height:100%;
  }
  div#top div#rightlinks ul.first-list{
    border-left:0px;
  }
  div#tech-brands ul{
    width:35%;
  }
  div#rightlinks{
    width:81%;
    border-left:1px solid #cccccc;
  }
  div#rightlinks div {
    display:block;
    width:100%;
    margin:10px 0px;
  }
}

@media only screen and (max-width: 29.875em) and (min-width: 20em){
  #container{
    width:100%;
    max-height: 671px;
  }
  div#left {
    width: 100%;
    text-align: center;
  }
  div#top{
    max-height:100%;
  }
  div#top div#rightlinks ul.first-list{
    border-left:0px;
  }
  div#tech-brands ul{
    width:35%;
  }
  div#rightlinks{
    width:86%;
    border-left:1px solid #cccccc;
  }
  div#rightlinks div {
    display:block;
    width:100%;
    margin:10px 0px;
  }
  div#bottom ul li{
    line-height:20px;
  }
  div#bottom ul{
    padding:12px 10px;
  }
}
/* End 'archive' footer */