.nav-breadcrumb { display:none; }
			
			.events-list {padding:0;}
			
			.large-date, .event-card img {display:none;}
	
			
			
			/* Force exact position and add vertical offset spacing */
			.dropdown .dropdown-menu-end {
    			right: 0 !important;
    			left: auto !important;
    			top: 100% !important;
    			margin-top: 6px !important; /* Adjust between 4px - 8px to dial in exact spacing */
    			transform: none !important;
			}
			
			/* Ensure dropdown floats above all footers and containers */
			.dropdown {
    			position: relative;
    			z-index: 1050;
			}

			.dropdown-menu {
    			z-index: 1055 !important;
			}

			/* Prevent container height collapse when zero events are displayed */
			.events-list {
    			min-height: 250px;
			}
		
	.event-item {
		list-style:none;
		border: 1px solid #FFFFFF;
		margin-bottom: .8em;
		}
		
	.event-item:hover {
		border:1px solid #333333;
		}	
		
	.event-item h3 {
		font-family:Source Sans Pro;
		font-weight:300;
		font-size:26px;
		}
		
	.event-item h3 a {
		color:#000;
		}
		
	.event-item h3 a:focus {
		outline:none;
		}	
		
.event-item h3 a:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
	
	.event-item article {
    	background: #f5f5f5;
    	display: flex;
    	flex-direction: row;
    	min-height: 11em;
    	position: relative;
}	
		

		
	.event-list-content {
    	display: flex;
    	flex-basis: 100%;
    	flex-direction: column;
    	overflow: hidden;
    	padding: 1em 1.5em;
		justify-content: center;
}	
		
	.event-detail-block	{
		align-items: baseline;
    	display: flex;
		font-size: 1rem;
	}
	
	.event-detail-block i.bi-calendar-fill,
	.event-detail-block i.bi-geo-alt-fill {
		margin-right: 0.4rem;
	}
		
	.svg-inline--fa {
    	box-sizing: content-box;
    	display: var(--fa-display, inline-block);
    	height: 1em;
    	overflow: visible;
    	vertical-align: -0.125em;
    	width: var(--fa-width, 1.25em);
		margin-right: 5px;
        color: #666;
		position: relative;
    	top: 3px;
	}	
		
	@media (min-width:768px){	
			
	.large-date {
    	background-color: #c8102e;
   		color: #fff;
    	aspect-ratio: 1 / 1;
    	display: block;
    	width: 220px;
    	height: 220px;
		position: relative;
	}
		
	.large-date span {
		position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	text-align: center;
	}	
		
	.large-date span strong {
		font-size:40px;
		line-height: 40px;
	}	
			
	
}	
			
@media (min-width:992px){
			
	.event-item img {
    	background: #c8102e;
    	background-position: 50%;
    	background-size: cover;
    	flex-shrink: 0;
   		height: 220px;
    	print-color-adjust: exact;
    	-webkit-print-color-adjust: exact;
    	object-fit: cover;
		display:flex;	
	}			
}