:root {
	--lightpurple: #f7f5ff;
	--medpurple: #ce99ff;
	--medpurple2: #663399;
	--purple: #4e0096;
	--lightblue: #dff6ff;
	--blue: #7c9cbb;
	--darkblue: #344c65;
	--darkerblue: #170c59;
	--gold: goldenrod;
	--lightgold: #e3d8ba;
	--medgold: #e0c989;
	--darkgold: #8c6700;
	--lightred: #e0cac8;
	--medred: #e09d96;
	--darkred: #800800;
	--lightgreen: #bbd9b8;
	--medgreen: #7ddb74;
	--darkgreen: #085c00;
	--lightyellow: #ede6af;
	--yellow: #e1e170;
	--darkyellow: #85853c;
	--darkpink: #74254d;
	--pink: #d784ad;
	--lightpink: #e3b8cd;
	--lightgrey: #ddd;
	--medgrey: #888;
	--darkgrey: #444;
	--textcolor: #111;
	--textinvert: white;
	--black: black;
	--white: white;
	--offwhite: #ecf0f1;
	--talablue: #8caace;
	--talapink: #c069a7;
	--talayellow: #eedf72;
	--transblack: #00000022;
	--maxtransblack: rgba(0,0,0,0);
	--rgbatransblack: rgba(0, 0, 0, 0.6);
	--transwhite: #fff1;
	--ckiegrn1: #9cffaf;
	--ckiegrn2: #77d189;
	--ckiegrn3: #4e995d;
	--ckiered1: #fcacac;
	--ckiered2: #e07070;
	--ckiered3: #a65151;
	--purple2: #40008a;
	--rgbatransmedpurple: rgba(78,0,150,0.5);
	--rgbatranspurple: rgba(40,0,80, 0.7);
	--maxtranswhite: rgba(255,255,255,0);
	--verytranswhite: rgba(255,255,255,0.1);
	--rgbaverytransblue: rgba(128,128,255,0.2);
	--rgbatransskyblue: rgba(100,196,255,0.2);
}
@media (prefers-color-scheme: dark) {
	:root {
		--lightpurple: #f7f5ff;
		--medpurple: #ce99ff;
		--medpurple2: #663399;
		--purple: #4e0096;
		--lightblue: #dff6ff;
		--blue: #7c9cbb;
		--darkblue: #344c65;
		--darkerblue: #170c59;
		--gold: goldenrod;
		--lightgold: #e3d8ba;
		--medgold: #e0c989;
		--darkgold: #8c6700;
		--lightred: #e0cac8;
		--medred: #e09d96;
		--darkred: #800800;
		--lightgreen: #bbd9b8;
		--medgreen: #7ddb74;
		--darkgreen: #085c00;
		--lightyellow: #ede6af;
		--yellow: #e1e170;
		--darkyellow: #85853c;
		--darkpink: #74254d;
		--pink: #d784ad;
		--lightpink: #e3b8cd;
		--lightgrey: #ddd;
		--medgrey: #888;
		--darkgrey: #444;
		--textcolor: #111;
		--textinvert: white;
		--black: black;
		--white: white;
		--offwhite: #ecf0f1;
		--talablue: #8caace;
		--talapink: #c069a7;
		--talayellow: #eedf72;
		--transblack: #00000022;
		--maxtransblack: rgba(0,0,0,0);
		--rgbatransblack: rgba(0, 0, 0, 0.6);
		--transwhite: #fff1;
		--ckiegrn1: #9cffaf;
		--ckiegrn2: #77d189;
		--ckiegrn3: #4e995d;
		--ckiered1: #fcacac;
		--ckiered2: #e07070;
		--ckiered3: #a65151;
		--purple2: #40008a;
		--rgbatransmedpurple: rgba(78,0,150,0.5);
		--rgbatranspurple: rgba(40,0,80, 0.7);
		--maxtranswhite: rgba(255,255,255,0);
		--verytranswhite: rgba(255,255,255,0.1);
		--rgbaverytransblue: rgba(128,128,255,0.2);
		--rgbatransskyblue: rgba(100,196,255,0.2);
	}
}




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;
	border-collapse: collapse;
	margin: auto;
}
table td {
	vertical-align: top;
	padding: 10px;
}
li {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
@media only screen {
	h1 {
		text-align: center;
		line-height: 2em;
		font-size: 2em;
	}
	h2:not(.plain) {
		background: var(--purple);
		color: var(--textinvert);
		padding: 0.5em;
		text-align: center;
	}
	h3:not(.plain)7 {
		background: dimgrey;
		color: var(--textinvert);
		padding: 0.5em;
		text-align: center;
	}
	h2:not(.plain).invert {
		background: none;
		color: var(--textcolor);
	}
	.hassubheader {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	h2.subheader {
		margin-top: 0;
		padding-top: 0;
	}

	.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: var(--rgbatransblack);
		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: var(--rgbatranspurple);
		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: var(--black);
	}
	.hbcontainer {
		position: relative;
		width: 100%;}
	.hamburger {
		position: absolute;
		right: 1em;
		top: 0.6em;
	}
	.hamburger .line{
	  width: 2.5rem;
	  height: 0.25rem;
	  background-color: var(--offwhite);
	  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: 9999;
		background: var(--purple);

	}

	#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 var(--transblack));
		width: 15rem;
		margin: auto;
	}
	.talavalues {
		display: grid;
		max-width: 100%;
		column-gap: 1em;
		text-align: center;
		background: var(--maxtranswhite);
		padding: 1em 2em;
		margin:auto;
	}
	.valueteam::first-letter {
		font-size: 2em;
		color: var(--talablue);
		text-shadow: 2px 2px 5px var(--medgrey);

	}
	.valueaccount::first-letter {
		font-size: 2em;
		color: var(--talapink);
		text-shadow: 2px 2px 5px var(--medgrey);
	}
	.valuelead::first-letter {
		font-size: 2em;
		color: var(--talayellow);
		text-shadow: 2px 2px 5px var(--medgrey);
	}
	.valueasp::first-letter {
		font-size: 2em;
		color: var(--purple);
		text-shadow: 2px 2px 5px var(--medgrey);
	}
	.talastats {
		background: var(--medpurple2);
		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 var(--transblack);
		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 var(--darkgrey);
	}
	.subfooter ul {
		list-style: none;
	}
	.subfooter ul li {
		padding-top: 1em;
	}
	.material-symbols-outlined {
		vertical-align: bottom;
	}
	#footer {
		background: var(--purple);
		width: 100%;
		display: grid;
		grid-template-columns: 4fr 1fr;

	}
	#footer ul {
		list-style: none;
		color: white;
		line-height: 1.5em;
	}
	.footerlinks a {
		text-decoration: none;
		color: white;
	}
	.toppadded {
		padding-top: 1em;
	}
	.bottompadded {
		padding-bottom: 1em
	}
	.topmargin {
		margin-top: 1em !important;
	}
	.bottommargin {
		margin-bottom: 1em !important;
	}
	.leftmargin {
		margin-left: 1em;
	}
	.rightpadded {
		padding-right: 2em;
	}
	#principalmessage {
		margin: auto;
		text-align: justify;
	}
	.principalphoto img {
		border-radius: 25%;
		box-shadow: 10px 10px 10px var(--darkgrey);
	}
	.topimagewrapper {
		height: 30vw;
		overflow: hidden;
		position: relative;
		width: 100%;
		background-attachment: fixed;
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: top 50px center;
	}
	/*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: var(--white);
	}
	.talabglightred {
		background-color: var(--lightred);
	}
	.talabgmedred {
		background-color: var(--medred);
	}
	.talabgdarkred {
		background-color: var(--darkred);
	}
	.talabgdarkgold {
		background-color: var(--darkgold);
	}
	.talabgmedgold {
		background-color: var(--medgold);
	}
	.talabglightgold {
		background-color: var(--lightgold);
	}
	.talabglightgreen {
		background-color: var(--lightgreen);
	}
	.talabgmedgreen {
		background-color: var(--medgreen);
	}
	.talabgdarkgreen {
		background-color: var(--darkgreen);
	}
	.text-purple {
		color: var(--purple);
	}
	.text-medpurple {
		color: var(--medpurple);
	}
	.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: var(--white);
	}
	.uniformtable tr td {
		width: 25%;
	}
	.uniformtable tr:nth-child(even) {
		background: var(--transblack);
	}
	.uniformtable tr td:nth-child(3n) {
		background: var(--transblack);
	}
	.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;
	}
	.canteentariff tr:nth-child(even) {
		background: var(--lightblue);
	}
	.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 var(--rgbatransblack)
	}
	.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, .edulinkicon {
		cursor: pointer;
		font-weight: bold;
	}
	.edulinkcontent {
		display: none;
	}
	.edulinkcontent img {
		width: 100%;
		margin-left: 2em;
	}
	img.portimage {
		width: 45%;
		margin-left: 2em;
	}
	.table100 {
		width: 100%;
	}
	.table70 {
		width: 70%;
		margin: auto;
	}
	.table100 , .table70 {
		tr:nth-child(even) {
			background: aliceblue;
		}
		td {
			padding: 0.5em;
		}
	}
	.nurserystaffphoto img {
		width: 200px;
		aspect-ratio: 1 / 1;
		border-radius: 50%;
		box-shadow: 0.25em 0.25em 1em var(--rgbatransblack);
		margin:1em auto;
	}
	.airdhelp {
		position: absolute;
		width: 100%;
		bottom: 1em;
		background: var(--rgbatransmedpurple);
		font-size: 1.4em;
		font-weight: bold;
		color: var(--textinvert);
	}
	.airdhelp p {
		cursor: pointer;
	}
	.airdhelp p:first-child {
		font-size: 1.2em;
		line-height: 1em;
	}
	.grid40ch {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
		grid-gap: 1em;

	}
	.grid40ch > div {
		width: 100%;
	}
	.grid30pc {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3), 1fr));
	}
	.grid10ch > div {
		width: 100%;
	}
	.grid10ch {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(10ch, 1fr));
		grid-gap: 1em;
	}
	.grid10ch > div {
		width: 100%;
	}
	.twocolumnnarrow {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 60%;
	}
	.excurr > div > div, .excurr2 div > div {
		margin: 0 5px;
	}
	.excurr h4, .excurr2 h4 {
		margin-bottom: 0;
	}
	.excurr p, .excurr2 p {
		margin-top: 0;
	}
	.registerinterest {
		grid-template-columns: 10ch 35ch;
	}
	.admvideo video {
		display: block;
		width: 80%;
		margin: auto;
	}
	.policy ol {
		list-style-type: none;
		counter-reset: item;
		margin: 0;
		padding: 0;
	}
	.policy ol > li {
		display: table;
		counter-increment: item;
		margin-bottom: 0.6em;
		
	}
	.policy ol > li:before {
		content: counters(item, ".") ". ";
		display: table-cell;
		padding-right: 0.6em;
		
	}
	.policy li ol > li {
		margin: 0;
	}
	.policy li ol > li:before {
		content: counters(item, ".") " ";
	}
	.policy * {font-family: arial;}
	.policy h1 {color: rebeccapurple;font-size: 1.8em; text-align: center; margin: 0.2em;}
	.policy h2 {color: rebeccapurple;font-size: 1.3em;font-weight: bold; margin-top: 1.5em;}
	.policy h3 {font-size: 1.2em; font-weight: bold}
	.policy h4 {font-size: 1.1em; font-weight: bold}
	.policy h5 {font-size: 1em;font-style: italic;}
	.policy span.header{color: rebeccapurple;font-size: 1.3em;font-weight: bold; margin-top: 1.5em;}
	.leftarrow {border: none; font-size: 2em; text-align:center; padding:0;margin:0;line-height:0.9em;}
	.downarrow {font-size: 3em;text-align:center;padding: 0;margin:0; line-height:0.9em;}

	.rot90deg p {transform: rotate(90deg);font-size:3em;text-align: center;margin: 0;}
	.rot180deg p {transform: rotate(180deg);font-size:3em;text-align: center;margin: 0;}
	#popup {
		z-index: 99999;
		display: block;
		background: var(--rgbatransblack);
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		overflow: hidden;
	}
	.mainpopup {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: grid;
		grid-template-columns: 1fr 1.5em;
		grid-template-areas: 
			". close"
			"content content";
		border-radius: 1em;
		margin: auto;
		box-shadow: 5px 5px 5px black;
		background: white;
	}
	.cookiepopup {
		position: fixed;
		bottom: 5em;
		left: 50%;
		transform: translateX(-50%);
		box-shadow: 5px 5px 5px black;
		z-index: 999999;
		display: block;
		background: var(--lightpurple);
		font-size: 0.8em;
		max-width: 80ch;
		min-width: 320px;
	}
	.cookiepopup h2 {
		text-align: left;
		font-size: 1.1em;
	}
	.cookiepopup button {
		margin-left: 1em;
		margin-right: 1em;
		margin-bottom: 1em;
		border-radius: 1em;
		text-align: center;
		padding: 0.8em;
		cursor: pointer;
		font-weight: bold;
		/*margin: 0;*/
	}
	.ackie {
		background: linear-gradient(180deg, var(--ckiegrn1) 0%, var(--ckiegrn2) 35%, var(--ckiegrn2) 65%, var(--ckiegrn3) 100%);
	}
	.ackie:hover {
		background: linear-gradient(0deg, var(--ckiegrn1) 0%, var(--ckiegrn2) 35%, var(--ckiegrn2) 65%, var(--ckiegrn3) 100%);
	}
	.rckie {
		background: linear-gradient(180deg, var(--ckiered1) 0%, var(--ckiered2) 35%, var(--ckiered2) 65%, var(--ckiered3) 100%);
	}
	.rckie:hover {
		background: linear-gradient(0deg, var(--ckiered1) 0%, var(--ckiered2) 35%, var(--ckiered2) 65%, var(--ckiered3) 100%);
	}
	.popupclose {
		grid-area: close;
		color: var(--purple);

	}
	.popupclose p {
		margin: 0;
		font-weight: bold;
		cursor: pointer;
	}
	.popupcontent {
		grid-area: content;
	}
	.supplimental {width: ; margin: auto; border: 1px solid grey; padding: 1em;}
	.supplimental p, .supplimental ol li {font-style: italic; font-size: 0.9em}
}
@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: var(--rgbatransblack);
		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 var(--white);
		background: var(--verytranswhite);
	}
	.menu ul ul li:hover a {
		text-shadow: 0px 0px 20px var(--white);
	}
	.menu ul ul {
		position: absolute;
		min-width: auto;
		display: none;
		opacity: 0;
		background: var(--purple2);
		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: var(--maxtranswhite);
		padding: 1em 2em;
		margin:auto;
		}
	.values-1 {
		grid-template-columns: 1fr;
	}
	.values-1 div {
		display: grid;
		grid-template-columns: 20em 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;
	}
	.width100 {
		width: 100%;
	}
	.width70pc {
		width: 70%;
		margin:auto;
	}
	.subwidth70pc p,.subwidth70pc > ul,.subwidth70pc > ol,.subwidth70pc > h4,.subwidth70pc > h5 {
		width: 70%;
		margin:auto;
	}
	.subwidth70pc > ul,.subwidth70pc > ol {
		padding-bottom: 1.5em;
	}
	.subwidth70pc > p {
		padding-bottom: 1em;
	}
	.width80ch {
		display: block;
		width: 80ch;
	}
	.width40ch {
		display: block;
		width: 40ch;
	}
	.subwidth70pc table {
		width: 70%;
		padding-bottom: 1.5em;
		background: var(--maxtransblack);
	};
	.subwidth70pc table th:first-child {
		width: 30%;
	}
	.subwidth70pc table tr:nth-child(even) {
		background-color: var(--rgbaverytransblue)
	} 
	.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: var(--transblack);
	}
	.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 {
		display: none;
	}
	.testimonial div {
		grid-template-columns: 1fr 4fr 1fr;
		background-color: var(--rgbatransblack);
		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: var(--transwhite);
		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;
	}*/
	.quicklnkimg {
		width: 100%;
		max-width: 15rem;
	}
	.quicklnkfig {
		margin: 0;
	}
	.values-2 {
		grid-template-columns: repeat(2, 1fr);
	}
	.values-4 {
		grid-template-columns: 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;
	}
	.button {margin-left: 1em; margin-right: 1em;}
	.studentvoicestructure img {
		width: 60%;
		display: block;
		margin: auto;
	}

}
@media only screen and (min-width: 1068px) {
	.ofstedlogo {width: 200px; box-shadow: 10px 10px 10px black; margin: auto; border-radius: 0 50px 50px 0}
	.ofstedreport {width: 200px; box-shadow: 10px 10px 10px black; margin: auto; border-radius: 50px 0 0 50px; cursor: pointer;}
	.ofstedreport:hover {box-shadow: -2px -2px 7px black;}

}
@media only screen and (max-width: 1067px) {
	.ofstedlogo {width: 200px; box-shadow: 10px 10px 10px black; margin: auto; border-radius: 0 50px 50px 0}
	.ofstedreport {width: 200px; box-shadow: 10px 10px 10px black; margin: auto; border-radius: 50px 0 0 50px; cursor: pointer;}
	.ofstedreport:hover {box-shadow: -2px -2px 7px black;}


}
@media only screen and (max-width: 980px) {
	.landscapeonly {
		display: none;
	}
	.portraitonly {
		display: block;
	}
	.nurserystaffphoto img {
		width: 100px;
	}
	.letsimg img {
		display: block;
		width: 90%;
		margin: 1em auto;
		box-shadow: 5px 5px 10px var(--rgbatransblack);
	}
	.airdhelp {
		bottom: 0;
		font-size: 1em;
	}
	.airdhelp p {
		font-size: 1em
		line-height: 1em;
	}
	.topimagewrapper {
		height: 35vw;
	}
	.admvideo video {
		display: block;
		width: 100%;
	}
	.mainpopup {
		width: 95%;
	}

}
@media only screen and (min-width: 981px) {
	.portraitonly {
		display: none;
	}
	.twocolumn3070 {
		display:grid;
		grid-template-columns: 3fr 7fr;
	}
	.mainpopup {
		width: 60%;
	}
}
@media only screen and (min-width: 712px) {
	.airdpolicies {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 1em;
	}

}
@media only screen and (max-width: 711px) {
	.ofsted {text-align: center !important;}
	.threecolumn {display: inherit;}
	.ofstedlogo {width: 150px; margin: auto; border-radius: 0 0 50px 50px; box-shadow: 2px 2px 7px black; margin-bottom: 1em;}
	.ofstedreport {width: 150px; margin: auto; border-radius: 50px 50px 0 0; box-shadow: 2px 2px 7px black; margin-top: 1em;  cursor: pointer;}
	.ofstedreport:hover {box-shadow: -2px -2px 7px black;}
	.ofstedareas {display: none;}
	.registerinterest {
		grid-template-columns: 10ch 1fr;
	}

}

