/* Teaserlist — i2t3 component styles */

.i2t3-teaserlist-section { position: relative; }

.i2t3-teaserlist-section .teaser-list-item {
    margin-bottom: 2rem;
    text-align: center;
}

/* Icon: Bootstrap .teaser-icon — 50px glyph, flex-centered inside a 70px block */
.i2t3-teaserlist-section .teaser-icon {
    align-items: center;
    color: var(--i2t3-primary, #0d6efd);
    display: flex;
    font-size: 50px;
    height: 70px;
    padding-bottom: 15px;
}

/* Image: Bootstrap .teaser-block .teaser-img — small 50px thumbnail (70px from lg up) */
.i2t3-teaserlist-section .teaser-image {
    display: block;
    margin-bottom: 10px;
}
.i2t3-teaserlist-section .teaser-image img {
    display: block;
    height: auto;
    max-width: 50px;
    max-height: 50px;
    position: relative;
    width: auto;
}
@media (min-width: 992px) {
    .i2t3-teaserlist-section .teaser-image {
        margin-bottom: 20px;
    }
    .i2t3-teaserlist-section .teaser-image img {
        max-width: 70px;
        max-height: 70px;
    }
}

.i2t3-teaserlist-section .h4,
.i2t3-teaserlist-section h4 {
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.i2t3-teaserlist-section .image-embed-item {
    border-radius: 6px;
    overflow: hidden;
}