/*Footer Main Links*/
.site-footer .footer-main-links {
  padding-bottom: 40px;
  background-color: #00305a;
  border-top: 6px solid #001d37;
}
.site-footer .footer-main-links h3 {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 24px;
  color: #3e8fdf;
}
.site-footer .footer-main-links .footer-lnk-selector a {
  font-size: 14px;
  line-height: 22px;
  color: #ffffff;
}
.site-footer .footer-main-links .footer-lnk-selector a:hover {
  text-decoration: underline;
}


/* line spacing of footer links */
.site-footer .footer-body li:nth-child(4) .aem-GridColumn, 
.site-footer .footer-body li:nth-child(3) .aem-GridColumn, 
.site-footer .footer-body li:nth-child(2) .aem-GridColumn,  
.site-footer .footer-body li .linkComponent { /* 1st column */
    padding-left:0;
    margin-bottom: 1rem;
}
.site-footer .footer-body div.linkComponent.section,
.site-footer .footer-body div.section.mpTranslate {
    margin-bottom: 1rem;
}

.footer-body h3.expand span { 
  display: none; 
}
/*END Footer Main Links*/

/*Footer States List*/
.site-footer .footer-states-list {
  background-color: #001d37;
  border: none;
  margin-top: 0;
}
.site-footer .footer-states-list a span {
  font-size: 24px;
  color: #3e8fdf;
  font-weight: 400;
}
.site-footer .footer-states-list .footer-lnk-selector a span {
  font-size: 14px;
    line-height: 22px;
    color: #ffffff;
}
.site-footer .footer-states-list .footer-lnk-selector a:hover span {
  text-decoration: underline;
}

.site-footer .footer-states-list .list-inline.list-separated li {
  border-right: none;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
}

.site-footer .footer-states-list a,
.site-footer .footer-states-list a:hover {
  font-size: 24px;
  color: #3e8fdf;
  font-weight: 400;
}
/*END Footer States List*/


/*Bottom Links*/
.site-footer .footer-bottom-links {
  padding-top: 20px;
  padding-bottom: 45px;
  background-color: #00305a;
}
.site-footer .footer-bottom-links .external-links {
  text-align: center;
}
.site-footer .footer-bottom-links a,
.site-footer .footer-bottom-links .copyright {
  font-size: 14px;
  line-height: 22px;
  color: #e4e4e4;
}
.site-footer .footer-bottom-links a:hover {
  text-decoration: underline;
}
.site-footer .footer-bottom-links .external-links ul li {
  position: relative;
  border-right: none;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  padding-left: 5px;
  padding-right: 10px;
}
.site-footer .footer-bottom-links .external-links ul li.spectrum-last:after {
  background-color: transparent; 
}
.site-footer .footer-bottom-links .external-links ul li:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  top: 6px;
  right: 0;
  background-color: #ffffff;
}

.site-footer .footer-bottom-links .external-links .list-inline {
  margin-bottom: 0;
}
.site-footer .footer-bottom-links .external-links ul li {
  display: inline-block;
}
.site-footer .footer-bottom-links .external-links .container {
  width: 100%;
  padding: 0;
}
.site-footer .footer-bottom-links .social-logos {
    display: block;
text-align: center;
  width: 170px;
}
.site-footer .footer-bottom-links .social-logos img {
  margin: 5px;
}
/*END Bottom Links*/

@media (min-width: 1200px) {
  .site-footer .footer-states-list .listComponent {
      margin: 0 60px;
  }
}

@media(min-width: 768px) and (max-width: 991px) {
    /* align Charter Info column */
    .site-footer .footer-body .charter-info {
        margin-left: -1.5rem;
    }
}

@media (min-width: 768px) {
  .footer-lnk-collapsed {
    display: block;
  } 
  .site-footer .footer-states-list .list-inline.list-separated li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    top: 4px;
    right: 0;
    background-color: #ffffff;
  }
  .site-footer .footer-states-list .list-inline.list-separated li.spectrum-last:after {
    background-color: transparent; 
  }
}

@media (max-width: 767px) {
  .site-footer .footer-main-links {
    padding-top: 20px;
    padding-bottom: 0;
  }
  .site-footer .footer-main-links h3 {
    margin: 0 -15px;
    padding: 20px 15px;
  }
  .site-footer .footer-body.footer-main-links .border-b-w {
    padding-bottom: 20px;
    border-bottom: 1px solid #3e8fdf;
  }
  .site-footer .footer-main-links .footer-lnk-selector {
    margin-left: -15px;
     margin-right: -15px;
  }
  .site-footer .footer-main-links .footer-lnk-selector li {
    padding-right: 15px;
    padding-left: 60px;
  }
  .footer-lnk-collapsed { 
    display: none;
  }

  .footer-body  h3.expand span {
        display: block;
        float: right;
    }


  .site-footer .footer-bottom-links {
    background-color: #001d37;
  }
  .site-footer .footer-bottom-links .footer-logo,
  .site-footer .footer-bottom-links .social-logos {
    display: block;
    text-align: center;
    margin: auto;
  }

  
  .site-footer #states-list ul li .linkComponent {
    padding-right: 15px;
    padding-left: 45px;
    padding-bottom: 10px;
  }
  .site-footer .footer-states-list {
    background-color: #00305a;
  }
  .site-footer .footer-states-list h3 {
   padding-top: 20px;
    padding-bottom: 10px;
  }
  .site-footer .footer-states-list p,
  .site-footer #states-list h3 {
    font-size: 24px;
    color: #3e8fdf;
    font-weight: 400;
  }
  .site-footer .footer-states-list {
    border-top: none;
    padding: 0;
    margin-top: 0;
      text-align: left;
      display: block;
  }
  .site-footer .footer-states-list .list-inline.list-separated li {
      border-right: none;
      padding-right: 0;
  }
  .list-inline > li {
      display: block;
      margin-left: 5px
  }
  .site-footer .footer-states-list h3.expand {
    font-size: 1.6rem;
    color: #fff;
    margin-top: 0;
    cursor: pointer;
  }
  .site-footer .footer-states-list h3.expand span {
    display: block;
    float: right;
    font-weight: 600;
  }
  .site-footer .footer-states-list .linkComponent.section {
    margin-bottom: 1rem;
  }
}