@media only screen and (max-width: 610px) {
	.values-4, .values-2 {
		grid-template-columns: 1fr;
	}
	section > div > * {
		max-inline-size: calc( 100% - 1.5em );
	}
	h1 {
		font-size: 1.5em;
		line-height: 1.2em;
	}
	ol, ul {
		padding-left: 1.5em;
		padding-right: 1em;
	}
	.airdhelp {display: none}
	/*h2 {width: calc(100% + 0.25em);margin-left: -0.5em;}*/
	.tabley7 th, .tabley8 th, .tabley9 th, .tabley10 th, .tabley11 th {padding: 0;}
}
@media only screen and (max-width: 450px) {
	.daytable tr th:first-child {
		max-width: 4ch;
		white-space: normal;
		line-height: 1.5em;
		padding: 5px;
	}
}


.housetwocolumn {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 1em;
	align-items: center;
	justify-content: center;
}
.housetwocolumn img {
	display: block;
	width: 100%;
}
.uniformtwocolumn {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 1em;
	justify-content: center;
}
.ftthreecolumn {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(30ch, 1fr));
	grid-gap: 1em;
	justify-content: center;
}
.loading img {
	display: block;
	margin: auto;
}
.admofsted { background: var(--darkerblue); color: var(--white); font-weight: bold}
.admofsted p {margin: 0; text-align: center;}
.admofsted h3 {background: var(--darkerblue);}
.admofsted span {color: var(--gold); font-size: 1.1em}
.error {
	background: pink;
	color: red;
	border: 1px red solid;
}
.confirmation {
	position: relative;
}
.loading img {
	display: block;
	margin: auto;
}
#opendaybutton {
	margin-top: 1em;
}
.registerinterest {
	display: grid;
}
.ofstedlogo, .ofstedreport {display: block;}
.admofsted h3 {
	margin-top: 1em;
}





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









