/**
 * Theme Name: Anthem
 *
 * This stylesheet will be loaded when Infinite Scroll (IS) is enabled.
 *
 * Three of the classes that are available to body when IS is enabled are .infinite-scroll, .neverending, and .infinity-end.
 *
 * .infinite-scroll is always available; it's used for hiding common site navigation and adjusting common margins.
 * .neverending will be added to body when IS is set to 'scroll'.
 * .infinity-end is added to body when IS has completed and body is no longer set to 'scroll'.
 *
 * The checks for whether or not a site is set to scroll are located in infinite_scroll_has_footer_widgets().
 */

/**
 * Globally hidden elements when IS is supported and in use.
 */
.infinite-scroll .paging, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending footer[role="site-info"] { /* Theme Footer (when set to scrolling) */
    display: none;
}

/**
 * When IS has reached its end we need to re-display elements that were hidden (via .neverending) before
 */
.infinity-end.neverending footer[role="site-info"] {
    display: block;
}

/**
 * Global style tweaks when IS is supported and in use
 */
.infinite-scroll .infinite-wrap, /* Each IS loop content wrapper (multiple instances) */
.infinite-scroll .infinite-loader, /* Each IS loading spinner (multiple instances) */
.infinite-scroll #infinite-handle /* The Load more posts button */ {
    clear: both;
}
.infinite-scroll .infinite-wrap {
    border-top: none;
    padding: 0;
}
.infinite-scroll #infinite-footer .container { /* IS border */
    border: 1px solid #ececec;
    border-bottom: none;
}

/**
 * Make sure that clicking Load more posts doesn't cause any jarringness.
 */
.infinite-scroll #infinite-handle {
    float: left;
    height: 79px;
}
.infinite-scroll #infinite-handle span {
    display: block;
    margin: 13px 0;
}
.infinite-scroll .infinite-loader {
    margin: 0 0 51px;
}

/**
 * Responsive left margin adjustments
 */
@media (min-width: 921px) {
    .infinite-scroll #infinite-footer .container {
        margin-left: 27.25%;
    }
}
@media only screen and (max-width: 920px) {
    .infinite-scroll #infinite-footer .container {
        margin: 0;
        width: 100% !important;
    }
}