/*
    This styles only aplies to the infinite scroll on main page
    if we dont have it, infinite scroll goes crazy
    because infinite scroll is expecting the containers to be on the bottom of the page
*/
#infiniteScroll.mainPage{
    float: left;
}

/* Hides navigation links and site footer when infinite scroll is active */
.infinite-scroll #navigation,
.infinite-scroll.neverending #footer {
    display: none;
}
/* Shows the footer again in case all posts have been loaded */
.infinity-end.neverending #footer {
    display: block;
}
#infiniteScroll.mainPage > span.infinite-loader,
#infiniteScroll.mainPage > div.inf-container{
    clear: both;
}