:root {
  --colour-1: #EE2024; /* Global variable for the brand color */
  --colour-2: #fff;   /* Global variable for medium spacing */
}

.bit-widget-container {
	margin: 0px auto;
}
.bit-widget {
	background-color: transparent;
}
.bit-nav-bar-container,
.bit-widget .bit-top-track-button,
.bit-widget .bit-play-my-city-button,
.bit-widget .bit-event .bit-rsvp {
	display: none;
}

.bit-widget .bit-event {
	display: flex;
	justify-content: space-between;
	
}


		.bit-widget .bit-event,
		.bit-venue,
		.bit-date {
			border-top: none;
			color: var(--colour-1)!important;
		}
		.bit-widget .bit-venue {
			text-align: left;
			margin-bottom: 5px;
			color: var(--colour-2)!important;
		}
		.bit-widget .bit-upcoming-events,
		bit-past-events {
			border-bottom: none;
		}
		a.bit-details {
			min-width: 100% !important;
		}
		a.bit-details:hover {
			text-decoration: none;
		}
		/*	.bit-upcoming-events a { background-color: rgba(236, 145, 49, 0.1) !important; }*/
		
		.bit-local-events-container {
			display: none!important;
		}
		.bit-date {
			font-weight: normal!important;
			text-align: left;
			display: block;
		}
		.bit-location {
			color: var(--colour-2);
			padding: 5px 0px 5px;
			border-bottom: var(--colour-1) 2px solid;
			width: 100%;
			text-align: left!important;
			font-weight: bold;
			font-size: 24px;
			line-height: 28px;
			margin-bottom: 30px;
			transition: all ease-in-out 0.15s;
			-moz-transition: all ease-in-out 0.15s;
			-webkit-transition: all ease-in-out 0.15s;
		}
		a.bit-details:hover .bit-location {
			color: var(--colour-2);
			background-color: var(--colour-1) !important;
			padding-left: 10px;
			border-bottom: #000 2px solid;
			transition: all ease-in-out 0.15s;
			-moz-transition: all ease-in-out 0.15s;
			-webkit-transition: all ease-in-out 0.15s;
		}
		.bit-upcoming-events a {
			background-color: transparent!important;
		
		}
		a.bit-button,
		input.bit-button {
			text-align: center!important;
			font-size: 20px!important;
			color: var(--colour-1) !important;
			background-color: #000 !important;
			padding: 8px 0PX !important;
			text-decoration: none;
			transition: all ease-in-out 0.15s;
			-moz-transition: all ease-in-out 0.15s;
			-webkit-transition: all ease-in-out 0.15s;
			text-transform: none;
			border: #000 2px solid!important;
		}
		a.bit-button:hover,
		input.bit-button:hover {
			color: #000 !important;
			background-color: transparent!important;
			border: var(--colour-1) 2px solid!important;
			;
		}
.bit-event-buttons {
				display: none!important;
			}


.bit-widget .bit-upcoming-events-show-all-button, .bit-past-events-show-all-button {
    color: var(--colour-1);
    border: 1px solid var(--colour-1);
}

		/*---------------------------------------
--- Desktop Layout  | 769px to 1223px ---
---------------------------------------*/
		
		@media only screen and (max-width: 769px) {
			

			
}



		/*-------------------------------------
--- Larger Layout  | 1224px downwards ---
-------------------------------------*/
		
		@media only screen and (max-width: 1224px) {

			.bit-widget .bit-venue {
				text-align: left !important;
			}
			/* clearfix */
			
			.bit-offers-container {
				float: right;
			}
			.bit-rsvp-container,
			.bit-offers-container {
				margin: 0 0 0 0 !important;
			}
			.bit-event .bit-button {
				width: 120px !important;
			}
			
		}
		/*-------------------------------------
--- Larger Layout  | 1440px downwards ---
-------------------------------------*/
		
		@media only screen and (max-width: 1440px) {}
		/*-------------------------------------
--- ExLarge Layout  | 1600px downwards ---
-------------------------------------*/
		
		@media only screen and (min-width: 1600px) {}
		/*-------------------------------------
--- Tablet Layout  | 481px to 768px ---
-------------------------------------*/
		
		@media only screen and (max-width: 481px) {}