/* Import Compass */
/* ========================================================================== Icon Library Mixin ========================================================================== */
/* ========================================================================== Shadows ========================================================================== */
/* ========================================================================== Cards Container ========================================================================== */
.t-Cards { list-style: none; padding: 0; margin: -8px; overflow: hidden; display: flex; flex-wrap: wrap; }

.t-Cards-item { vertical-align: top; display: block; position: relative; float: none; display: flex; }

/* ========================================================================== Card Unit ========================================================================== */
.t-Card { position: relative; display: flex; transition: all .1s ease-out; border-radius: 2px; box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.075); width: calc(100% - 16px); }

.t-Card-wrap { position: relative; text-decoration: none; border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.075); background-clip: padding-box; width: 100%; }

.t-Card-wrap:focus { outline: none; }

.t-Card-wrap:hover { text-decoration: none; }

.t-Card-icon { position: relative; display: none; }

.t-Card-icon .t-Icon { display: inline-block; vertical-align: top; overflow: hidden; text-align: center; width: 48px; height: 48px; }

.t-Card-initials { font-size: 16px; line-height: 48px; display: block; white-space: nowrap; overflow: hidden; }

.t-Card-body { flex-grow: 1; padding: 16px; display: flex; flex-direction: column; }

.t-Card-desc { display: block; font-size: 1.4rem; line-height: 2.0rem; flex-grow: 1; }

.t-Card-desc:empty { display: none; }

.t-Card-desc:empty + .t-Card-info { margin-top: 0; }

.t-Card-info { font-size: 1.1rem; line-height: 1.6rem; margin-top: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.t-Card-info:empty { display: none; }

/* Basic Style (Icon in Header) ========================================================================== */
.t-Cards--basic .t-Card-wrap { overflow: hidden; }

.t-Cards--basic .t-Card-icon { border-radius: 100%; position: absolute; right: 15px; top: 15px; }

.u-RTL .t-Cards--basic .t-Card-icon { right: auto; left: 15px; }

.t-Cards--basic .t-Card-icon .t-Icon { line-height: 48px; }

.apex-icons-fontawesome .t-Cards--basic .t-Card-icon .t-Icon { font-size: 28px; }

.apex-icons-fontapex .t-Cards--basic .t-Card-icon .t-Icon { font-size: 16px; }

.t-Cards--basic .t-Card-titleWrap { display: block; padding: 12px 80px 12px 16px; height: 80px; overflow: hidden; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.05) inset; }

.u-RTL .t-Cards--basic .t-Card-titleWrap { padding-left: 80px; padding-right: 16px; }

.t-Cards--basic .t-Card-title { font-size: 1.6rem; line-height: 2.0rem; margin: 0; font-weight: 400; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-height: 6.0rem; overflow: hidden; text-overflow: ellipsis; }

/* Compact Cards ========================================================================== */
.t-Cards--compact { margin-left: 2px; }

.t-Cards--compact.t-Cards--displayIcons .t-Card, .t-Cards--compact.t-Cards--displayIcons .t-Card-wrap, .t-Cards--compact.t-Cards--displayInitials .t-Card, .t-Cards--compact.t-Cards--displayInitials .t-Card-wrap { border-top-right-radius: 12px; }

.t-Cards--compact.t-Cards--hideBody .t-Card .t-Card-titleWrap { padding-top: 12px; padding-bottom: 12px; height: 64px; }

.t-Cards--compact.t-Cards--hideBody .t-Card .t-Card-title { max-height: 3.2rem; white-space: normal; }

.t-Cards--compact .t-Card { width: calc(100% - 12px); }

.t-Cards--compact .t-Card .t-Card-titleWrap { display: block; padding: 8px 32px 8px 8px; height: 32px; overflow: hidden; }

.u-RTL .t-Cards--compact .t-Card .t-Card-titleWrap { padding-left: 32px; padding-right: 8px; }

.t-Cards--compact .t-Card .t-Card-icon { position: absolute; top: -4px; right: -4px; transition: all .1s; border-radius: 100px; }

.u-RTL .t-Cards--compact .t-Card .t-Card-icon { right: auto; left: -4px; }

