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


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


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

footer.mobile {
    height:70px;
}

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:#fff;
}

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

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