/** created:20160212 modified:20160718
*/
/**
* Absolute Styles:
* Styles that apply to all content in this section goes here.
*/
#bodyFooter {
  background: var(--footer-background);
  padding: 0.1px 0;
  position: relative;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
}
#bodyFooter img {
  max-width: 100%;
}
#bodyFooter #bodyFooterBlock {
  font-size: 0.889rem;
  /*16px for 18px font-size*/
  position: relative;
}
#bodyFooter #bodyFooterBlock a,
#bodyFooter #bodyFooterBlock a:visited {
  color: var(--footer-color);
}
#bodyFooter #bodyFooterBlock #bodyFooterTop .container {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  padding: 2rem 0;
}
#bodyFooter #bodyFooterBlock #bodyFooterTop .container .left .logo {
  text-align: center;
}
#bodyFooter #bodyFooterBlock #bodyFooterTop .container .left .logo img {
  height: auto;
  max-width: 250px;
  width: 100%;
}
#bodyFooter #bodyFooterBlock #bodyFooterTop .container .middle {
  display: none;
}
#bodyFooter #bodyFooterBlock #bodyFooterTop .container .right nav ul {
  gap: 0;
}
#bodyFooter #bodyFooterBlock #bodyFooterTop .container .right nav ul li:not(:last-child)::after {
  color: white;
  content: "|";
  display: block;
  margin: 0 0.75rem;
}
@media screen and (max-width: 975px) {
  #bodyFooter #bodyFooterBlock #bodyFooterTop .container > * {
    width: 100%;
  }
}
@media screen and (min-width: 976px) {
  #bodyFooter #bodyFooterBlock #bodyFooterTop .container {
    justify-content: space-between;
  }
}
#bodyFooter #bodyFooterBlock #bodyFooterBottom .container {
  border-top: 1px solid var(--footer-color);
  color: var(--footer-color);
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  padding-bottom: 2rem;
  padding-top: 2rem;
}
@media screen and (min-width: 975px) {
  #bodyFooter #bodyFooterBlock #bodyFooterBottom .container {
    justify-content: space-between;
  }
}

/* End Absolute Styles */
/**
* Relative Styles:
* Styles that column based go here.
*/
/* One Column */
@media screen and (max-width: 650px) {
  /**
  * Styles that are only for one column go here.
  */
  #bodyFooter {
    text-align: center;
  }

  #bodyFooterAddress,
#bodyFooterLogoLM {
    margin-top: 2rem;
  }

  #bodyFooterBottom {
    margin-top: 2rem;
    padding-top: 2rem;
  }
}
/* Two Columns */
@media screen and (min-width: 651px) and (max-width: 975px) {
  /**
  * Styles that are only for two columns go here.
  */
}
/* Two & Three Columns */
@media screen and (min-width: 651px) {
  /**
  * Styles that are for two and three columns go here.
  */
  /*footer*/
  #bodyFooterLinks {
    float: right;
  }

  #bodyFooterBottom {
    margin-top: 1rem;
    padding-top: 1rem;
  }

  #bodyFooterCopyright {
    float: left;
  }

  #bodyFooterLogoLM {
    float: right;
  }
}
/* Three Columns */
@media screen and (min-width: 976px) {
  /**
  * Styles that are for three columns go here.
  */
}
/**
* Relative Styles:
* Styles that device based go here.
*/
/* QVGA Screen */
/* HVGA Screen */
@media screen and (min-width: 321px) {
  /* and (max-width:480px) {*/
}
/* WVGA Screen */
@media screen and (min-width: 481px) {
  /* and (max-width:800px) {*/
}
/* Large Screen */
@media screen and (min-width: 801px) {
  /* and (max-width:1041px) { */
}
/* Extra Large Screen */
/* End Relative Styles */
/*# sourceMappingURL=footer.css.map */