/** Import Compass */
/* ========================================================================== Icon Library Mixin ========================================================================== */
/* ========================================================================== Shadows ========================================================================== */
/* ========================================================================== Content Block --- Used as a generic container for storing any type content.  Modeled after the Bootstrap "Panel" and "Well" styles HTML: <div class="t-ContentBlock"> <div class="t-ContentBlock-header"><h1 class="t-ContentBlock-title"></h1></div> <div class="t-ContentBlock-body"></div> <div class="t-ContentBlock-buttons"></div> </div> ========================================================================== */
/* ========================================================================== Modifiers ========================================================================== */
/* Standard Content ========================================================================== */
.t-ContentBlock { margin-bottom: 32px; }

.t-ContentBlock .t-ContentBlock-body { font-size: 1.4rem; line-height: 2.0rem; }

/* Heading Size ========================================================================== */
.t-ContentBlock-title { line-height: 1.5; font-weight: 500; }

.t-ContentBlock--h1 .t-ContentBlock-title { font-size: 3.2rem; margin: 0 0 1.6rem 0; }

.t-ContentBlock--h2 .t-ContentBlock-title { font-size: 2.4rem; margin: 0 0 1.2rem 0; }

.t-ContentBlock--h3 .t-ContentBlock-title { font-size: 2.0rem; margin: 0 0 1.2rem 0; }

/* Body Background -- Shadow ========================================================================== */
.t-ContentBlock--shadowBG .t-ContentBlock-body { background-color: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; overflow: auto; padding: 0; }

/* Body Background -- Light ========================================================================== */
.t-ContentBlock--lightBG .t-ContentBlock-body { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; overflow: auto; padding: 0; }

/* Body Padding ========================================================================== */
.t-ContentBlock--padded .t-ContentBlock-body { padding: 16px; }
@media (max-width: 640px) { .t-ContentBlock { margin-bottom: 16px; } .t-ContentBlock--h1 .t-ContentBlock-title { font-size: 2.4rem; margin-bottom: .8rem; } .t-ContentBlock--h2 .t-ContentBlock-title { font-size: 2.0rem; margin-bottom: .4rem; } .t-ContentBlock--h3 .t-ContentBlock-title { font-size: 1.6rem; margin-bottom: .4rem; } }