#event-carousel {
    text-align: center;

    .ts {
        display: block;
        font-size: $large;
        font-weight: bold;
        margin: 0.5em 0;
    }
    .preview {
        display: block;
        font-size: $x-large;
        margin: 0.5em 0;
        color: $black;
        text-decoration: none;

        &:hover {
            text-decoration: none;
        }
    }
    .summary {
        display: block;
        max-width: 80%;
        margin: 0 auto;
    }
    .icon {
        margin: 0.5em 0;

        // reset
        color: $fg1;

        font-size: 260%;
        line-height: 1;
        width: 1em;
        text-align: center;

        // circle
        @include border-radius(50%);
        border: 2px solid;
    }
}
