:root {
	--lightpurple: #f7f5ff;
	--medpurple: #ce99ff;
	--purple: #4e0096;
	--lightblue: #dff6ff;
	--blue: #7c9cbb;
	--darkblue: #344c65;
	--lightgold: #e3d8ba;
	--darkgold: #8c6700;
	--lightred: #e0cac8;
	--darkred: #800800;
	--lightgreen: #bbd9b8;
	--darkgreen: #085c00;
	--yellow: #e1e170;
	--darkyellow: #85853c;
	--darkpink: #74254d;
	--pink: #d784ad;
	--lightpink: #e3b8cd;
	--lightgrey: #ddd;
	--textcolor: #111;
	--textinvert: white;
}

html, body {
    font-family: 'Montserrat';
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	color: var(--textcolor);
}
body {
}
.nooverflow {
	overflow: hidden;
}
table {
	line-height: 1.5em;
}
table td {
	vertical-align: top;
}
li {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
@media only screen {
	.capitalise {
		text-transform: capitalize;
	}
	.colorchange p:nth-child(odd) {
		filter: hue-rotate(195deg);
	}
	/*.colorchange p:nth-child(5n+1) {
		filter: hue-rotate(175deg);
	}
	.colorchange p:nth-child(5n+2) {
		filter: hue-rotate(220deg);
	}*/
	.colorchange p:nth-child(even) {
		filter: saturate(0);
	}
	.linebreak {
		display: block;
		line-height: 1em;
		padding: 0 0 0.5em 0 !important;
	}



	.maintestimonials h1 {
		font-size: 1.2em;
		text-align: left;
	}
	.testimid {
		font-size:0.9em;
		text-align: right;
	}
	.testimid span{
		font-size: 0.9em;
		font-weight: normal;
		font-style: italic;
	}

	.mainwelcome {
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		width: 40rem;
		background: rgba(0, 0, 0, 0.6);
		grid-template-columns: 1fr 3fr;
		padding: 2%;
		border: 0.1rem outset black;
		animation-name: mainwelcome;
		animation-duration: 2s;
		animation-delay: 1s;
		animation-fill-mode: forwards;
		line-height: 2.5rem;
	}
	.mainwelcome div {
		margin: auto;
		border-left: solid white 0.10rem;
	}
	.mainwelcome h1,.mainwelcome h2 {
		color: lightgray;
		margin: 0 0 0 10%;
		font-size: 1.5rem;
	}
	.mainwelcome h1 span {
		font-size: 2rem;
	}
	.mainwelcome img {
		margin: auto;
		width: 80%;

	}


	.maintestimonials {
		position: absolute;
		opacity: 0;
		color: var(--textinvert);
		animation-name: mainwelcome;
		animation-duration: 3s;
		animation-delay: 2s;
		animation-fill-mode: forwards;

	}
	.testimonial div {
		display: grid;
		column-gap: 1em;
		padding-top: 1em;
	}

	.mainscrolldown {
		position: absolute;
		opacity: 0;
		bottom: 0;
		left: 50%;
		color: var(--textinvert);
		cursor: pointer;
		animation-name: mainwelcome;
		animation-duration: 1s;
		animation-delay: 5s;
		animation-fill-mode: forwards;
		z-index: 100;
	}
	.mainscrolldown p {
		margin: 0;
		text-align: center;
		text-shadow: var(--purple) 5px 5px 5px;
	}
	.mainscrollarrow {
		background: rgba(40,0,80, 0.7);
		background-size: 95% 95%;
		color: var(--textinvert);
		height: 2em;
		width: 4em;
		clip-path: polygon(0 0, 50% 100%, 100% 0);
		cursor: pointer;
	}
	.contact h2 {
		background: none;
		color: #000;
	}
	.hbcontainer {
		position: relative;
		width: 100%;}
	.hamburger {
		position: absolute;
		right: 1em;
		top: 0.6em;
	}
	.hamburger .line{
	  width: 2.5rem;
	  height: 0.25rem;
	  background-color: #ecf0f1;
	  margin: 8px auto;
	  -webkit-transition: all 0.3s ease-in-out;
	  -o-transition: all 0.3s ease-in-out;
	  transition: all 0.3s ease-in-out;
	}

	.hamburger:hover{
	  cursor: pointer;
	}

	/* ONE */

	#hamburger-1.is-active .line:nth-child(2){
	  opacity: 0;
	}

	#hamburger-1.is-active .line:nth-child(1){
	  -webkit-transform: translateY(13px) rotate(45deg);
	  -ms-transform: translateY(13px) rotate(45deg);
	  -o-transform: translateY(13px) rotate(45deg);
	  transform: translateY(13px) rotate(45deg);
	}

	#hamburger-1.is-active .line:nth-child(3){
	  -webkit-transform: translateY(-13px) rotate(-45deg);
	  -ms-transform: translateY(-13px) rotate(-45deg);
	  -o-transform: translateY(-13px) rotate(-45deg);
	  transform: translateY(-13px) rotate(-45deg);
	}
	.mainnav {
		position: sticky;
		top: 0;
		display: grid;
		z-index: 9999999;
		background: #4e0096;

	}

	#navlogo {
		padding: 0 1em;
		width: 190px;
	}
	.menuanimateon {
		animation-name: menu;
		animation-duration: 0.5s;
		animation-direction: normal;
		animation-fill-mode: both;
		animation-timing-function: ease-in-out;
	}
	.menuanimateoff {
		animation-name: menu;
		animation-duration: 0.5s;
		animation-direction: reverse;
		animation-fill-mode: both;
		animation-timing-function: ease-in-out;
	}
	.menustarttop {
		animation-name: menu;
		animation-duration: 0.8s;
		animation-direction: normal;
		animation-fill-mode: both;
		animation-timing-function: ease-in-out;
	}
	.quicklinksmobile {
		width: 80%;
		margin: auto;
		padding-top: 1em;
	}
	.indexquicklinks {
		width: 100%;
		background: white;
		padding-top: 2em;
	}
	.indexquicklinks h2 {
		text-align: center;
	}

	.quicklinks {
		width: 80%;
		margin: auto;
	}
	.quicklnkfig {
		position: relative;
	}
	.quicklnkimg {
		filter:  drop-shadow(0.1rem 0.1rem 0.1rem rgba(0, 0, 0, 0.2));
		width: 15rem;
		margin: auto;
	}
	.talavalues {
		display: grid;
		max-width: 100%;
		column-gap: 1em;
		text-align: center;
		background: rgba(255,255,255,0);
		padding: 1em 2em;
		margin:auto;
	}
	.valueteam::first-letter {
		font-size: 2em;
		color: #8caace;
		text-shadow: 2px 2px 5px #888;

	}
	.valueaccount::first-letter {
		font-size: 2em;
		color: #c069a7;
		text-shadow: 2px 2px 5px #888;
	}
	.valuelead::first-letter {
		font-size: 2em;
		color: #eedf72;
		text-shadow: 2px 2px 5px #888;
	}
	.valueasp::first-letter {
		font-size: 2em;
		color: var(--purple);
		text-shadow: 2px 2px 5px #888;
	}
	.talastats {
		background: rgba(102, 51, 153,1);
		color: lightgrey;
		text-align: center;
	}
	.talastats div {
		padding: 2em 4em;
	}
	.statp8 {
		background: url('/images/p8bg.png') no-repeat center;
		background-size: 80% 100%;
	}
	.statp8 h2, .statofsted h2, .statattend h2 {
		background: none;
	}
	.statofsted {
		background: url('/images/ofstedbg.png') no-repeat center rgba(0,0,0,0.1);
		background-size: 80% 100%;
	}
	.statattend {
		background: url('/images/attendbg.png') no-repeat center;
		background-size: 80% 100%;
	}
	.moveup50 {
		margin-top: -15%;
	}
	#twitterfeed {
		display: block;
		width: 100%;
		height: 500px;
	}
	.subfooter {
		width: 95%;
		overflow: hidden;
		margin: 3% auto ;
		background: white;
		box-shadow: 5px 5px 10px #444;
	}
	.subfooter ul {
		list-style: none;
	}
	.subfooter ul li {
		padding-top: 1em;
	}
	.material-symbols-outlined {
		vertical-align: bottom;
	}
	#footer {
		background: #4e0096;
		width: 100%;
		display: grid;
		grid-template-columns: 4fr 1fr;

	}
	#footer ul {
		list-style: none;
		color: white;
		line-height: 1.5em;
	}
	.toppadded {
		padding-top: 1em;
	}
	.bottompadded {
		padding-bottom: 1em
	}
	.topmargin {
		margin-top: 1em !important;
	}
	.bottommargin {
		margin-bottom: 1em !important;
	}
	.rightpadded {
		padding-right: 2em;
	}
	#principalmessage {
		margin: auto;
		text-align: justify;
	}
	.principalphoto img {
		border-radius: 25%;
		box-shadow: 10px 10px 10px #444;
	}
	.topimagewrapper {
		padding-top: 20em;
		overflow: hidden;
		position: relative;
		width: 100%;
		background-attachment: fixed;
		background-size: auto;
		background-repeat: no-repeat;
		background-position: bottom;
	}
	section ul, section li {
		margin-bottom: 0;
	}
	section > div > * {
		margin-inline:auto;
		max-inline-size: calc( 100% - 4em );
	}

	.govstruct {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		text-align: center
	}
	.govstruct div {
		display: flex;
		flex-direction: column;
		align-content: center;
		justify-content: center;
	}
	.govstruct div h2 {
		margin-bottom: 0;
	}
	.govstruct h3 {
		background: none;
		color: black;
		margin: 0;
	}
	.govstruct div p {
		margin-top: 0;
	}
	.ofstedtable {
		margin: auto;
	}
	.ofstedtable th {
		padding: 0 1em;
		text-align: left
	}
	.talabgpurple {
		background-color: var(--purple);
	}
	.talabglightpurple {
		background-color: var(--lightpurple);
	}
	.talabgmedpurple {
		background-color: var(--medpurple);
	}
	.talabgdarkpink {
		background-color: var(--darkpink);
	}
	.talabgpink {
		background-color: var(--pink);
	}
	.talabglightpink {
		background-color: var(--lightpink);
	}
	.talabglightblue {
		background-color: var(--lightblue);
	}
	.talabgblue {
		background-color: var(--blue);
	}
	.talabgdarkblue {
		background-color: var(--darkblue);
	}
	.talabgyellow {
		background-color: var(--yellow);
	}
	.talabgdarkyellow {
		background-color: var(--darkyellow);
	}
	.talabgwhite {
		background-color: #ffffff;
	}
	.talabgdarkred {
		background-color: var(--darkred);
	}
	.talabgdarkgold {
		background-color: var(--darkgold);
	}
	.talabglightgold {
		background-color: var(--lightgold);
	}
	.talabgdarkgreen {
		background-color: var(--darkgreen);
	}
	.border-yellow {
		border: solid 1px var(--yellow);
	}
	.border-pink {
		border: solid 1px var(--pink);
	}
	.border-blue {
		border: solid 1px var(--blue);
	}
	.border-purple {
		border: solid 1px var(--purple);
	}
	.border-grey {
		border: solid 1px grey;
	}
	.daytable {
		width: 100%;
		margin: auto;
		text-align: center;
		line-height: 3em;
		border-collapse: separate;
		border-spacing:1px;
		background-color: white;
	}
	.daytable th {
		color: white;
		font-weight: bold;
		white-space: nowrap
	}
	.daytable tr:nth-child(2n) {
		background: aliceblue;
	}
	.tflsafetravel {
		width: 95%;
	}
	table, .canteenmenu > div {
		background-color: #ffffff;
	}
	.uniformtable tr td {
		width: 25%;
	}
	.uniformtable tr:nth-child(even) {
		background: #00000022;
	}
	.uniformtable tr td:nth-child(3n) {
		background: #00000022;
	}
	.canteentariff {
		width: 98%;
		margin: auto;
	}
	.canteentariff td, .canteentariff th {
		padding: 0 0.3em;
	}
	.canteentariff td:nth-child(even) {
		text-align: right;
	}
	.canteentariff th:not(.costth) {
		text-align: left;
	}
	.costth {
		text-align: right
	}
	.autofit5 {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(25ch, 1fr));
		column-gap: 1em;
		row-gap: 1em;
		margin: 2em;	
	}
	.autofit5 div {
		width: 100%;
	}
	.canteenmenu {
		text-align: center;
		/*font-size: 0.7em;*/
	}
	.canteenmenu div p {
		padding: 0 1em;
	}
	.canteenmenumain {
		height: 22ch;
	}
	.canteenmenusides {
		height: 20ch;
	}
	.canteenmenupasta {
		height: 5.5ch
	}
	.grtable td, .grtable th {
		min-width: 16ch;
		padding: 1em;
	}
	.grtable table {
		border-collapse: collapse;
	}
	.tabley7 {
		background: var(--lightred);
	}
	.careerstable h4 {
		margin: 0;
	}
	.tabley7 th{
		padding: 1em;
		background: var(--darkred);
		color: var(--textinvert);
	}
	.tabley8 {
		background: var(--lightgold);
	}
	.tabley8 th{
		background: var(--darkgold);
		color: var(--textinvert);
	}
	.tabley9 {
		background: var(--lightblue);
	}
	.tabley9 th{
		background: var(--darkblue);
		color: var(--textinvert);
	}
	.tabley10 {
		background: var(--lightgreen);
	}
	.tabley10 th{
		background: var(--darkgreen);
		color: var(--textinvert);
	}
	.tabley11 {
		background: var(--lightpurple);
	}
	.tabley11 th{
		background: var(--purple);
		color: var(--textinvert);
	}
	.roundcorner {
		border-radius: 1em;
	}
	.studentvoicestructure > div {
		margin: 1em auto;
		padding-top: 1em;
	}
	.studentvoicestructure p {
		text-align: center;
		margin: auto;
		font-weight: bold;
		font-size: 1.1em;
	}
	.studentvoicestructure img {
		width: 95%;
		margin: auto;
	}
	.letsimg img {
		width: 90%;
		margin: 1em auto;
		box-shadow: 5px 5px 10px rgba(0,0,0,0.5)
	}
	.edulinksubmain {
		display:grid;
		grid-template-columns: 70px auto;
		grid-gap: 1em;
	}
	.edulinksubmain * {
				margin-inline: 0;
		max-inline-size: fit-content;

	}
	.edulinkicon {
		width: 100%;
	}
	.edulinkheading, .edulinksubheading {
		cursor: pointer;
		font-weight: bold;
	}
	.edulinkcontent {
		display: none;
	}
	.edulinkcontent img {
		width: 100%;
		margin-left: 2em;
	}
	img.portimage {
		width: 45%;
		margin-left: 2em;
	}

}
@media only screen and (min-width: 1250px) {
	html {
		font-size: 13pt;
	}
	.mainimagewrapper {
		position: relative;
		min-width: 100%;
		height: 100vh;
		overflow: hidden;
	}
	.mainimagewrapper > video {
		min-width: 100vw;
		min-height: 100vh;
	}
	.mainwelcome {
		display: grid;
	}
	.maintestimonials {
		background-image: url('/images/testimbg.png');
		background-repeat: no-repeat;
		background-position: center;
		background-color: rgba(0, 0, 0, 0.6);
		background-size: 95% 95%;
		border-radius: 2em;
		bottom: 5em;
		right: 1em;
		width: 25em;
	}
	.testimonial div {
		grid-template-columns: 1fr;
	}
	.testimslider {
		width: 85%;
		margin: auto;
	}
	.maintestimonials h1 {
		border-bottom: 1px dashed var(--textinvert);
	}
	.testimcontent {
		font-size: 0.9em;
		margin-top: 0.2em;
		text-align: justify;
		line-height: 1em;
	}
	.maintestimonials h1 {
		display: block;
		min-height: 1em;
		margin-bottom: 0.2em;
		text-align: center;
	}
	.testimid {
		font-size:0.9em;
		margin-top: 0;
		margin-bottom: 0.5em;
		font-weight: bold;
	}
	.testimid span{
		display: block;
		font-weight: normal;
		font-style: italic;
		padding-right: 1ch;
	}
	.hbcontainer {display: none;}
	.ultop5 {
		top: 5em;
	}
	.ultop3 {
		top: 3.5em;
	}
	.mainnav {
		grid-template-columns: 1fr 4fr;
	}
	.menu ul {
		margin: 0px;
		list-style-type: none;
		position: relative;
		z-index: 9999999;
		padding: 0 0.5em;
		text-align: right;
	}
	.menu ul li {
		padding: 1em 1em;
		color: var(--textinvert);
		line-height: 2em;
		display: inline-block;
		cursor: pointer;
		margin-bottom: 0;
		margin-top: 0;
	}
	.menu ul li a {
	  color: var(--textinvert);
	  text-decoration: none;
	  display: block;
	}
	.menu ul li:hover {
		text-shadow: 0px 0px 20px rgba(255,255,255,1);
		background: rgba(255,255,255,0.1);
	}
	.menu ul ul li:hover a {
		text-shadow: 0px 0px 20px rgba(255,255,255,1)
	}
	.menu ul ul {
		position: absolute;
		min-width: auto;
		display: none;
		opacity: 0;
		background: #40008a;
		z-index: 100;
		padding-top: 0.5em;
		margin-left: -1em;
		text-align: left;
		text-shadow: none;
	}
	.menu ul ul li {
	  display: block;
	  font-size: 0.9em;
	  padding: 0.5em;
	  margin-bottom: 0;
	}
	.menu ul ul li a {
	  width: 100%;
	  line-height: 2em;
	}
	/*.menuonecolumn:hover ul {
		display: grid !important;
		grid-template-columns: 1fr;

	}*/
	.menuhover {
		display: grid !important;
		grid-template-columns: 1fr 1fr;
		animation-name: menuitem;
		animation-duration: 0.5s;
		animation-delay: 0;
		animation-fill-mode: forwards;

	}
	.menuhoveronecolumn {
		display: grid !important;
		grid-template-columns: 1fr;
		animation-name: menuitem;
		animation-duration: 0.5s;
		animation-delay: 0;
		animation-fill-mode: forwards;
	}


	.menucurricoverview {
		grid-column: span 2;
	}
	.qlmcontainer {
		display: none;
	}
	.qlcontainer {
		padding-bottom: 2em;
	}
	.talavalues {
		max-width: 100%;
		text-align: center;
		background: rgba(255,255,255,0);
		padding: 1em 2em;
		margin:auto;
		}
	.values-2 {
		grid-template-columns: repeat(2, 1fr);
	}
	.values-4 {
		grid-template-columns: repeat(4, 1fr);
	}
	.talastats {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.subfooter {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
	}
	#footer ul {
		font-size: 0.8em;
	}
	#principalmessage {
		width:  80%;
		display: grid;
		grid-template-columns: 2fr 1fr;
	}
	.principalphoto img {
		display: block;
		margin: auto;
		width: 80%;
	}
	.photo8020 {
		align-content: center;
		justify-content: center;
	}
	.twocolumn5050 {
		display:grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 1.5em;
		/*background-color: #ffffff22; */
	}
	.twocolumn5050 div {
		width: 100%;
	}
	.width100 {
		width: 100%;
	}
	.width70pc {
		width: 70%;
		margin:auto;
	}
	.width80ch {
		display: block;
		width: 80ch;
	}

	.twocolumn8020{
		display:grid;
		grid-template-columns: 4fr 1fr;
	}
	.twocolumn2080{
		display:grid;
		grid-template-columns: 1fr 4fr;
	}
	.twocolumn3070 {
		display:grid;
		grid-template-columns: 3fr 7fr;
	}
	.twocolumn7030 {
		display:grid;
		grid-template-columns: 7fr 3fr;
	}
	.twocolumn2575 {
		display:grid;
		grid-template-columns: 1fr 3fr;
	}
	.twocolumn6040 {
		display:grid;
		grid-template-columns: 3fr 2fr;
		column-gap: 1.5em;
	}
	.twocolumn4060 {
		display:grid;
		grid-template-columns: 2fr 3fr;
		column-gap: 1.5em;
	}
	.threecolumn {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 1em;
		margin: 0 2em;
	}
	.threecolumn div {
		max-inline-size: none;
	}
	.threecolumn:not(.notblue) > div:nth-child(even) {
		background: var(--lightblue);
	}
	.threecolumn p, .threecolumn li {
		margin: 0.5em;
	}
	.govresp thead, .govtable thead {
		background: var(--purple);
		color: var(--textinvert); 

	}
	.govresp {
		width: 100%;
		margin: auto;
	}
	.govresp tr:nth-child(even),.govtable tr:nth-child(even) {
		background: rgba(0,0,0,0.1);
	}
	.govtaberror {
		display: none;
	}
	.uniformtable {
		width: 60%;
		margin: auto;
	}
	.testimonial div {
		margin-bottom: 1em;
	}
}

