/*------------------------- footer -------------------------*/

footer {
  width: 100%;
  height: 100px;
  margin: 0px;
  overflow: hidden;
  text-align: center;
  background-color: transparent; /*-- footer background-color can exchange --*/
}

footer.hearst {
  height: 100px;
  overflow: auto;
}

footer.mobile {
  height: 100px;
}

footer a,
footer a:link {
  text-decoration: none;
}

.copyright {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 9px;
  line-height: 28px;
  color: gray; /*color can exchange*/
}

footer.hearst .copyright {
  margin-top: -22px;
}

footer .logo {
  line-height: 70px;
  margin-right: 5px;
  vertical-align: middle;
}

footer.mobile .logo.icon-bazaar-logo,
footer.hearst .logo.icon-bazaar-logo {
  margin-right: 3px;
}

/*-- footer logo-color can exchange --*/
footer .logo.icon-elle-logo {
  color: #000;
}

footer .logo.icon-cosmo-logo,
footer .logo.icon-cosmocom-logo {
  color: #f8199d;
}

footer .logo.icon-bazaar-logo {
  color: white;
}