/* Structural Bootstrap extensions shared by all Moss Media starters. */
.moss-container-narrow { max-width: 900px; }
.moss-section-spacious { padding-bottom: 6rem !important; padding-top: 6rem !important; }
.moss-equal-height > * { display: flex; }
.moss-equal-height > * > * { width: 100%; }
.moss-item-text-overlay { overflow: hidden; position: relative; }
.moss-item-text-overlay .moss-item-media { height: 100%; }
.moss-item-text-overlay .moss-item-content { background: linear-gradient(transparent, rgba(0, 0, 0, .8)); bottom: 0; color: #fff; left: 0; padding: 1.5rem; position: absolute; right: 0; }
.moss-item-text-left,
.moss-item-text-right { align-items: stretch; display: flex; }
.moss-item-text-left .moss-item-media,
.moss-item-text-right .moss-item-media { flex: 0 0 50%; }
.moss-item-text-left .moss-item-content,
.moss-item-text-right .moss-item-content { flex: 1; }
.moss-item-text-above { display: flex; flex-direction: column; }
.moss-item-text-above .moss-item-content { order: -1; }
.moss-item-text-left .moss-item-content { order: -1; }
@media (max-width: 767.98px) {
  .moss-item-text-left,
  .moss-item-text-right { display: block; }
}