/* ============================================================================
   HERO SEARCH BAR — the cp-inner-hero band (issue #90)
   ----------------------------------------------------------------------------
   Views/Shared/_HubSearch.cshtml is the portal's one hero search bar, styled by the
   visu-search-* rules in Styles/modules/_visuniversity.scss. Those rules assume the
   visu-hero band, which centres its content in a 720px column and puts 28px under the
   subtitle. The cp-inner-hero band does neither — it is left-aligned inside a full-width
   .container, and .cp-inner-hero-sub carries no bottom margin — so the capsule needs a
   width to sit in and its own top margin. That is the whole of this file.

   Deliberately a standalone stylesheet rather than a rule in the SCSS pipeline, for the
   same reason capabilities.css and admin-nav.css are (see AdminNavTests, AdminThemeTests,
   CapabilityTests): compiling the pipeline needs Node, which not every dev machine has,
   and the committed customerportal.min.css is already several modules stale. The rest of
   the search bar comes through unaffected because the visu-search-* rules it needs are
   already in that compiled copy. ChatTests pins the choice.

   Loaded by both layouts after customerportal.min.css. It applies to any cp-inner-hero
   page that adopts the shared search bar, not to Chat alone, so it belongs in the layout
   rather than in one page's Styles section.
   ============================================================================ */

.cp-inner-hero .visu-search-form {
    max-width: 620px;
    /* .cp-inner-hero-sub has no bottom margin of its own. */
    margin-top: 24px;
}

@media (max-width: 576px) {
    .cp-inner-hero .visu-search-form {
        margin-top: 20px;
    }
}