/* -------------------------------------------------------------- 

   styles.css
   * Core stylesheet file
   
-------------------------------------------------------------- */

/** HTML **/
html {
	/*
	height: 100%;
	max-height: 100%;
	*/
	background: #dae3e8 url('../images/background.jpg') left top no-repeat fixed;
}
html.touch {
	height: 100%;
	max-height: 100%;
}

/** HTML BODY **/
body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%; 
	color: #333;
}

.om-menu-container {
	display:none;
}

/** Wrapper **/
.wrapper {
	width:95%;
	max-width: 1230px;
	margin:5px auto 0px auto;
	padding:15px;
	background: #fff;

	/*
	-moz-border-radius-topleft: 20px; 
		-moz-border-radius-topright: 20px; 
		-moz-border-radius-bottomleft: 20px; 
		-moz-border-radius-bottomright: 20px; 
		-webkit-border-top-left-radius: 20px; 
		-webkit-border-top-right-radius: 20px;
		-webkit-border-bottom-left-radius: 20px; 
		-webkit-border-bottom-right-radius: 20px;
	*/
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.html5 {
	display:none;
}


.mobileheader {
	display:none;
	position:fixed;
	z-index: 99;
	top:0;
	left:0;
	width:100%;
	padding:0;
	background: #005DB5;
	color: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px #000000;
	box-shadow: 0px 0px 10px 0px #000000;	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
	.mobileheader .programme-name {
		margin-left: 10%;
		margin-right: 10%;
	}


a.mobile-exitbutton {
	display:none;
	position:absolute;
	top:50%;
	right:1em;
	margin-top: -8px;
	width:16px;
	height:16px;
	background: url('/programmes/_assets/images/button_cancel.png') center center no-repeat;
}

.mobile-side {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
}

.mobile-side .bookmark-qrcode-button {
/*	margin-top: 10px;*/
	margin-right: 30px;
}

.mobile-side .bookmark-link-button {
/*	float: left;*/
/*	margin-top: 13px;*/
	margin-right: 60px;
}

.mobile-subnav {
	display:none;
	position:relative;
	/*
	position:absolute;
	z-index:98;
	top:0em;
	left:0;
	*/
	/*
	height: 35px;
	*/
	background: #545454;
	border-bottom: 0px solid #9a9a9a;
	padding: 0;
	margin-left: 0em;
	line-height:0;
	/*
	-webkit-box-shadow: inset 0 0 10px 0 #000000;
	box-shadow: inset 0 0 10px 0 #000000;	
	*/
}
	.mobile-subnav .inner {
		/* width: 9000px; */
	}
	.mobile-subnav ul {
		/*
		float:left;
		*/
		list-style:none;
		margin:0;
		padding:0;
	}
		.mobile-subnav li {
			float:left;
			border-right: 1px solid #777;
			border-left: 0px solid #444;
			border-bottom: 1px solid #777;
		}
			.mobile-subnav a,
			.mobile-subnav a:visited {
				display:block;
				text-decoration:none;
				color: #fff;
				text-align:center;
				padding: 10px;
				font-size: 15px;
				line-height: 1em;
				background: #545454;
			}
			.mobile-subnav a:hover,
			.mobile-subnav a.selected {
				background: #005DB5;
				color: #fff;
			}
	a.mobile-subnav-toggleshow {
		display:block;
		text-decoration:none;
		position:absolute;
		z-index:11;
		right:0;
		bottom:-20px;
		font-size: 10px;
		padding: 5px;
		background: #545454;
		color: #fff;
	}
		a.mobile-subnav-toggleshow:hover,
		a.mobile-subnav-toggleshow:active {
			background: #545454;
			color: #fff;
		}



/** footer **/
.footer {
	padding-top:12px;
	padding-left:20px;
	color: #8f8f8f;
	font-size:12px;
}
	.footer p {
		margin:0;
	}
	.footer p.footer-logo {
		float:right;
	}
	.footer a {
		color: #8f8f8f;
		text-decoration:none;
	}
	.footer a:hover {
		color: #8f8f8f;
		text-decoration:underline;
	}



/** header **/
.header {
	position: relative;
	color: #fff;
	overflow:hidden;
	background: #005DB5;	
	border-radius: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.programme-name {
	padding: 10px 10px 10px 20px;
}
	.programme-name h1 {
		font-size:25px;
		margin:0;
		line-height:25px;
		margin-top: 5px;
	}
	.programme-name h2 {
		margin:0;
		font-size:12px;
		line-height:12px;
	}

.return-to-programmes-link {
	display: inline-block;
	background: url('../images/arrow.left.png') right center no-repeat;
	background-size: contain;
	padding-right:25px;
/*	padding-top:6px;*/
/*	padding-bottom:6px;*/
	color: #fff;
	text-decoration:none;
	font-size:11px;
/*	float:left;*/
	margin-right:20px;
}
.return-to-programmes-link:hover {
	color: #fff;
	text-decoration: underline;
}

.change-topic-link {
	display:block;
	background: url('../images/arrow.down.png') right center no-repeat;
	padding-right:25px;
	padding-top:6px;
	padding-bottom:0px;
	color: #fff;
	text-decoration:none;
	font-size:11px;
	float:left;
	margin-right:20px;
}
.change-topic-link.arrow-up {
	background: url('../images/arrow.up.png') right center no-repeat;
}

.school-name {
/*	position:absolute;*/
/*	right:20px;*/
/*	top:25%;*/
	flex: 0 0 auto;
	text-align: right;
	display: flex;
	align-items: center;
	padding: 10px 20px 10px 10px;
}
	.school-name h1 {
		font-size:1.1em;
	}
	.logout-link {
/*		float:right;*/
		color: #fff;
		text-decoration:none;
		font-size:13px;
		display:block;
		background: url('../images/arrow.right.png') right center no-repeat;
		background-size: contain;
		padding-right:26px;
	}
.logout-link:hover {
	color: #fff;
	text-decoration: underline;
}
	.bookmark-link-button {
/*		float: right;*/
		color: #fff;
		text-decoration:none;
		font-size:10px;
		display:block;
		background: url('../images/bookmark-4.png') left center no-repeat;
		background-size: contain;
		padding-left: 34px;
		margin-right: 3em;
		margin-top: 0;
		width: 140px;
		text-align:left;
	}
.bookmark-link-button:hover {
	color: #fff;
	text-decoration: underline;
}
	.bookmark-qrcode-button {
/*		float: left;*/
		color: #fff;
		text-decoration:none;
		font-size:10px;
		display:block;
		margin-right: 2em;
		margin-top: 0;
		text-align:left;
		width:32px;
		height:32px;
		background-color: #003d77;
		/* background: url('../images/icon-qrcode.png') center center no-repeat; */
		background-size: contain;
		position:relative;
		border: 2px solid #fff;
	}
		.bookmark-qrcode-button canvas,
		.bookmark-qrcode-button img {
			width: 100% !important;
			height: 100% !important;
			position:absolute;
			left:0;
			top:0;
		}


.links {
	display:none;
}


.header-dropdown {
	display:none;
	background: #033c73;
	color: #fff;
	margin:0 20px;
	padding:10px 40px 20px 40px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
	.header-dropdown h1 {
		color: #fff;
	}
	.header-dropdown p {
		padding:20px 0;
	}
	.header-dropdown ul {
		font-size:12px;
		list-style:none;
		margin:0;
	}
		.header-dropdown li {
			margin-top:5px;
		}
		.header-dropdown li a {
			color: #fff;
			text-decoration:none;
			font-weight:bold;
		}
		.header-dropdown li a:hover {
			color: #fff;
			text-decoration:underline;
		}
		.header-dropdown li a.no-link {
		}
		.header-dropdown li a.no-link:hover {
			text-decoration:none;
			cursor:default;
		}
		.header-dropdown li a.selected {
			color: #777;
		}
			.header-dropdown li ul li {
				margin-left:10px;
				margin-top:0;
			}
			.header-dropdown li ul a {
				font-weight:normal;
			}

td {
	vertical-align:top;
}


.pagecontent {
	position: relative;
	margin-top: 15px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: row;
}

.left-column {
/*	float: left;*/
	flex: 0 0 auto;
	width: 200px;
	margin-right: 20px;
}

.content-column {
/*	float: right;*/
	flex: 1;
	background: #ddd;
	padding: 15px;
	border-radius: 20px;
}





.programme-content {
	background: #fff;
	padding:15px;

	/* font-family: "Comic Sans MS", Arial, Helvetica, sans-serif; */
	font-family: Arial, Helvetica, sans-serif;

	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;

}

.programme-content.notabs {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}


.programme-content a,
.programme-content a:visited {
	text-decoration:none;
	color: #005DB5;
}
.programme-content a:hover {
	text-decoration:underline;
}

object, embed {
	z-index:10;
}

.zoom {
	width:125px;
	height:100px;
	cursor:pointer;
}
	.zoom_landscape {
		width:125px;
	}
	.zoom_portrait {
		height:100px;
	}
	.zoom_square {
		width:125px;
		height:125px;
	}
.zoomed-in {
	width:auto;
	height:auto;
}

.hidden {
	display:none;
}

.bordered {
	border:2px solid #9A9A9A;
}

object {
	z-index:-1;
}

embed {
	z-index:-1;
}

.controller {
	display:none;
}



table.addborders {
	border: 1px solid #4f82bb;
	border-collapse:collapse;
	border-spacing: 1px;
}
	table.addborders td {
		text-align:center;
		border: 1px solid #4f82bb;
		padding: 5px;
	}
	
	
table.addborders2 {
	border: 1px solid #4f82bb;
	border-collapse:collapse;
	border-spacing: 1px;
}
	table.addborders2 td {
		text-align:left;
		border: 1px solid #4f82bb;
		padding: 5px;
	}



a.plain {
	text-decoration:none;
	color: #005DB5;
}
	a.plain:hover {
		text-decoration: none;
		color: #005DB5;
	}

a.green {
	color: green;
	border-bottom: 1px dotted green;
}
	a.green:hover {
		color: green;
		text-decoration:none;
	}
	
.fancybox-wrapvideo {
	width: 80% !important;
	max-width: 750px;
}

#focusplayer {
	/* overflow:hidden; */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.flowplayer.withplaylist {
	margin-bottom: 110px;
}
	
.fp-playlist {
	position:absolute;
	width: 100%;
	bottom: -115px;
	text-align:center;
	background: #b4afaf;
}
	.fp-playlist a,
	.fp-playlist a:visited {
		display: inline-block;
		width: 128px;
		height: 96px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left top;
		background-color: #f0f0f0;
		margin: 0 10px;
		border: 2px solid #b4afaf;
		margin-top: 5px;
	}
	.fp-playlist a:hover {
	}
	.fp-playlist a.is-active {
		border: 2px solid #7fccfd;
	}





.sv_playlist .video_wrap {
	position: relative;
	width:80%;
	display:none;
	float:left;
	overflow: hidden;
	background:#fff;
	padding:1px;
	-moz-box-shadow:rgba(0,23,60,0.5) 0 4px 17px;
	-webkit-box-shadow:rgba(0,23,60,0.5) 0 4px 17px;
	box-shadow:rgba(0,23,60,0.5) 0 4px 17px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	.sv_playlist .video_wrap.active {
		display:block;
	}
	.sv_playlist .video_wrap video {
		
	}
.sv_playlist .thumbs-container {
	background: #f0f0f0 !important;
	float: right;
	position: absolute;
	right: 0;
	top: 0;
	width: 20%;
	background: #f0f0f0;
	height: 100%;
	overflow: auto;
}
.sv_playlist ul.thumbs {
	list-style:none;
	margin:0;
	padding:0;
}
	.sv_playlist li {
		line-height:0;
		display:block;
		margin: 0.5em 0.75em 1.5em;
		background:#000;
		border:1px solid #000;
		-moz-box-shadow:rgba(0,23,60,0.5) 0 2px 10px;
		-webkit-box-shadow:rgba(0,23,60,0.5) 0 2px 10px;
		box-shadow:rgba(0,23,60,0.5) 0 2px 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.sv_playlist li:nth-child(4) {
		margin-right:0;
	}
	.sv_playlist li.active {
		border-color:#fff;
	}
		.sv_playlist li a {
			display:block;
			position:relative;
		}
			.sv_playlist li a img {
				width:100%;
			}
			.sv_playlist li a span.play {
				display:block;
				width:100%;
				height:100%;;
				background:url('/programmes/_assets/images/playlist_play_icon.png') no-repeat center;
				background-color:rgba(0,0,0,0.6);
				position:absolute;
				top:0;
				left:0;
				bottom:0;
				-moz-box-shadow:inset rgba(255,255,255,0.3) 0 1px 0;
				-webkit-box-shadow:inset rgba(255,255,255,0.3) 0 1px 0;
				box-shadow:inset rgba(255,255,255,0.3) 0 1px 0;
				-o-transition:background-color,0.25s,linear;
				-moz-transition:background-color,0.25s,linear;
				-webkit-transition:background-color,0.25s,linear;
				transition:background-color,0.25s,linear;
			}
			.sv_playlist li a:hover span.play {
				background-color:rgba(0,0,0,0);
			}
			.sv_playlist li.active a span.play {
				background:none;
			}


a.togglevisibility {
	color: blue;
	text-decoration:none;
}
	a.togglevisibility:hover {
		text-decoration:underline;
	}
	

#focusplayer {
	max-height: 540px;
	overflow: hidden;
}


.video-js {
	padding-top: 56% !important; 
}
.video-js.video-4by3 {
	padding-top: 75% !important;
}
.embedded-video-container .video-js {
	padding-top: 0 !important;
}
.vjs-poster {
	display: none;
}
.vjs-fullscreen {
	padding-top: 0 !important;
}






.videos {
	margin: 0;
	position:relative;
}
	.videos .v-item {
		position:relative;
		float:left;
		box-sizing:border-box;
		width: 47%;
		padding: 1em 1.25em;
		margin: 0 5% 3em 0;
		border: 2px solid #ddd;
		background: #f7f7f7;
		text-align:left;
		font-size: 12px;
		color: #333;
		overflow:hidden;

		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;

		-webkit-transition: all 100ms linear;
		-moz-transition: all 100ms linear;
		-ms-transition: all 100ms linear;
		-o-transition: all 100ms linear;
		transition: all 100ms linear;
	}
	.videos .v-item:hover {
		border-color: #005DB5;
	}
	.videos .v-item:nth-child(2n) {
		margin-right:0;
	}
	.videos .v-item:nth-child(2n+1) {
		clear: left;
	}
		.videos .v-title {
			font-size: 1.3em;
		}
			.videos .v-title a:hover {
				color: #005DB5;
			}
		.videos .v-video {
			margin: 10px 0 0 0;
			height: 230px;
			position:relative;
			overflow:hidden;
		}
			.videos .v-video iframe {
				width: 100%;
				height: 100%;
			}
		.videos .v-poster {
			display:block;
			position:absolute;
			z-index:5;
			left:0;
			top:0;
			width:100%;
			height:100%;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			cursor:pointer;
			background: #f0f0f0;
		}
			.videos .v-playbutton {
				position:absolute;
				left:0;
				top:0;
				width:100%;
				height:100%;
				background: url('../images/videoplay.png') center center no-repeat;
			}
		.v-info {
			margin-top: 10px;
			line-height: 1.2;
		}
		.v-meta {
			margin: 5px 0;
			font-size: 0.8em;
		}
		.v-options {
			margin-top: 10px;
		}
			.v-options a,
			.v-options a:visited {
				text-align:center;
				display:inline-block;
				padding: 5px 10px;
				text-decoration:none;
				background: #a5a5a5;
				color: #fff;
			}
			.v-options a:hover {
				background: #005DB5;
				text-decoration:none;
			}




.wordsearches {
	margin: 0;
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 2em;
}
	.wordsearches .v-item {
		flex: 0 0 47%;
		position:relative;
/*		float:left;*/
		box-sizing:border-box;
/*		width: 47%;*/
		padding: 1em;
/*		margin: 0 5% 3em 0;*/
		border: 2px solid #ddd;
		background: #f7f7f7;
		text-align:left;
		font-size: 12px;
		color: #333;
		overflow: hidden;
		border-radius: 20px;
		transition: all 100ms linear;
		display: flex;
		flex-direction: column;
		gap: 1em;
		cursor: pointer;
	}
	.wordsearches .v-item:hover {
		border-color: #005DB5;
	}
	.wordsearches .v-item:hover .v-title {
		color: #005DB5;
	}
	.wordsearches .v-item:nth-child(2n) {
		margin-right:0;
	}
	.wordsearches .v-item:nth-child(2n+1) {
		clear: left;
	}
.wordsearches .v-row2 {
	display: flex;
	flex-direction: row;
	gap: 1.5em;
}
		.wordsearches .v-cat-name {
			font-weight: bold;
			font-size: 1em;
		}
		.wordsearches .v-title {
			font-size: 1.2em;
			font-weight: bold;
			line-height: 1.2;
			color: #005DB5;
		}
			.wordsearches .v-title:hover {
/*				color: #005DB5;*/
/*				text-decoration: underline;*/
			}
			.wordsearches .v-item:hover .v-title {
/*				color: #005DB5;*/
			}
	
		.wordsearches .v-video {
			margin: 10px 0 0 0;
			height: 230px;
			position:relative;
			overflow:hidden;
		}
			.wordsearches .v-video iframe {
				width: 100%;
				height: 100%;
			}
		.wordsearches .v-poster {
			display:block;
			position:absolute;
			z-index:5;
			left:0;
			top:0;
			width:100%;
			height:100%;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			cursor:pointer;
			background: #f0f0f0;
		}
			.wordsearches .v-playbutton {
				position:absolute;
				left:0;
				top:0;
				width:100%;
				height:100%;
				background: url('../images/videoplay.png') center center no-repeat;
			}
		.wordsearches .v-info {
			margin-top: 10px;
			line-height: 1.2;
		}
		.wordsearches .v-meta {
			margin: 5px 0;
			font-size: 0.8em;
		}
		.wordsearches .v-options {
			margin-top: 1.5em;
		}
			.wordsearches .v-options a,
			.wordsearches .v-options a:visited {
				text-align:center;
				display:inline-block;
				padding: 5px 10px;
				text-decoration:none;
				background: #a5a5a5;
				color: #fff;
			}
			.wordsearches .v-options a:hover {
				background: #005DB5;
				text-decoration:none;
			}
.wordsearches .v-options a.play {
	background: #005DB5;
	transition: all 50ms linear;
	border-radius: 20px;
}
.wordsearches .v-options a.play:focus,
.wordsearches .v-options a.play:active {
	transform: scale(0.95);
}

.wordsearches .v-item-main {
	display: flex;
	flex-direction: column;
/*	gap: 1em;*/
	justify-content: space-between;
}

.wordsearches .v-item-thumb {
	width: 96px;
	height: 96px;
	background: #fff; 
	background-image: url('/programmes/_assets/images/wordsearch-thumbnail-1.png'); 
	background-repeat: no-repeat;
	background-size: contain;
	overflow:hidden;
	border: 2px solid #ddd;
	border-radius: 20px;
}





.v-search {
	float:right; 
	margin: 0 0 0 1em;
}
	.v-search input {
		width: 200px;
		font-size: 14px;
		border: 1px solid #DDD;
		background: #fff;
		color: #333;
		box-sizing:border-box;
		padding: 5px;
	}
		.v-search input:focus {
			border: 1px solid #005DB5;
		}
	.v-search select {
		width: auto;
		font-size: 14px;
		border: 1px solid #DDD;
		background: #fff;
		color: #333;
		padding: 5px;
		box-sizing:border-box;
	}
		.v-search select:focus {
			border: 1px solid #005DB5;
		}
	.v-search button {
		font-size: 14px;
		border: 1px solid #AAA;
		background: #f0f0f0;
		color: #333;
		padding: 5px 10px;
		box-sizing:border-box;
		cursor: pointer;
	}
		.v-search button:hover {
			border: 1px solid #005DB5;
			background: #005DB5;
			color: #fff;
		}
		.v-search button:active {
			border-top: 2px solid #005DB5;
			border-bottom: 2px solid #005DB5;
		}

.v-teacherlogin {
	text-align:center;
	width: 400px;
}
	.v-teacherlogin h4 {
		font-size: 18px;
		font-weight: bold;
		margin: 0 0 10px 0;
		text-align:left;
	}
	.v-teacherlogin input {
		box-sizing:border-box;
		width: 100%;
		padding: 10px;
		border: 1px solid #DDD;
		color: #333;
		background: #fff;
		margin: 3px 0;
	}
		.v-teacherlogin input:focus {
			border: 1px solid #005DB5;
		}
	.v-teacherlogin button {
		font-size: 14px;
		border: none;
		background: #005DB5;
		color: #fff;
		padding: 5px 10px;
		box-sizing:border-box;
		cursor: pointer;
		margin: 5px 0 0 0;
	}
	

ul.buttonrow {
	list-style:none;
	margin:0 0 20px 0;
	padding:10px 0;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
}
	ul.buttonrow li {
		margin:0 5px 0 0;
		padding: 0;
		float:left;
	}
		ul.buttonrow a,
		ul.buttonrow a:visited {
			display:block;
			text-decoration:none;
			color: #fff;
			background: #6A8189;
			text-align:center;
			padding: 5px 15px;
			font-size: 12px;
		}
			ul.buttonrow a:hover,
			ul.buttonrow a.selected {
				text-decoration:none;
				background: #005DB5;
			}


.form {
	width: 70%;
	min-width: 400px;
}
	.form .row {
		padding: 0.5em 0;
	}
	.form .buttonrow {
		display: flex;
		flex-direction: row;
		gap: 1em;
		align-items: center;
	}
	.form .buttonrow > * {
		flex: 0 0 auto;
	}
	.form label {
		display:block;
	}
	.form label[for] {
		cursor:pointer;
	}
	.form input {
		box-sizing:border-box;
		width: 100%;
		padding: 1em;
		color: #333;
		background: #fff;
		border: 1px solid #ccc;
	}
	.form textarea {
		box-sizing:border-box;
		width: 100%;
		padding: 1em;
		color: #333;
		background: #fff;
		border: 1px solid #ccc;
		resize:vertical;
		height: 6em;
	}
	.form select {
		box-sizing: border-box;
		width:100%;
		padding: 1em;
		color: #333;
		background: #fff;
		border: 1px solid #ccc;
	}
	.form button {
		box-sizing: border-box;
		width:50%;
		padding: 1em;
		color: #fff;
		background: #6A8189;
		border: 1px solid #fff;
		cursor:pointer;
	}
		.form button:hover {
			background: #005DB5;
		}
	
.searchform {
	float: right;
	margin: 0 0 1em 1em;
	text-align:right;
	position:relative;
}
	.searchform select {
		width: auto;
		border: 1px solid #005DB5;
		background: #fff;
		padding: 4px 0px;
		font-size: 12px;
		outline: none;
		box-sizing:border-box;
		margin-right: 5px;
	}
	.searchform input {
		border: 1px solid #005DB5;
		background: #fff;
		padding: 5px 10px;
		font-size: 12px;
		width: 10em;
		outline: none;
		box-sizing:border-box;
	}
		.searchform input:focus {
			border-color: #fff788;
		}
	.searchform button {
		border: 1px solid #126DBC;
		padding: 5px 10px;
		font-size: 12px;
		outline: none;
		cursor:pointer;
		background: #126DBC;
		color: #fff;
	}
		.searchform button:hover {
			background: #fff788;
			color: #333;
		}
	.searchform .clear-search-button {
		display:none;
	}
.searchresults {
	position:absolute;
	z-index: 9999;
	left:0;
	width:100%;
	background: #126DBC;
	color: #fff;
	text-align:left;
	padding: 10px;
	box-sizing:border-box;
	display:none;
}
	.searchresults p {
		margin:0;
	}
	.searchresults p a,
	.searchresults p a:visited {
		color: #fff;
		display:block;
	}


span.highlight {
	background: yellow;
}

.fancybox-qrcode .fancybox-skin {
	width: 256px !important;
}






.theme-1 * {
	box-sizing: border-box;
}

.theme-1,
.theme-1 body {
	background: #cccccc;
}

.theme-1 .wrapper {
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}





.programme_timber-with-quizzes .indexbutton2 {
	white-space: nowrap;
	width: auto !important;
	padding: 5px 10px;
	display: inline-block;
	float: none;
	margin: 5px 0px 5px 0;
	--radius: 10px;
}

.programme_timber-with-quizzes .indexbutton2:first-of-type {
	border-top-left-radius: var(--radius);
	border-bottom-left-radius: var(--radius);
}
.programme_timber-with-quizzes .indexbutton2:last-of-type,
.programme_timber-with-quizzes .indexbutton2:has(+ #dd0),
.programme_timber-with-quizzes .indexbutton2:has(+ #dd1) {
	border-top-right-radius: var(--radius);
	border-bottom-right-radius: var(--radius);
}





iframe {
	max-width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}