/* 
programme-styles.css  
 */


	:root {
		    --sectiongreyback: #dddddd;
		    --presentation: #DDFFDD;
			--members: #FFC589;
			--workshop: #FFDF79;
			--outdoors: #CAFFF2;
			--others: #FFEEFF;
			--competition: #FFCCCC;
			--social: #ffffff;
			--blank: #eeeeee;
			--spacer: #cccccc;
		}
		    .sectiongreyback
		{
			background-color:  var(--sectiongreyback); 
				z-index: 3000;
		}  
		
		 .tableback
		{
			background-color: var(--sectiongreyback) !important;
				z-index: 3000;
		}
		
		.presentation
		{
			background-color: var(--presentation) !important;
				z-index: 3000;
		}
		.members
		{
			background-color: var(--members) !important;
				z-index: 3000;
		}
		.workshop
		{
			background-color: var(--workshop) !important;
				z-index: 3000;
		}
		.outdoors
		{
			background-color: var(--outdoors) !important;
				z-index: 3000;
		}
		.others
		{
			background-color: var(--others) !important;
				z-index: 3000;
		}
		.competition
		{
			background-color: var(--competition) !important;
				z-index: 3000;
		}
		.social
		{
			background-color: var(--social) !important;
				z-index: 3000;
		}
				.blank
		{
			background-color: var(--blank) !important;
				z-index: 3000;
		}
						.spacer
		{
			background-color: var(--spacer) !important;
				z-index: 3000;
		}




.programme-table
{
	width: 100%;
	max-width: 100%;
	left: 20px;
	margin: 0 auto;
	padding: 20px;
	
	background-color: var(--sectiongreyback); 
/* 
		background-color: transparent; 
 */

}

.programme-table h3
{
	margin-top: 0;
	font-family: Helvetica, Arial, sans-serif;
}


#show-hide-programme-table
{
	width: auto;
	padding: 10px;
	background-color: var(--blueish);
	color: #ffffff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.875rem;
	/* Adjust the font size as needed */
}

#show-hide-programme-table:hover { background-color: var(--bluehover); }

/* 
#show-hide-programme-table:focus
{
	outline: 2px solid #000;
}
 */

#programme-table
{
	margin-top: 20px;
	display: none;
	/* background-color: var(--sectionlightreyback); */
}

.table
{
/* 	width: 100%; */

	border-collapse: collapse;
			background-color: var(--footback);

}

th, td
{
	border: 1px solid #ddd;
	padding: 10px;
	text-align: left;	
}

/* th { background-color: var(--sectiongreyback); } */