article{
    margin:0 !important;
    background-color: #F8F9FA;
    opacity: 1;
    background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, rgb(248, 249, 250, .7) 35px ), repeating-linear-gradient( rgba(233, 236, 239, 0.2), rgb(233, 236, 239, .7) );
}

.cover-image{
    width: 100%;
    height: 40%;
    position:absolute;
    background-size: cover; 
    box-shadow: inset 0 0 0 2000px rgb(0 0 0 / 65%);
    background-position: center;
}

.event-card{
    -webkit-box-shadow:  0px 20px 35px 5px rgba(73, 80, 87, 0.5), 0px 20px 10px -10px rgba(73, 80, 87, 1);
    -moz-box-shadow:  0px 20px 35px 5px rgba(73, 80, 87, 0.5), 0px 20px 10px -10px rgba(73, 80, 87, 1);
    box-shadow: 0px 20px 35px 5px rgba(73, 80, 87, 0.5), 0px 20px 10px -10px rgba(73, 80, 87, 1);
    border-radius: 1rem !important;
    background-color: #F8F9FA !important;
    border: 1px solid #ADB5BD !important;
}

.card-header{
    border: none !important;
    padding: 0.5rem !important;
    background-color: transparent !important;
}

.card-img-top{
    border-radius: .5rem !important;
    width: auto;
    height: auto;
}

.card-title{
    color: #343A40 !important;
}

.card-footer{
    background-color: #F8F9FA !important;
    border-top: 1px solid #ADB5BD !important;
    border-radius: 0 0 .5rem .5rem !important;
}

.event-btn,
.event-btn:focus{
    border: 2px solid #495057 !important;
    font-weight: bold !important;
    color: #343A40 !important;
    font-size: .8rem !important;
    border-radius: .5rem !important;
    padding: .5rem !important;
    transition: all .2s ease-in-out !important;
    box-shadow: none !important;
}


.event-btn:hover{
    background-color: #D73348 !important;
    border: 2px solid #991E2F !important;
    color: #F8F9FA !important;
}

.my-sm-10{
    margin: 1.5rem 0 !important;
}

@media (max-width:768px){

    .my-sm-10{
        margin: calc(1rem + 1.5rem) 0 !important;
    }

    .event-card{
        width:80%;
        margin: 0 auto;
    }

    .card-img-top{
        -webkit-box-shadow: 0px 5px 32px -14px rgba(173, 181, 189, 1);
        -moz-box-shadow: 0px 5px 32px -14px rgba(173, 181, 189, 1);
        box-shadow: 0px 5px 32px -14px rgba(173, 181, 189, 1);
        margin-top: -5rem;
        width: 60% !important;
        border: 1px solid #ADB5BD !important;
        border-radius:1rem !important;
    }
}