@media only screen and (max-width: 1249px) {
	html {
		font-size: 12pt;
	}
	.mainimagewrapper > video {
		width: 100vw;
	}
	.mainwelcome {display: none;}
	.maintestimonials {
		top: 0;
		width: 100%
	}
	.testimonial div {
		grid-template-columns: 1fr 4fr 1fr;
		background-color: rgba(0, 0, 0, 0.6);
		padding: 0 1em;
	}
	.testimslider {
		width: 100%;
		margin: auto;
	}
	.maintestimonials h1, .testmid, .testimcontent {
		line-height: 16pt;
	}
	.mainscrolldown {
		display: none;
	}
	.menu {
		display: none;
	}
	.mainnav {
		margin-top: -1em;
	}
	.hamburger .line {
	  display: block;
	}
	.mainnav {
		grid-template-columns: 1fr 1fr;
	}
	.menu {
		height: 25em;
		overflow-x: scroll;
		grid-column: 1 / span 2
	}
	.menu ul {
		margin: 0px;
		list-style-type: none;
		position: relative;
		z-index: 9999999;
		padding: 0 0.5em;
		text-align: left;
	}
	.menu ul li {
		color: var(--textinvert);
		display: block;
		cursor: pointer;
		margin-bottom: 0;
		margin-top: 0;
		padding: 1em 0;
	}
	.menu ul li a {
		color: var(--textinvert);
		text-decoration: none;
		display: block;
		line-height: 1.5em;
		text-align: left !important;
	}
	.menu ul ul {
		background: #fff1;
		padding-left: 2em;
	}
	.menuitem {
		display: none;
		opacity: 0;
	}
	.menuhover, .menuhoveronecolumn {
		display: block !important;
		opacity: 1;
		animation-name: menuitem;
		animation-duration: 0.5s;
		animation-delay: 0;
		animation-fill-mode: forwards;

	}



	.menucurricoverview {
		grid-column: span 2;
	}
	.qlcontainer {
		display: none;
	}
	.values-2 {
		grid-template-columns: repeat(2, 1fr);
	}
	.values-4 {
		grid-template-columns: repeat(2, 1fr);
	}
	.contact {padding: 0 1em 1em 1em;}
	#footer ul {
		font-size: 0.7em;
		padding: 0.5em;
	}
	#principalmessage {
		width:  95%;
	}
	.principalphoto img {
		width: 5rem;
	}
	.govtable, .govresp {
		display: none;
	}
	.govtaberror {
		display: block
	}
	.uniformtable {
		width: 95%;
		margin: auto;
	}
	/*.edulinkcontent {
		position:absolute;
		left: 1em;
		right: 1em;
	}*/
	.edulinkcontent img {
		margin-left:0;
	}
	.marginauto {
		margin: auto !important;
	}

}
@media only screen and (max-width: 980px) {
	.landscapeonly {
		display: none;
	}
	.portraitonly {
		display: block;
	}
}
@media only screen and (min-width: 981px) {
	.portraitonly {
		display: none;
	}
}
@media only screen and (max-width: 610px) {
	.values-4, .values-2 {
		grid-template-columns: 1fr;
	}
	section > div > * {
		max-inline-size: calc( 100% - 0.5em );
	}
	h1 {
		font-size: 1.5em;
	}
}










