#main {display:flex;flex-direction:row;gap: 10px;
	justify-content: space-evenly;flex-wrap:no-wrap;/*align-items:safe center;*/
	margin-bottom:1rem;border-radius:0.3rem;}

#main-left, #main-middle, #main-right {box-sizing:border-box;
		text-align:center;font-size:0.9rem;}
#main-left, #main-right  {min-width: 240px;width:20vw;}
#main-middle {max-width:1000px;min-width:300px;width:60vw;position:relative;}
#main-middle img {width:100%;height:auto;border-radius:1rem;padding:0}
/*#main-left {align-self:flex-end;}*/
#main-left {align-self:flex-start;}
#main-left img {width:100%;height:auto;max-width:20vw;}

@media screen and (max-width: 900px) {
	#main {align-items:center;flex-wrap:wrap;gap:10px 0;}
	#main-left, #main-middle, #main-right {width:100vw;}
	#main-left {order: 3;}
	#main-middle {order: 1;}
	#main-right {order: 2;}
	/* Facebook feed */ #main-left .fb-page {width:100%;}
}

/* MENU OVERRIDE     all: unset; */
#triggerContainer {position:absolute;}
@media screen and (min-width: 680px) {
#triggerContainer {}
#triggerPosition {}
#triggerBox {}
}
/*********************************************************************/
#gigs {border:none;color: #eee; font-family: sans-serif;
		position:relative;}

#gigs .line {background-color:#000;width:220px;padding:0 2px;
border-bottom: thin solid white;margin:auto;}

/* The containers for each different show; width must be
less or equal to that of the column that holds them. */
#gigs .even, #gigs .odd, #gigs .details_link { padding: 2px; width:220px;text-align: center;
	border-bottom: thin solid white;margin:auto;font-size:0.8rem;}
@media screen and (max-width: 550px) {
	#gigs .even, #gigs .odd, #gigs .details_link {font-size:0.9rem;}
}

/* the background colors for alternating shows. Here, dark grays */
#gigs .odd { background-color: #444;}
#gigs .even { background-color: #222;}

/* colors for the links to the venues' sites and the "details"
link to the main gigs page. If needed, override with a ".details_link a {...}"
set of rules. */
#gigs a:link, #gigs a:visited {color: #9CC;}
#gigs a:hover {color: #FFF}

/* The containers for each element of one listing */
#gigs .date {font-weight: bold;}
#gigs .title {font-style: italic; /*font-weight: bold;*/}
#gigs .venue { font-weight: bold;}
#gigs .details {text-align: right;/*unused*/}

.details_link {text-align:right;padding-top:10px;width:220px;margin:auto;}


#spotify {max-width:240px;}
#spotifr {width:100%;margin-top:2rem;}
#spotifr iframe {width:100%;}