@charset "UTF-8";

/* CSS for Workshop website - desktop display with floats */
/* This file contains CSS to "tune" the basic mobile-first artefacts */

h1 {
	clear:none;
}

a>img:hover {
-webkit-filter: brightness(0.9);
filter: brightness(0.9);
}



/* Basic containers */
#container {
	margin: 0 auto 10px;
}

footer>header {
	height:49px;
	padding: 13px 0 0 0;
	line-height:34px;
	font-size:18px;
}



/* */
.column-wrapper section {
	clear:none;
	float: left;
	width: 70%; 
}

.column-wrapper aside {
	clear:none;
	float:right;
	width: 27%;
	padding-left:20px; 
	border-left: 1px solid #CCC;
}


.panel {
	margin: 6px 6px 30px;
	border:none;
}

.accordion:hover {
	-webkit-filter: brightness(0.9);
	filter: brightness(0.9);
	
}

.concert-entry .info {
	padding:4px;
	display:inline-block;
}


/* */




.programme {
	width: 80%;
}




/* Photos */
.float-photo-right {
	clear:none;
	float:right;
}
.float-photo-left {
	clear:none;
	float:left;
}
.float-300-right, .float-424-right {
	clear:none;
	float:right;
}
.float-300-right {
	width:300px;
}
.float-424-right {
	width:424px;
}


.centre-photo {
	text-align:center;
}
.float-photo-right img, .float-photo-left img, .centre-photo img {
	max-width:auto;
	max-height:auto;
	border: 1px solid #CCC;
	padding: 10px;
	margin: 2px 0;
	box-sizing:border-box;
}
.float-photo-right img, .centre-photo img {
	margin-left:5px;
}
.float-photo-left img, .centre-photo img {
	margin-right:5px;
}

.two-boxes { /* Float on big screen, stack on small */
	width:49%;
	float:left;
}



/* Context switch material on small devices */
.desktop {
	display:initial;
}

/* Standout box for new website */

.standout:hover {
	box-shadow:1px 10px 20px 5px #AAA!important;
}