/* ============================================ */
/* EXTERNAL ARCHIVE — WIDTH CONSTRAINT          */
/* Overrides the 1400px default in main.css     */
/* ============================================ */

body.archive-external-full-width .archive-external-wrapper {
    max-width: 1200px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    box-sizing: border-box !important;
}

/* Tame the 1600px override in main.css */
@media (min-width: 1600px) {
    body.archive-external-full-width .archive-external-wrapper {
        max-width: 1200px !important;
        padding: 40px 30px 80px !important;
    }
}

/* Responsive */
@media (max-width: 1200px) {
    body.archive-external-full-width .archive-external-wrapper {
        max-width: 100% !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
}

@media (max-width: 640px) {
    body.archive-external-full-width .archive-external-wrapper {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}