/* 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;
}

.textgold {
	color: gold;
}
.topimagewrapper > img {
	width: 100%;}
.topslides img{
	width: 100%;
}
section {
	text-align: justify;
	display: block;
}
.strikethrough {
	text-decoration: line-through;
}
.valuestopics {
	text-align: center;
}
section div {
	padding-bottom: 1em;
}
.listletter {
	list-style-type: lower-alpha;
}


.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 var(--rgbatransblack);
	margin: 2em auto;
}
.nurserystaffphoto * {
	margin: 0;
}
h1,h2,h3,h4 {
	max-inline-size: none !important;
	margin-top: 0;
}
.airdslides {
	position: relative;
}
.bg1 {background-image: url(/images/page/landscape/index1.jpg);}
.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;}
.airdbg1 {background-image: url(/images/airdisaster/bg/bg1.jpg);}
.airdbg2 {background-image: url(/images/airdisaster/bg/bg2.jpg);}
.airdbg3 {background-image: url(/images/airdisaster/bg/bg3.jpg);}
.airdbg4 {background-image: url(/images/airdisaster/bg/bg4.jpg);}
.airdbg5 {background-image: url(/images/airdisaster/bg/bg5.jpg);}
.ethbg1 {background-image: url(/images/page/landscape/ethbg.jpg);}
.welbg {background-image: url(/images/building/04.jpg);}
.govbg1 {background-image: url(/images/page/landscape/gov1.jpg);}
.govbg2 {background-image: url(/images/page/landscape/gov2.jpg);}
.govbg3 {background-image: url(/images/page/landscape/gov3.jpg);}
.ofsbg {background-image: url(/images/page/landscape/ofs1.jpg);}
.vacbg1 {background-image: url(/images/page/landscape/vac1.jpg);}
.stfbg {background-image: url(/images/page/landscape/staffcollage.jpg);}
.airdmbg1 {background-image: url(/images/building/building2.jpg);}
.airdmbg2 {background-image: url(/images/page/landscape/adm1.jpg);}
.edulinkbg1 {background-image: url(/images/page/landscape/edulinkbg1.jpg);}
.exambg {background-image: url(/images/page/landscape/exambg.jpg);}
.iapbg1 {background-image: url(/images/page/landscape/iapbg1.jpg);}
.iapbg2 {background-image: url(/images/page/landscape/iapbg2.jpg);}
.iapbg3 {background-image: url(/images/page/landscape/iapbg3.jpg);}
.fsmbg {background-image: url(/images/page/landscape/fsmbg.jpg);}
.fsmggbg {background-image: url(/images/page/landscape/fsmggbg.jpg);}
.letbg {background-image: url(/images/page/landscape/letbg.jpg);}
.letcondbg {background-image: url(/images/page/landscape/letcondbg.jpg);}
.letnoticebg {background-image: url(/images/page/landscape/letnoticebg.jpg);}
.lunbg1 {background-image: url(/images/page/landscape/lunbg1.jpg);}
.lunbg2 {background-image: url(/images/page/landscape/lunbg2.jpg);}
.lunbg3 {background-image: url(/images/page/landscape/lunbg3.jpg);}
.polbg {background-image: url(/images/page/landscape/polbg.jpg);}
.resbg {background-image: url(/images/page/landscape/resbg.jpg);}
.termdtbg {background-image: url(/images/page/landscape/termdtbg.jpg);}
.unifbg1 {background-image: url(/images/page/landscape/unifbg1.jpg);}
.unifbg2 {background-image: url(/images/page/landscape/unifbg2.jpg);}
.unifbg3 {background-image: url(/images/page/landscape/unifbg3.jpg);}
.curricbg {background-image: url(/images/page/landscape/curricbg.jpg);}
.cpabg {background-image: url(/images/page/landscape/cpabg.jpg);}
.artbg {background-image: url(/images/page/landscape/artbg.jpg);}
.dramabg {background-image: url(/images/page/landscape/dramabg.jpg);}
.musicbg {background-image: url(/images/page/landscape/musicbg.jpg);}
.engbg {background-image: url(/images/page/landscape/engbg.jpg);}
.engreadbg {background-image: url(/images/page/landscape/engreadbg.jpg);}
.humsbg {background-image: url(/images/page/landscape/humsbg.jpg);}
.technologybg {background-image: url(/images/page/landscape/technologybg.jpg);}
.fdtxbg {background-image: url(/images/page/landscape/fdtxbg.jpg);}
.proddesbg {background-image: url(/images/page/landscape/proddesbg.jpg);}
.sportbg {background-image: url(/images/page/landscape/sportbg.jpg);}
.physedbg {background-image: url(/images/page/landscape/physedbg.jpg);}
.sciencebg {background-image: url(/images/page/landscape/sciencebg.jpg);}
.careersbg1 {background-image: url(/images/page/landscape/careersbg1.jpg);}
.careersbg2 {background-image: url(/images/page/landscape/careersbg2.jpg);}
.careersbg3 {background-image: url(/images/page/landscape/careersbg3.jpg);}
.careersbg4 {background-image: url(/images/page/landscape/careersbg4.jpg);}
.ealbg {background-image: url(/images/page/landscape/ealbg.jpg);}
.enrbg {background-image: url(/images/page/landscape/enrbg.jpg);}
.pastbg {background-image: url(/images/page/landscape/pastbg.jpg);}
.readbg {background-image: url(/images/page/landscape/readbg.jpg);}
.safegbg {background-image: url(/images/page/landscape/safegbg.jpg);}
.studlbg {background-image: url(/images/page/landscape/studlbg.jpg);}
.lanflbg {background-image: url(/images/page/landscape/lanflbg.jpg);}
.studvbg {background-image: url(/images/page/landscape/edulinkbg1.jpg);}
.compscibg {background-image: url(/images/page/landscape/compscibg.jpg);}
.provaccessbg {background-image: url(/images/page/landscape/provaccessbg.jpg);}
.nurswelbg {background-image: url(/images/page/landscape/nurswelbg.jpg);}
.nursaimbg {background-image: url(/images/page/landscape/nursaimbg.jpg);}
.dofebg {background-image: url(/images/page/landscape/dofebg.jpg);}
.sendbg1 {background-image: url(/images/page/landscape/termdtbg.jpg);}
.sendbg2 {background-image: url(/images/page/landscape/curricbg.jpg);}
.sendbg3 {background-image: url(/images/page/landscape/pastbg.jpg);}
.housebg {background-image: url(/images/houses.jpg);}
.malalabg {background-image: url(/images/houses/malalabg.jpg);}
.jemisonbg {background-image: url(/images/houses/jemisonbg.jpg);}
.attenboroughbg {background-image: url(/images/houses/attenboroughbg.jpg);}
.extracurricbg {background-image: url(/images/page/landscape/extracurricbg.jpg);}


.textshadow {
	text-shadow: 2px 2px 2px black;
}

.airdvideo video {
	display: block;
	width: 80%;
	margin: auto;
}
.airdvideo iframe {
	display: block;
	width: 100%;
	height: 40em;
	margin: auto;
}
.tflvideo iframe {
	display: block;
	margin: auto;
	width: 100%;
	aspect-ratio:16/9;
}
.airdphoto img {
	width: 80%;
	display: block;
	margin: auto;
}
/*.plaquebk {
	width: 80%;
}*/
.plaquebk img {
	width: 80%;
	display: block;
	margin: 2em auto ;
}
.goodhubbutton img {
	width: 12em;
}
.airdappeal 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;
	cursor: pointer;
}
.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, 25em);
	align-content: center;
	justify-content: center;
	gap: 0.5em;
	font-size: 0.8em;
}
.subjectcontainer {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 400px));
	align-content: center;
	justify-content: center;
	font-size: 0.8em;
	gap: 1em;
}
.subjectind {
	border: 1px solid var(--purple);
	margin: auto;
}
.subjectind:after {
	content: '';
	display: block;
	width: 100%;
	height:110%;
	background: var(--black);
	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;
	width: 25em !important;
	background-size: cover;
	background-position: bottom center;
	background-repeat: no-repeat;
	overflow: hidden;
}
.vacancytext {
	position: absolute;
	bottom: 1em;
	background: var(--rgbatransblack);
	width: 100%;
	text-align: center;
}
.vacancytext * {
	color: var(--textinvert);
	text-decoration: none;
	font-weight: bold;
}
.subjecttext {
	position: absolute;
	bottom: 1em;
	background: var(--rgbatransblack);
	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;}
.button {
	background: linear-gradient(180deg, var(--lightyellow) 0%, var(--yellow) 35%, var(--yellow) 65%, var(--darkyellow) 100%);
	border-radius: 1em;
	text-align: center;
	padding: 1em;
	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, var(--lightgold) 0%, var(--gold) 35%, var(--gold) 65%, var(--darkgold) 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: var(--rgbatransskyblue);
}
.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(--lightpurple);
}
.currictabley8 tr:nth-child(even) {
	background-color: var(--lightred);
}
.currictabley9 tr:nth-child(even) {
	background-color: var(--lightgold);
}
.currictabley10 tr:nth-child(even) {
	background-color: var(--lightblue);
}
.currictabley11 tr:nth-child(even) {
	background-color: var(--lightgreen);
}