/*
 * Phase 20 Public Wide-Screen Layout
 * Expands public content on large desktop displays.
 */

/* Public header */
.public-header-inner {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
}


/* Browse Collection */
.catalogue {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
}


/* Timeline */
.timeline-page {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
}


/* Book Details */
.book-detail {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
}


/* About */
.about-page {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
}


/* Homepage Timeline feature */
.home-timeline-feature {
    width: auto !important;
    max-width: none !important;
    margin-left: 28px !important;
    margin-right: 28px !important;
}


/* Keep major grids from shrinking unexpectedly */
.catalogue-results-grid,
.timeline-track,
.book-detail-grid,
.about-content-grid {
    width: 100% !important;
    max-width: none !important;
}


/* Mobile and tablet retain comfortable gutters */
@media (max-width: 850px) {

    .public-header-inner,
    .catalogue,
    .timeline-page,
    .book-detail,
    .about-page {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .home-timeline-feature {
        margin-left: 14px !important;
        margin-right: 14px !important;
    }
}