@import "../../app/variables";

.cards {
    .h-30 {
        height: 30px;
    }

    .h-130 {
        height: 130px;
    }

    .text-overlay {
        bottom: 20px;

        a {
            background-color: $primary-coral;
        }
    }

    .circle {
        width: 100%;
        i {
            border: 1px solid $primary-coral;
            height: 25px;
            width: 25px;
        }
    }

    .date {
        padding: 0.7rem 0;
    }

    .title {
        margin-bottom: 2rem;
    }

    .bg {
        background-color: $primary-blue;

    }

    .item {
        cursor: pointer;

        &:hover {
            img {
                transform: scale(1.2);
            }
        }

        .name {
            color: $text-medium;
        }

        .font-10 {
            font-size: 0.625rem;
        }

        img {
            transition: 300ms;
            width: 100%;
            height: 100%;
            object-fit: cover;

        }

    }

    .font-12 {
        font-size: 0.75rem;
    }

}