.event-card {
    position: relative;
    flex-grow: 1;
    padding: 20px 20px 45px;
    border: 1px solid var(--lightGrayLine);
    box-shadow: 0 2px 2px 0 rgba(58, 68, 101, 0.04);
    border-radius: 4px;
    text-align: center;

    &__footer {
         position: absolute;
         bottom: 12px;
         left: 12px;
         right: 12px;
         height: 16px;
         font-size: 11px;
         color: var(--color-gray);
         line-height: 1.54em;
         text-align: left;
         white-space: nowrap;
         overflow-x: hidden;
         text-overflow: ellipsis;
     }

    &__cover {
         display: block;
         height: 150px;
         margin: -20px -20px 20px;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: 0 30%;
        }

        &--default {
             background: url('/public/app/svg/community-placeholder.svg') no-repeat center / 60px ;

             img {
                 display: none;
             }
        }
     }

    &__title {
         font-size: 14px;
         font-weight: bold;
         line-height: 1.2em;

        @media (--mobile){
            font-size: 15.9px;
        }
    }

    &__author {
         color: var(--color-gray);
         font-size: inherit;

         img {
             width: 13px;
             height: 13px;
             border-radius: 50%;
             margin-right: 5px;
             margin-top: 1.5px;
             float: left;
         }
    }
}

