/*
   Page-builder content utilities (COL-4583).

   The native page builder (views/common/hugerte/js/hugerte/plugins/bsbuilder) writes plain
   Bootstrap class names. Two it needs are not in a stock Bootstrap 5 build: the negative top
   margins (mt-n1 .. mt-n5, Bootstrap ships them only when $enable-negative-margins is on) and,
   on a Bootstrap 4 site, the z-index utility. A block "pulled up" over the one above it takes
   mt-nN position-relative z-2, so those names must mean the same on every brand's public site
   and in the editing canvas. Values and !important match Bootstrap's own, so where Bootstrap
   already defines a name this sheet changes nothing.

   Bootstrap's scale stops at 5 (3rem), which is not enough to pull a block over the whole of the
   one above it, so the builder's own steps carry on: mt-n6 .. mt-n12 (4rem to 16rem). Bootstrap
   never defines those names, so they cannot collide with a brand's build. The sizes are mirrored
   in the builder's PULL_UP_REM table; change both together.

   A pulled-up column also takes align-self-start: a Bootstrap column is a stretched flex item, and
   one whose negative margin is bigger than its content is stretched to the margin's size, so a card
   pulled up 16rem would paint 16rem tall. Bootstrap 4 and 5 both define the name; it is here for
   the same reason as the others.

   Loaded on every public page through views/common/client-error-reporter.cfm (the one include
   every brand header shares) and in the editor canvas through models/editorCanvasService.cfc.
*/
.mt-n1 { margin-top: -.25rem !important; }
.mt-n2 { margin-top: -.5rem !important; }
.mt-n3 { margin-top: -1rem !important; }
.mt-n4 { margin-top: -1.5rem !important; }
.mt-n5 { margin-top: -3rem !important; }
.mt-n6 { margin-top: -4rem !important; }
.mt-n7 { margin-top: -5rem !important; }
.mt-n8 { margin-top: -6rem !important; }
.mt-n9 { margin-top: -8rem !important; }
.mt-n10 { margin-top: -10rem !important; }
.mt-n11 { margin-top: -12rem !important; }
.mt-n12 { margin-top: -16rem !important; }
.position-relative { position: relative !important; }
.z-2 { z-index: 2 !important; }
.align-self-start { align-self: flex-start !important; }