/* Custom CSS for events module */
        
.hideimage{
	display:none;
}

.hideimage + .col-lg-8{
	width:100%;
}

.showimage{
	display:block;
}
.float-right{
	float: right;
}


@media (max-width: 992px) {
    /* Mobile view - switch to a grid */
    .list-item {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 10px;
    }

    .list-item img {
       width: 100%;
       height: auto;
       object-fit: cover;
       margin-bottom:10px;
    }
}