/* ==========================================================
   11SECTORS — MASTER PAGE RAIL
   ========================================================== */

html,
body {
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
}


/*
   This class is placed on the OUTER section wrapper.
*/

.sectors-master-rail {

    width:
        min(
            var(--sectors-master-width,1180px),
            calc(100vw - 32px)
        ) !important;

    max-width:
        min(
            var(--sectors-master-width,1180px),
            calc(100vw - 32px)
        ) !important;

    min-width:
        0 !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    box-sizing:
        border-box !important;

    position:
        relative !important;

    left:
        auto !important;

    right:
        auto !important;

    transform:
        none !important;
}


/* ==========================================================
   PRODUCT CHILDREN FILL THEIR NEW MASTER WRAPPER
   ========================================================== */

.sectors-master-rail #cf-sector-definitions-master,
.sectors-master-rail #capital-flow-sector,
.sectors-master-rail #american-tech-sector {

    width:
        100% !important;

    max-width:
        100% !important;

    min-width:
        0 !important;

    margin-left:
        0 !important;

    margin-right:
        0 !important;

    left:
        auto !important;

    right:
        auto !important;

    transform:
        none !important;

    box-sizing:
        border-box !important;
}


/*
   If one of these happens to BE the outer block itself.
*/

#cf-sector-definitions-master.sectors-master-rail,
#capital-flow-sector.sectors-master-rail,
#american-tech-sector.sectors-master-rail {

    width:
        min(
            var(--sectors-master-width,1180px),
            calc(100vw - 32px)
        ) !important;

    max-width:
        min(
            var(--sectors-master-width,1180px),
            calc(100vw - 32px)
        ) !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;
}


/* ==========================================================
   NOTHING INSIDE THE RAIL MAY CREATE HORIZONTAL OVERFLOW
   ========================================================== */

.sectors-master-rail *,
#capital-flow-sector *,
#american-tech-sector * {

    box-sizing:
        border-box;
}


.sectors-master-rail img,
.sectors-master-rail svg,
.sectors-master-rail canvas,
.sectors-master-rail video {

    max-width:
        100% !important;
}


/* ==========================================================
   PHONE
   ========================================================== */

@media(max-width:700px) {

    .sectors-master-rail,
    #cf-sector-definitions-master.sectors-master-rail,
    #capital-flow-sector.sectors-master-rail,
    #american-tech-sector.sectors-master-rail {

        width:
            calc(100vw - 20px) !important;

        max-width:
            calc(100vw - 20px) !important;

        margin-left:
            auto !important;

        margin-right:
            auto !important;
    }
}