.bgimage {
	padding-top: 14em;
	/*padding-bottom: 7em;*/
	overflow: hidden;
	position: relative;
	width: 100%;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	
}









/* Newsletter (Main) */
.glnewsletter {background: #7d40a8 url('/images/newsletter/backgroundmain.png') no-repeat center;background-size: 100% 100%;margin: auto;display: grid;grid-template-columns: repeat(17, 1fr);grid-template-rows: repeat(25, calc(100vh/31));grid-column-gap: 1.5em;grid-row-gap: 1em}
.glnewsletter .quote {grid-column: 2 / 6;grid-row: 2 / 13;display: block;padding-top: 1.5em;padding-left: 2em;padding-right: 2em;background: url('/images/newsletter/quotemain.png') no-repeat center;background-size: 100% 100%;color: white;}
.glnewsletter .title {grid-column: 13 / 18;grid-row: 2/ 7;display: block;width: 100%;transform: rotate(5deg);background: url('/images/newsletter/linedpaper.png') no-repeat center;background-size: contain}
.glnewsletter .title * {text-align: center;}
.glnewsletter .title h1 {font-size: 3em;margin: 0;margin-top:0.5em;}
.glnewsletter .title h2 {font-size: 3.5em;margin: 0;margin-top:0.4em; transform:scale(1,1.7)}
.glnewsletter .title p {display: block;margin:auto;position: absolute;bottom: 1em;width: 100%;font-size:1.2em;}
.glnewsletter .plot {;display: block;padding-top: 2em;padding-left: 2em;padding-right: 3em;background: url('/images/newsletter/paper.png') no-repeat center;background-size: 100% 100%;}
.glnewsletter .plot1 {grid-column: 7 / 13; grid-row: 2 / 14;}
.glnewsletter .plot2 {grid-column: 8 / 12; grid-row: 14 / 25;}
.glnewsletter .plot3 {grid-column: 2 / 8; grid-row: 14 / 25;}
.glnewsletter .notice {grid-column: 13 / 17;grid-row: 7 / 10; background: white;}
.glnewsletter .reminders {grid-column: 13 / 17;grid-row: 11 / 25;display: block;background: url('/images/notebook.png') no-repeat center;background-size: 100% 100%;padding-top: 6em;padding-left: 2em;padding-right: 2em;}
.glnewsletter .quote h1, .glnewsletter .plot h1, .glnewsletter .reminders h1, .glnewsletter .notice h1 {
	padding: 0;margin: 0;text-align: center;font-variant: small-caps;color: darkgoldenrod;font-size: 1.4em;}
 .glnewsletter .plot h2, .glnewsletter .reminders h2, .glnewsletter .notice h2 {
	padding: 0;margin: 0;text-align: center;text-transform: uppercase;color: black;font-size: 1.5em;}
.glnewsletter .quote h1 {
	padding: 0;margin: 0;text-align: center;font-variant: small-caps;color: goldenrod;font-size: 1.4em;}
.glnewsletter .quote h2 {
	padding: 0;margin: 0;text-align: center;text-transform: uppercase;color: white;font-size: 1.5em;
}


/* Newsletter (Year Group) */
.ygnewsletter {margin: auto;display: grid;grid-template-columns: repeat(17, 1fr);grid-template-rows: repeat(19, calc(100vh/31));grid-column-gap: 1.5em;grid-row-gap: 1em;}
.newslettery7 {background: url('/images/newsletter/backgroundy7.jpg') no-repeat center;background-size: cover;}
.newslettery8 {background: url('/images/newsletter/backgroundy8.jpg') no-repeat center;background-size: cover;}
.newslettery9 {background: url('/images/newsletter/backgroundy9.jpg') no-repeat center;background-size: cover;}
.newslettery10 {background: url('/images/newsletter/backgroundy10.jpg') no-repeat center;background-size: cover;}
.newslettery11 {background: url('/images/newsletter/backgroundy11.jpg') no-repeat center;background-size: cover;}
.ygnewsletter .aco {grid-column: 2 / 6;grid-row: 2 / 8;display: block;transform: rotate(-5deg);padding-top: 2em;padding-left: 2em;padding-right: 2em;}
.ygnewsletter .y7aco {background: url('/images/newsletter/quotey7.png') no-repeat center #fff;background-size: 100% 100%;}
.ygnewsletter .y8aco {background: url('/images/newsletter/quotey8.png') no-repeat center #fff;background-size: 100% 100%;}
.ygnewsletter .y9aco {background: url('/images/newsletter/quotey9.png') no-repeat center #fff;background-size: 100% 100%;}
.ygnewsletter .y10aco {background: url('/images/newsletter/quotey10.png') no-repeat center #fff;background-size: 100% 100%;}
.ygnewsletter .y11aco {background: url('/images/newsletter/quotey11.png') no-repeat center #fff;background-size: 100% 100%;}
.ygnewsletter .title {grid-column: 14 / 17;grid-row: 1/ 6;display: block;width: 100%;transform: rotate(20deg);}
.ygnewsletter .y7title {background: url('/images/newsletter/framey7.png') no-repeat center;background-size: 100% 100%;}
.ygnewsletter .y8title {background: url('/images/newsletter/framey8.png') no-repeat center;background-size: 100% 100%;}
.ygnewsletter .y9title {background: url('/images/newsletter/framey9.png') no-repeat center;background-size: 100% 100%;}
.ygnewsletter .y10title {background: url('/images/newsletter/framey10.png') no-repeat center;background-size: 100% 100%;}
.ygnewsletter .y11title {background: url('/images/newsletter/framey11.png') no-repeat center;background-size: 100% 100%;}
.ygnewsletter .title h1 {display: inline-block;width: 100%;position: absolute;top: 40%;text-align: center;}
.ygnewsletter .title p {display: inline-block;width: 100%;position: absolute;bottom: 0.5em;text-align: center;padding: auto;}
.ygnewsletter .tutorgroup {grid-column: 7 / 11;grid-row: 2 / 7;display: block;width: 100%;border-radius: 1.5em;background: #fff;text-align: center;padding-left: 2em;padding-right: 2em;padding-top: 1em;}
.ygnewsletter .y7tutorgroup {border: 6px solid #e39d05;}
.ygnewsletter .y8tutorgroup {border: 6px solid #03648e;}
.ygnewsletter .y9tutorgroup {border: 6px solid #038418;}
.ygnewsletter .y10tutorgroup {border: 6px solid #5e2775;}
.ygnewsletter .y11tutorgroup {border: 6px solid #922228;}
.ygnewsletter .attendance {grid-column: 12 / 17;grid-row: 6 / 18;display: block;border: 6px solid darkgoldenrod;border-radius: 1.5em;background: #fff;padding-left: 2em;padding-right: 2em;padding-top: 1em;overflow-x: auto;}
.ygnewsletter .conduct {grid-column: 2 / 7;grid-row: 8 / 19;display: block;border: 6px solid darkgoldenrod;border-radius: 1.5em;background: #fff;padding-left: 2em;padding-right: 2em;padding-top: 1em;overflow-x: auto;overflow-y: hidden;}
.ygnewsletter .reminders {grid-column: 8 / 11;grid-row: 10 / 17;display: block;border-radius: 1.5em;background: url('/images/notebook.png') no-repeat center #fff;background-size: 100% 100%;padding-top: 3em;padding-left: 2em;padding-right: 2em;}
.ygnewsletter .aco h1, .ygnewsletter .tutorgroup h1, .ygnewsletter .attendance h1, .ygnewsletter .conduct h1, .ygnewsletter .reminders h1 {
	padding: 0;margin: 0;text-align: center;font-variant: small-caps;color: #466d94;font-size: 1.3em;}
.ygnewsletter .aco h2, .ygnewsletter .tutorgroup h2, .ygnewsletter .attendance h2, .ygnewsletter .conduct h2, .ygnewsletter .reminders h2 {
	padding: 0;margin: 0;text-align: center;text-transform: uppercase;color: goldenrod;font-size: 1.4em;}
.ygnewsletter table {width: 100%;}

	.textleft {text-align: left;}
	.textcenter {text-align: center;}
	.textright {text-align: right;}
	.newscontainer {display: block; width: 95%; margin:auto; margin-bottom: 3em;box-shadow: 5px 5px 20px black;font-size: 0.6em;}

	.nomargin {margin: 0;}
	.padding05em {
		padding: 0.5em;
	}
	.padding3010 {padding:3em 0 1em 0;}
	.underline {
		text-decoration: underline;
	}
	.noformatting {
		text-decoration: none;
		color: var(--textcolor);
	}

/* Alignment styles for images, videos and iframes in editable regions */

/* Center (default) */
[data-editable] iframe,
[data-editable] image,
[data-editable] [data-ce-tag=img],
[data-editable] img,
[data-editable] video {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

/* Left align */
[data-editable] .align-left {
    clear: initial;
    float: left;
    margin-right: 0.5em;
}

/* Right align */
[data-editable].align-right {
    clear: initial;
    float: right;
    margin-left: 0.5em;
}

/* Alignment styles for text in editable regions */
[data-editable] .text-center {
    text-align: center;
}

[data-editable] .text-left {
    text-align: left;
}

[data-editable] .text-right {
    text-align: right;
}


.topimagewrapper > img {
	width: 100%;}
.topslides img{
	width: 100%;
}
section {
	text-align: justify;
	display: block;
}
/*section:not(.fullwidth) {
	display: grid;
	grid-template-columns: 1fr 1fr;
	}
section.fullwidth {
	display: grid;
	grid-template-columns: 1fr;
}
section.fullwidth > div:not(.not100) {
	width: 100%;
}*/
.valuestopics {
	text-align: center;
}
section > div {
	/*background-size: auto 100%;*/
	/*background-repeat: no-repeat;*/
	background-color: #ffffff;
	background-blend-mode: normal;
	margin-inline: auto;
	overflow: auto;
}
section div {
	padding-bottom: 1em;
}



.hr10 {
	border: 1px solid var(--purple);
	width: 10%;
	margin: 1em auto;
}
.hr15 {
	border: 1px solid var(--purple);
	width: 15%;
	margin: 1em auto;
}
.hr20 {
	border: 1px solid var(--purple);
	width: 20%;
	margin: 1em auto;
}
.hr40 {
	border: 1px solid var(--purple);
	width: 40%;
	margin: 1em auto;
}
.hr60 {
	border: 1px solid var(--purple);
	width: 60%;
	margin: 1em auto;
}
.hr80 {
	border: 1px solid var(--purple);
	width: 80%;
	margin: 1em auto;
}
.jobtitle {
	display:block;
	margin: 0;
	font-weight: bold;
	font-size: 0.9em;
	font-style: italic;
}

.downarrow {
	font-size: 2em;
	line-height: 2em;
}
.downleftarrow {
	font-size: 2em;
	transform: rotate(45deg);
	translate: 2em 0 ;
}
.downrightarrow {
	font-size: 2em;
	transform: rotate(-45deg);
	translate: -2em 0;
}
.nobullet {
	list-style-type: none;
}
.nopad {
	padding: 0;
}
.bold {
	font-weight: bold;
}
.notbold {
	font-weight: normal;
}
.footnote {
	font-size: 0.8em;
	font-style: italic;
}
.italic {
	font-style: italic;
}
.ourstaffheader {
	text-align: center;
}
.ourstaffcontainer {
	text-align: center;
}
.ourstaffcontainer h1 {
	background: var(--purple);
	width: 100%;
	color: var(--textinvert);
	padding: 0.5em;
}
.ourstaffcontainer > h2 {
	background: dimgrey;
	width: 100%;
	color: var(--textinvert);
	padding: 0.5em;
}
.ourstaff {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	margin: 2em;
	font-size: 0.7em;
}

.ourstaffphoto {
	padding: 1em;
}
.ourstaffphoto h2 {
	background: none;
	color: var(--textcolor);
}
.ourstaffphoto h3 {background: none;color: var(--purple);}
.ourstaffphoto h4 {color: dimgrey;}
.ourstaffphoto span {font-size: 1.5em;color: var(--purple); padding-top: 0.5em;}

.ourstaffphoto * {
	margin: 0;
}
.ourstaffphoto img {
	width: 200px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	box-shadow: 0.25em 0.25em 1em rgba(0,0,0,0.5);
	margin: 2em auto;
}
.nurserystaffphoto * {
	margin: 0;
}
.nurserystaffphoto img {
	width: 200px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	box-shadow: 0.25em 0.25em 1em rgba(0,0,0,0.5);
	margin:1em auto;
}
h1,h2,h3,h4 {
	max-inline-size: none !important;
	margin-top: 0;
}
h1 {
	text-align: center;
	line-height: 2em;
	font-size: 2em;
}
h2 {
	background: var(--purple);
	color: var(--textinvert);
	padding: 0.5em;
	text-align: center;
}
h3 {
	background: dimgrey;
	color: var(--textinvert);
	padding: 0.5em;
	text-align: center;
}
h4 {}
h2.invert {
	background: none;
	color: var(--textcolor);
}
.hassubheader {
	margin-bottom: 0;
	padding-bottom: 0;
}
h2.subheader {
	margin-top: 0;
	padding-top: 0;
}
.adslides {
	position: relative;
}
.bg1 {background-image: url(/images/page/landscape/index1.jpg);background-position: top center;}
.bg2 {background-image: url(/images/page/landscape/index2.jpg);background-position: bottom center;}
.bg3 {background-image: url(/images/page/landscape/index3.jpg);background-position: bottom center;}
.adbg1 {background-image: url(/images/airdisaster/bg/bg1.jpg);background-position: top center;}
.adbg2 {background-image: url(/images/airdisaster/bg/bg2.jpg);background-position: top center;}
.adbg3 {background-image: url(/images/airdisaster/bg/bg3.jpg);background-position: top center;}
.adbg4 {background-image: url(/images/airdisaster/bg/bg4.jpg);background-position: top center;}
.adbg5 {background-image: url(/images/airdisaster/bg/bg5.jpg);background-position: top center;}
.ethbg1 {background-image: url(/images/page/landscape/ethbg.jpg);background-position: top center;}
.welbg {background-image: url(/images/building/01.jpg);background-position: top center;}
.govbg1 {background-image: url(/images/page/landscape/gov1.jpg);background-position: top center;}
.govbg2 {background-image: url(/images/page/landscape/gov2.jpg);background-position: top center;}
.govbg3 {background-image: url(/images/page/landscape/gov3.jpg);background-position: top center;}
.ofsbg {background-image: url(/images/page/landscape/ofs1.jpg);background-position: top center;}
.vacbg1 {background-image: url(/images/page/landscape/vac1.jpg);background-position: top center;}
.stfbg {background-image: url(/images/page/landscape/staffcollage.jpg);background-position: top center;}
.admbg1 {background-image: url(/images/page/landscape/adm2.jpg);background-position: top center;}
.admbg2 {background-image: url(/images/page/landscape/adm1.jpg);background-position: top center;}
.edulinkbg1 {background-image: url(/images/page/landscape/edulinkbg1.jpg);background-position: top center;}
.exambg {background-image: url(/images/page/landscape/exambg.jpg);background-position: top center;}
.iapbg1 {background-image: url(/images/page/landscape/iapbg1.jpg);background-position: top center;}
.iapbg2 {background-image: url(/images/page/landscape/iapbg2.jpg);background-position: top center;}
.iapbg3 {background-image: url(/images/page/landscape/iapbg3.jpg);background-position: top center;}
.fsmbg {background-image: url(/images/page/landscape/fsmbg.jpg);background-position: top center;}
.fsmggbg {background-image: url(/images/page/landscape/fsmggbg.jpg);background-position: top center;}
.letbg {background-image: url(/images/page/landscape/letbg.jpg);background-position: top center;}
.letcondbg {background-image: url(/images/page/landscape/letcondbg.jpg);background-position: top center;}
.letnoticebg {background-image: url(/images/page/landscape/letnoticebg.jpg);background-position: top center;}
.lunbg1 {background-image: url(/images/page/landscape/lunbg1.jpg);background-position: top center;}
.lunbg2 {background-image: url(/images/page/landscape/lunbg2.jpg);background-position: top center;}
.lunbg3 {background-image: url(/images/page/landscape/lunbg3.jpg);background-position: top center;}
.polbg {background-image: url(/images/page/landscape/polbg.jpg);background-position: top center;}
.resbg {background-image: url(/images/page/landscape/resbg.jpg);background-position: top center;}
.termdtbg {background-image: url(/images/page/landscape/termdtbg.jpg);background-position: top center;}
.unifbg1 {background-image: url(/images/page/landscape/unifbg1.jpg);background-position: top center;}
.unifbg2 {background-image: url(/images/page/landscape/unifbg2.jpg);background-position: top center;}
.unifbg3 {background-image: url(/images/page/landscape/unifbg3.jpg);background-position: top center;}
.curricbg {background-image: url(/images/page/landscape/curricbg.jpg);background-position: top center;}
.cpabg {background-image: url(/images/page/landscape/cpabg.jpg);background-position: top center;}
.artbg {background-image: url(/images/page/landscape/artbg.jpg);background-position: top center;}
.dramabg {background-image: url(/images/page/landscape/dramabg.jpg);background-position: top center;}
.musicbg {background-image: url(/images/page/landscape/musicbg.jpg);background-position: top center;}
.engbg {background-image: url(/images/page/landscape/engbg.jpg);background-position: top center;}
.engreadbg {background-image: url(/images/page/landscape/engreadbg.jpg);background-position: top center;}
.humsbg {background-image: url(/images/page/landscape/humsbg.jpg);background-position: top center;}
.technologybg {background-image: url(/images/page/landscape/technologybg.jpg);background-position: top center;}
.fdtxbg {background-image: url(/images/page/landscape/fdtxbg.jpg);background-position: top center;}
.proddesbg {background-image: url(/images/page/landscape/proddesbg.jpg);background-position: top center;}
.sportbg {background-image: url(/images/page/landscape/sportbg.jpg);background-position: top center;}
.physedbg {background-image: url(/images/page/landscape/physedbg.jpg);background-position: top center;}
.sciencebg {background-image: url(/images/page/landscape/sciencebg.jpg);background-position: top center;}
.careersbg1 {background-image: url(/images/page/landscape/careersbg1.jpg);background-position: top center;}
.careersbg2 {background-image: url(/images/page/landscape/careersbg2.jpg);background-position: top center;}
.careersbg3 {background-image: url(/images/page/landscape/careersbg3.jpg);background-position: top center;}
.careersbg4 {background-image: url(/images/page/landscape/careersbg4.jpg);background-position: top center;}
.ealbg {background-image: url(/images/page/landscape/ealbg.jpg);background-position: top center;}
.enrbg {background-image: url(/images/page/landscape/enrbg.jpg);background-position: top center;}
.pastbg {background-image: url(/images/page/landscape/pastbg.jpg);background-position: top center;}
.readbg {background-image: url(/images/page/landscape/readbg.jpg);background-position: top center;}
.safegbg {background-image: url(/images/page/landscape/safegbg.jpg);background-position: top center;}
.studlbg {background-image: url(/images/page/landscape/studlbg.jpg);background-position: top center;}
.lanflbg {background-image: url(/images/page/landscape/lanflbg.jpg);background-position: top center;}
.studvbg {background-image: url(/images/page/landscape/edulinkbg1.jpg);background-position: top center;}
.compscibg {background-image: url(/images/page/landscape/compscibg.jpg);background-position: top center;}
.provaccessbg {background-image: url(/images/page/landscape/provaccessbg.jpg);background-position: top center;}
.nurswelbg {background-image: url(/images/page/landscape/nurswelbg.jpg);background-position: top center;}
.nursaimbg {background-image: url(/images/page/landscape/nursaimbg.jpg);background-position: top center;}


.adhelp {
	position: absolute;
	width: 100%;
	bottom: 1em;
	background: rgba(78,0,150,0.5);
	font-size: 1.4em;
	font-weight: bold;
	color: var(--textinvert);
}
.adhelp p {
	cursor: pointer;
}
.adhelp p:first-child {
	font-size: 1.2em;
	line-height: 1em;
}
.advideo video {
	display: block;
	width: 80%;
	margin: auto;
}
.advideo iframe {
	display: block;
    width: 100%;
    height: 40em;
    margin: auto;
}
.tflvideo iframe {
	display: block;
    width: 60%;
    height: 40em;
    margin: auto;
}
.adphoto img {
	width: 80%;
	display: block;
	margin: auto;
}
/*.plaquebk {
	width: 80%;
}*/
.plaquebk img {
	width: 80%;
	display: block;
	margin: 2em auto ;
}
.goodhubbutton img {
	width: 12em;
}
.adappeal h2 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 2em;
}
.accordian li {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-right: 2em;
}
.accordian * {
	list-style: none;
	line-height: 1em;
}
.accordian ul {
	display: none;
}
.accordian > li {
	padding: 0.5em;
	border: 1px black solid;
	box-shadow: 0.1em 0.1em 0.4em black;
}
.accordian > li:before {
	content: '>  ';
}
.accselected:before {
	content: '-  ' !important;
}
.vacancycontainer {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 4fr));
	align-content: center;
	justify-content: center;
	margin: 2em;
	font-size: 0.8em;
}
.subjectcontainer {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 400px));
	align-content: center;
	justify-content: center;
	margin: 2em;
	font-size: 0.8em;
	gap: 1em;
}
.subjectind {
	border: 1px solid var(--purple);
}
.subjectind:after {
	content: '';
	display: block;
	width: 100%;
	height:110%;
	background: #000000;
	opacity:0;
}
.subjectind:hover:after {
	opacity: 0.7;
	transition: all 0.5s ease;
}
.subjectind:not(:hover) h2 {
	text-shadow: 0px 0px 0px transparent;
	transition: all 0.5s ease;
}
.subjectind:hover h2 {
	text-shadow: 5px 5px 20px var(--textinvert), -5px -5px 20px var(--textinvert), 5px -5px 20px var(--textinvert), -5px 5px 20px var(--textinvert);
	transition: all 0.5s ease;


}
.subjectind:not(:hover):after {
	opacity: 0;
	transition: all 0.5s ease;
}
.subjecttext {
	z-index: 2;
}
.vacancyind {
	position: relative;
	height: 25em;
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	overflow: hidden;
	margin: 1em;
}
.vacancytext {
	position: absolute;
	bottom: 1em;
	background: rgba(0,0,0,0.6);
	width: 100%;
	text-align: center;
}
.vacancytext * {
	color: var(--textinvert);
	text-decoration: none;
	font-weight: bold;
}
.subjecttext {
	position: absolute;
	bottom: 1em;
	background: rgba(0,0,0,0.6);
	width: 100%;
	padding-bottom: 0;
	text-align: center;
}
.subjecttext h2 {
	color: var(--textinvert);
	text-decoration: none;
	text-transform: capitalize;
	font-weight: bold;
	margin-bottom: 0;
}
.vacancies h2 {
	background:none; color:var(--textcolor);
}
.ofsted table {width: 50%;margin:2em auto;font-size: 1em; line-height: 1.6em;}
h1 span{display: block;font-size:0.5em;}
.ofsted.logo {display:grid;grid-template-columns: 9fr 1fr;}
.ofsted p span {display: block;}
.adpolicies {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 1em;
}
.button {
	background: linear-gradient(180deg,#EDE6AF 0%, #eedf72 35%, #eedf72 65%, #C4B43B 100%);
	border-radius: 1em;
	text-align: center;
	line-height: 3em;
	cursor: pointer;
	/*margin: 0;*/
}
.buttona {
	text-decoration: none;
	font-weight: bold;
	color: var(--textcolor);
	display: inline-block;
	width: 100%;
}
.button:hover {
	background: linear-gradient(0deg,#bab58a 0%, #bdb15b 35%, #bdb15b 65%, #9c8f2f 100%);
	
}
.button:hover a {
	color: var(--textinvert);

}
.appealstable {
	width: 90%;
}
.verttable th {
	text-align: left;
}
.purplebutton {
	filter: hue-rotate(195deg);
}
.bluebutton {
	filter: hue-rotate(185deg);
}
.pinkbutton {
	filter: hue-rotate(220deg);
}
.greybutton {
	filter: saturate(0);
}
.ch75 {
	width: 90%;
	margin: 1em auto
}
.img100 {
	width: 100%;
	margin-top: auto 1em;
}
.center {
	margin: auto;
}
.tooltip {
	position:relative;
}
.tooltip span {
	display: none;
	font-size: 0.8em;
	border: 1px solid black;
	background: white;
	bottom: 1.5em;
	right: 1em;
	translate: 50% 0;
	width: 45ch;
	text-align: center;
}
.tooltip:hover span {
	position: absolute;
	display: block;
}
.link {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}
.tooltip.link span {
	color: var(--textcolor);
	text-decoration: none;
}
.resultp8table {
	width: 40ch;
	font-size: 1.2em;
	margin-top: 1em;
}
.resulttable {
	width: 75%;
	margin:auto;
	text-align: left;
	border-collapse: collapse;
}
.resulttable thead {
	border-top: 2px solid lightsteelblue;
	border-bottom: 2px solid lightsteelblue;
}
.resulttable tbody tr:nth-child(even) {
	background:rgba(100,196,255,0.2);
}
.resulttable thead th, .resulttable tbody td {
	text-align: center;
}
.hidden {
	display: none;
}
.tabs {
	display: grid;
	grid-template-areas: 
		"header1 header2 header3 header4"
		"subjcontent subjcontent subjcontent subjcontent";
	grid-template-rows: auto 1fr;
}
.tabs h3 {
	font-size: 0.8em;
	color: var(--textcolor);
}
.artks378hd {
	cursor: pointer;
	grid-area: header1;
}
.artks378hd:hover {
	background: var(--purple);
	color: var(--textinvert);
}
.artks39hd {
	cursor: pointer;
	grid-area: header2;
}
.artks39hd:hover {
	background: var(--darkyellow);
	color: var(--textinvert);
}
.artks4hd {
	cursor: pointer;
	grid-area: header3;
}
.artks4hd:hover {
	background: var(--darkpink);
	color: var(--textinvert);
}
.artresourceshd {
	cursor: pointer;
	grid-area: header4;
}
.artresourceshd:hover {
	background: var(--darkblue);
	color: var(--textinvert);
}
.subjectcontent {
	grid-area: subjcontent;
}
.subjecttable {
	width: 100%;
	line-height: 1.5em
}
.fullborder {
	border: 1px solid var(--purple);
	padding: 0 1em;
}
.subjectoverviewtable p {
	margin:0;
	padding-right: 2em;
}
.nolileft {
	padding-left: 0;
}
.subtext {
	margin:0;
	padding: 0;
	font-size: 0.9em;
	font-style: italic;
}
.grtable:not(.nobold) p:not(.subtext) {
	font-weight: bold;
}
p:not(.subtext):has(+ p) {
	margin-bottom:0;
}
.biology {
	color: darkgreen;
}
.chemistry {
	color: darkgoldenrod;
}
.physics {
	color: darkblue;
}
.verticaltext {
	writing-mode: vertical-rl;
	transform: rotate(-180deg);
}
.padleftright {
	padding-left: 1em;
	padding-right: 1em;
}
.padtopbottom {
	padding-top: 1em;
	padding-bottom: 1em;
}
.curricoverviewgcse, .curricoverviewvoc {
	width: 100%;
}
.curricoverviewgcse tr:nth-child(even), .curricoverviewvoc tr:nth-child(even) {
	background: var(--lightpurple);
}
.curricoverviewgcse td {
	width: calc(100% / 3);
}
.curricoverviewvoc td {
	width: 50%;
}
.currictable {
	width: 100%;
}
.currictable th {
	color: var(--textinvert);
}
.currictabley7 tr:nth-child(even) {
	background-color: var(--lightred);
}
.currictabley8 tr:nth-child(even) {
	background-color: var(--lightgold);
}
.currictabley9 tr:nth-child(even) {
	background-color: var(--lightblue);
}
.currictabley10 tr:nth-child(even) {
	background-color: var(--lightgreen);
}
.currictabley11 tr:nth-child(even) {
	background-color: var(--lightpurple);
}