/* ===================================================================================================
   masterpage-root.css - the SITE-ROOT MasterPage.master

   NOT /css/masterpage.css. THAT file belongs to Application\MasterPage.master, the big application
   menu master. The two masters have the same file name, so their stylesheets must not - hence the
   -root suffix. Do not merge them.

   This master is the public one: a black bar carrying Register and Login, then the page body, then a
   copyright line. Nine pages declare it. The bar used to carry a small sign-in box as well; it is
   removed, and so are its rules.

   The bar was telerik:RadMenu Skin="Black" Width="100%". The colours below are the ones that skin
   drew: a near-black bar with white text. .Top_TableMasterPageMarketing,
   .Body_TableMasterPagePlainMarketing, .TD_CopyRight and .BodyStyle5 are NOT redefined here - they
   are in /StyleSheet.css and are untouched.

   .ibis-input and .ibis-btn come from /css/ibis-ui.css, which this master now loads.
   =================================================================================================== */

/* ---------------------------------------------------------------------------------------------------
   THE BAR
   Was <telerik:RadMenu Skin="Black" Width="100%" EnableShadows EnableRoundedCorners>.
   --------------------------------------------------------------------------------------------------- */
.mp-bar {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 4px 8px;
    background: #2b2b2b;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .35);
    font: 400 14px "Segoe UI", Arial, sans-serif;
}

    /* Was a RadMenuItem with NavigateUrl and Font-Size="Medium". Your rule: links underlined at rest,
   colour changes on hover. */
    .mp-bar .mp-link {
        display: inline-block;
        padding: 8px 14px;
        color: #ffffff;
        font-size: 14px;
        text-decoration: underline;
    }

        .mp-bar .mp-link:hover {
            color: #9fc6ea;
        }

/* THE SIGN-IN BOX AND THE 225px SPACER THAT POSITIONED IT ARE GONE, at your request - with them go
   .mp-spacer, .mp-signin, .mp-w150 and .mp-login-btn, which had nothing left to style. Nothing was
   ever wired to that box's Login button; see the master's own header. */

/* ---------------------------------------------------------------------------------------------------
   THE LAYOUT CELLS
   Was style="vertical-align: top" on the bar's cell and style="vertical-align: top;" on the body
   cell, plus style="font-size: 14px" on the body table. All three were inline, which your rules do
   not allow.
   --------------------------------------------------------------------------------------------------- */
.mp-top {
    vertical-align: top;
}

.mp-body {
    font-size: 14px;
}

/* ---------------------------------------------------------------------------------------------------
   THE FOOTER
   Was <div style="height: 25px"></div> and a table with
   style="margin: auto; width: 1000px;" - both inline styles, which your rules do not allow in markup.
   --------------------------------------------------------------------------------------------------- */
.mp-gap {
    height: 25px;
}

.mp-footer {
    margin: auto;
    width: 1000px;
    max-width: 100%;
}