.t-Cards--compact .t-Card .t-Card-icon .t-Icon { width: 32px; height: 32px; line-height: 32px; }

.t-Cards--compact .t-Card .t-Card-initials { font-size: 1.4rem; line-height: 3.2rem; font-weight: normal; }

.t-Cards--compact .t-Card .t-Card-title { font-size: 1.4rem; line-height: 1.6rem; margin: 0; font-weight: 400; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.t-Cards--compact .t-Card .t-Card-body { padding: 0 8px 8px 8px; }

.t-Cards--compact .t-Card .t-Card-desc { font-size: 1.1rem; line-height: 1.6rem; }

/* Featured Style (Centered Icon and Title) ========================================================================== */
.t-Cards--featured.t-Cards--hideBody .t-Card .t-Card-icon { margin-top: 36px; }

.t-Cards--featured.t-Cards--hideBody .t-Card .t-Card-titleWrap { padding-top: 12px; padding-bottom: 36px; }

.t-Cards--featured.t-Cards--hideBody .t-Card .t-Card-title { white-space: normal; }

.t-Cards--featured .t-Card { overflow: hidden; }

.apex-icons-fontawesome .t-Cards--featured .t-Card .t-Card-icon, .apex-icons-fontawesome .t-Cards--featured .t-Card .t-Card-icon .t-Icon { width: 56px; height: 56px; line-height: 56px; }

.apex-icons-fontapex .t-Cards--featured .t-Card .t-Card-icon, .apex-icons-fontapex .t-Cards--featured .t-Card .t-Card-icon .t-Icon { width: 64px; height: 64px; line-height: 64px; }

.t-Cards--featured .t-Card .t-Card-icon { margin: 24px auto 0 auto; border-radius: 100px; }

.apex-icons-fontawesome .t-Cards--featured .t-Card .t-Card-icon .t-Icon { font-size: 28px; }

.apex-icons-fontawesome .t-Cards--featured .t-Card .t-Card-icon .t-Icon:before { vertical-align: middle; }

.apex-icons-fontapex .t-Cards--featured .t-Card .t-Card-icon .t-Icon { font-size: 32px; }

.apex-icons-fontawesome .t-Cards--featured .t-Card .t-Card-icon .t-Card-initials { line-height: 56px; }

.apex-icons-fontapex .t-Cards--featured .t-Card .t-Card-icon .t-Card-initials { line-height: 64px; }

.t-Cards--featured .t-Card .t-Card-titleWrap { display: block; padding: 24px 16px; }

.t-Cards--featured .t-Card .t-Card-title { font-size: 2.0rem; line-height: 2.4rem; text-align: center; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.t-Cards--featured .t-Card .t-Card-body { border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 24px 16px; }

/* Show Icon ========================================================================== */
.t-Cards--displayIcons .t-Card-icon { display: block; }

.t-Cards--displayIcons .t-Card-initials { display: none; }

/* Show Icon ========================================================================== */
.t-Cards--displayInitials .t-Card-icon { display: block; }

.t-Cards--displayInitials .t-Card-icon .t-Icon { display: inline-block; vertical-align: top; }

.t-Cards--displayInitials .t-Card-icon .t-Icon:before { display: none; }

/* Colored Icons ========================================================================== */
.t-Cards--colorize.t-Cards--displayIcons .t-Cards-item .t-Card-wrap:before, .t-Cards--colorize.t-Cards--displayInitials .t-Cards-item .t-Card-wrap:before { display: none; }

/* Body Text Height ========================================================================== */
.t-Cards--desc-2ln .t-Card-desc, .t-Cards--desc-3ln .t-Card-desc, .t-Cards--desc-4ln .t-Card-desc { overflow: hidden; text-overflow: ellipsis; }

.t-Cards--desc-2ln .t-Card, .t-Cards--desc-2ln .t-Card-wrap, .t-Cards--desc-3ln .t-Card, .t-Cards--desc-3ln .t-Card-wrap, .t-Cards--desc-4ln .t-Card, .t-Cards--desc-4ln .t-Card-wrap { height: auto; }

/* 2 Lines ========================================================================== */
.t-Cards--desc-2ln.t-Cards--compact .t-Card-desc { height: 3.2rem; }

.t-Cards--desc-2ln .t-Card-desc { height: 4.0rem; }

/* 3 Lines ========================================================================== */
.t-Cards--desc-3ln.t-Cards--compact .t-Card-desc { height: 4.8rem; }

.t-Cards--desc-3ln .t-Card-desc { height: 6.0rem; }

/* 4 Lines ========================================================================== */
.t-Cards--desc-4ln.t-Cards--compact .t-Card-desc { height: 6.4rem; }

.t-Cards--desc-4ln .t-Card-desc { height: 8.0rem; }

/* ========================================================================== Hide Body ========================================================================== */
.t-Cards--hideBody .t-Card-body { display: none; }

/* ========================================================================== Layout ========================================================================== */
.t-Region-body > .t-Cards { margin: 0; }

.t-Cards.t-Cards--compact { margin: 0 -4px; }

.t-Cards.t-Cards--compact .t-Cards-item .t-Card { margin: 8px 8px 4px 4px; }

.t-Cards .t-Cards-item .t-Card { margin: 8px; }

/* ========================================================================== Floated ========================================================================== */
.t-Cards--float .t-Cards-item { float: left; }

.u-RTL .t-Cards--float .t-Cards-item { float: right; }

/* ========================================================================== Stacked ========================================================================== */
.t-Cards--stacked .t-Cards-item:after { content: ''; position: absolute; left: 0; right: 0; height: 1px; bottom: -1px; }

/* ========================================================================== Columns ========================================================================== */
.t-Cards--cols .t-Cards-item, .t-Cards--3cols .t-Cards-item, .t-Cards--4cols .t-Cards-item, .t-Cards--5cols .t-Cards-item { float: left; }

.u-RTL .t-Cards--cols .t-Cards-item, .u-RTL .t-Cards--3cols .t-Cards-item, .u-RTL .t-Cards--4cols .t-Cards-item, .u-RTL .t-Cards--5cols .t-Cards-item { float: right; }

.t-Cards--cols .t-Cards-item { width: 50%; }

.t-Cards--cols .t-Cards-item:nth-child(2n+1) { clear: both; }

.t-Cards--3cols .t-Cards-item { width: 33.33%; }

.t-Cards--3cols .t-Cards-item:nth-child(3n+1) { clear: both; }

.t-Cards--4cols .t-Cards-item { width: 25%; }

.t-Cards--4cols .t-Cards-item:nth-child(4n+1) { clear: both; }

.t-Cards--5cols .t-Cards-item { width: 20%; }

.t-Cards--5cols .t-Cards-item:nth-child(5n+1) { clear: both; }

/* ========================================================================== Fluid ========================================================================== */
.t-Cards--spanHorizontally { display: table; table-layout: fixed; width: 100%; }

.t-Cards--spanHorizontally .t-Cards-item { display: table-cell; }

/* ========================================================================== Hover Animations ========================================================================== */
/* Modifier: Animation - Color Fill ========================================================================== */
.t-Cards--animColorFill.t-Cards--displayIcons.t-Cards--compact .t-Card-colorFill, .t-Cards--animColorFill.t-Cards--displayInitials.t-Cards--compact .t-Card-colorFill { display: block; }

.t-Cards--animColorFill.t-Cards--displayIcons.t-Cards--compact .t-Card-colorFill:after, .t-Cards--animColorFill.t-Cards--displayInitials.t-Cards--compact .t-Card-colorFill:after { display: none; }

.t-Cards--animColorFill .t-Card .t-Card-icon:before { content: ''; background-color: inherit; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -webkit-transform: none; transform: none; border-radius: 100%; transition: .2s opacity ease-in-out, .35s transform ease-in-out; pointer-events: none; }

.t-Cards--animColorFill .t-Card:hover .t-Card-icon:before, .t-Cards--animColorFill .t-Card-wrap:focus .t-Card-icon:before { -webkit-transform: scale(5); transform: scale(5); -webkit-animation: 0.35s ease-in-out 1 forwards rippleOutFade; animation: 0.35s ease-in-out 1 forwards rippleOutFade; }

.t-Cards--animColorFill .t-Card:hover .t-Card-colorFill:before, .t-Cards--animColorFill .t-Card-wrap:focus .t-Card-colorFill:before { height: 100%; opacity: .1; left: 0; right: 0; border-radius: 0; }

.t-Cards--animColorFill.t-Cards--compact .t-Card-icon:before { display: none; }

@-webkit-keyframes rippleOutFade { from { opacity: 0.15; }
  to { opacity: 0; } }

@keyframes rippleOutFade { from { opacity: 0.15; }
  to { opacity: 0; } }

/* Modifier: Aanimation - Raise Card ========================================================================== */
.t-Cards--animRaiseCard .t-Card:hover { -webkit-transform: translateY(-8px); transform: translateY(-8px); box-shadow: 0 10px 4px -4px rgba(0, 0, 0, 0.05); }

.t-Cards--animRaiseCard.t-Cards--compact .t-Card:hover { -webkit-transform: translateY(-4px); transform: translateY(-4px); }

/* Color Fill Block ========================================================================== */
.t-Cards.u-colors .t-Card-colorFill { display: block; }

.t-Cards--displayIcons.u-colors .t-Card-colorFill, .t-Cards--displayInitials.u-colors .t-Card-colorFill { display: block; }

.t-Cards--displayIcons.u-colors .t-Card-colorFill:after, .t-Cards--displayInitials.u-colors .t-Card-colorFill:after { display: none; }

.t-Cards--displayIcons.u-colors .t-Card-colorFill:before, .t-Cards--displayInitials.u-colors .t-Card-colorFill:before { left: 0; right: 0; width: 100%; height: 100%; border-radius: 0; transition: opacity .35s ease-in-out; }

.t-Card-colorFill:before, .t-Card-colorFill:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: inherit; }

.t-Card-colorFill:after { height: 2px; margin: 2px; }

.t-Card-colorFill:before { background-color: inherit; opacity: 0; transition: .25s opacity ease-in-out; }

/* Animation: Color Fill (when not applying theme colors) ========================================================================== */
.t-Cards:not(.u-colors) .t-Card-colorFill:after { display: none; }
@media only screen and (max-width: 640px) { .t-Cards--featured .t-Card .t-Card-title { font-size: 1.6rem; line-height: 2.0rem; } .t-Cards--5cols .t-Cards-item, .t-Cards--4cols .t-Cards-item, .t-Cards--3cols .t-Cards-item { width: 50%; clear: none !important; }
  .t-Cards--5cols .t-Cards-item:nth-child(2n+1), .t-Cards--4cols .t-Cards-item:nth-child(2n+1), .t-Cards--3cols .t-Cards-item:nth-child(2n+1) { clear: both !important; } }
@media only screen and (min-width: 769px) and (max-width: 991px) { .t-Cards--5cols .t-Cards-item { width: 25%; clear: none; }
  .t-Cards--5cols .t-Cards-item:nth-child(5n+1) { clear: none; }
  .t-Cards--5cols .t-Cards-item:nth-child(4n+1) { clear: both; } }
@media only screen and (max-width: 768px) { .t-Cards--5cols .t-Cards-item, .t-Cards--4cols .t-Cards-item { width: 33.33%; clear: none; }
  .t-Cards--5cols .t-Cards-item:nth-child(5n+1), .t-Cards--5cols .t-Cards-item:nth-child(4n+1), .t-Cards--4cols .t-Cards-item:nth-child(5n+1), .t-Cards--4cols .t-Cards-item:nth-child(4n+1) { clear: none; }
  .t-Cards--5cols .t-Cards-item:nth-child(3n+1), .t-Cards--4cols .t-Cards-item:nth-child(3n+1) { clear: both; } }
@media only screen and (max-width: 480px) { .t-Cards--5cols .t-Cards-item, .t-Cards--4cols .t-Cards-item, .t-Cards--3cols .t-Cards-item, .t-Cards--cols .t-Cards-item { float: none; width: 100%; clear: both !important; } }