@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=1e4ef672-67ba-49ad-acb4-a6674c899ced");
@font-face{
	font-family:"Harmonia Sans W05 Light";
	src:url("Fonts/f383cc8d-7628-4315-b8e3-d0e785de99df.woff2") format("woff2"),url("Fonts/f1244e87-8d9c-4c7c-92d3-93d4a34b3a31.woff") format("woff");
}
@font-face{
	font-family:"Harmonia Sans W05 Regular";
	src:url("Fonts/3d59eba6-b147-4754-97cc-4aa65849c612.woff2") format("woff2"),url("Fonts/0444a82c-3efc-4d47-97cc-100769d06036.woff") format("woff");
}
@font-face{
	font-family:"Harmonia Sans W05 Semi Bold";
	src:url("Fonts/ac2570d4-84e4-4c61-98fe-d5d4c20ae9ca.woff2") format("woff2"),url("Fonts/e849c21f-55fd-43b8-bf97-77659aa015c2.woff") format("woff");
}
@font-face{
	font-family:"Harmonia Sans W05 Bold";
	src:url("Fonts/750a0634-4f8f-4e4d-b1cb-194c73c997b5.woff2") format("woff2"),url("Fonts/e8129a45-3013-4082-b52a-69febba99875.woff") format("woff");
}
@font-face{
	font-family:"Harmonia Sans W01 Black";
	src:url("Fonts/f3c62500-01e6-4a03-8a06-25b06efac7ed.woff2") format("woff2"),url("Fonts/240140b7-957c-4f94-98e1-34bbcf41b451.woff") format("woff");
}
@font-face {
	font-family: 'Barlow Light';
	src: url("Fonts/Barlow-Light.ttf") format('truetype');
}
@font-face {
	font-family: 'Barlow Regular';
	src: url("Fonts/Barlow-Regular.ttf") format('truetype');
}
@font-face {
	font-family: 'Barlow Medium';
	src: url("Fonts/Barlow-Medium") format('truetype');
}
@font-face {
	font-family: 'Barlow Bold';
	src: url("Fonts/Barlow-Bold.ttf") format('truetype');
}
@font-face {
	font-family: 'Fredoka One';
	src: url("Fonts/FredokaOne-Regular.ttf") format('truetype');
}


:root {
    --ltt-primary-colour: #006592;
	--ltt-secondary-colour: #4e96bc;
	--ltt-accent-colour: #ef749a;
	
	--lht-primary-colour: #006592;
	--lht-secondary-colour: #4e96bc;
	
	--bcs-primary-colour: #006490;
	--bcs-secondary-colour: #4a93b7;
	--bcs-accent-colour: #ad95c3;
	
	--bea-primary-colour: #006491;
	--bea-secondary-colour: #4e96bc;
	--bea-accent-colour: #d99e0a;
	
    --cas-primary-colour: #165729;
	--cas-secondary-colour: #476e41;
	--cas-tertiary-colour: #748b67;
	--cas-accent-colour: #8d579b;
	
	--ced-primary-colour: #303687;
	--ced-secondary-colour: #00a5df;
	--ced-accent-colour: #e7a90b;
	
	--cms-primary-colour: #13596f;
	--cms-secondary-colour: #acca35;
	
	--fal-primary-colour: #00BBBE;
	--fal-secondary-colour: #191C51;
	--fal-accent-colour: #E2F3F4;
	
	--hum-primary-colour: #747cbb;
	--hum-secondary-colour: #222e3a;
	--hum-accent-colour: #c57800;
	
	--jud-primary-colour: #c10601;
	--jud-secondary-colour: #939598;
	--jud-accent-colour: #a4d009;
	
	--mar-primary-colour: #303687;
	--mar-secondary-colour:#2e8bc7;
	--mar-accent-colour: #d99e0a;

	--mer-primary-colour: #2C588F;
	--mer-secondary-colour: #2B2969;
	--mer-tertiary-colour: #FDB913;
	--mer-accent-colour: #F9A22B;
	
	--sjn-primary-colour: #233043;
	--sjn-secondary-colour: #80abbe;
	--sjn-accent-colour: #63beaa;

	--swn-primary-colour: #36565b;
	--swn-secondary-colour: #EFB850;
	--swn-accent-colour: #5C784E;
	
	--tns-primary-colour: #292f62;
	--tns-secondary-colour: #4c4a79;
	--tns-tertiary-colour: #746e96;
	--tns-accent-colour: #3885b7;
	
	--primaryschool-secondary-colour: #585158;
	
    --blp-primary-colour: #008340;
    --blp-secondary-colour: #262831;
	--blp-accent-colour: #f6c33f;
	
	--bro-primary-colour: #077a3e; /* #585158 */
	--bro-secondary-colour: #609c31;
	--bro-accent-colour: #f6c33f;
	
	--gsn-primary-colour: #739349;
	--gsn-secondary-colour: #24572b;
	--gsn-accent-colour: #fcbd7d;

	--hal-primary-colour: #be1622;
	--hal-secondary-colour: #f8c634;
	--hal-accent-colour: #82c8ce;
	
	--hig-primary-colour: #007734;
	--hig-secondary-colour: #f6c341;
	--hig-accent-colour: #ec6608;

	--nhj-primary-colour: #ba2025;
	--nhj-secondary-colour: #2B2E5B;
	--nhj-accent-colour: #80D4F7;
	
	--riv-primary-colour: #0090d1;
	--riv-secondary-colour: #7cb02a;
	--riv-accent-colour: #f6c33f;

	--doe-primary-colour: #4a93b7;
	--doe-secondary-colour: #394346;
	--doe-accent-colour: #f6c341;

	--ems-primary-colour: #327473;
	--ems-secondary-colour: #7ba5a3;
	--ems-tertiary-colour: #82c6b4;
	--ems-accent-colour: #fbba33;

	--pio-primary-colour: #a71a17;
	--pio-secondary-colour: #f07f35;
	--pio-accent-colour: #d84748;
}

.ltt-colours {
    --school-primary: var(--ltt-primary-colour);
	--school-secondary: var(--ltt-secondary-colour);
	--school-accent: var(--ltt-accent-colour);
}

.let-colours {
    --school-primary: var(--lht-primary-colour);
	--school-secondary: #444444;
	--school-accent: var(--lht-secondary-colour);
}
.bcs-colours {
	--school-primary: var(--bcs-primary-colour);
	--school-secondary: var(--bcs-secondary-colour);
	--school-accent: var(--bcs-accent-colour);
}
.bea-colours {
	--school-primary: var(--bea-primary-colour);
	--school-secondary: var(--bea-secondary-colour);
	--school-accent: var(--bea-accent-colour);
}
.cas-colours {
	--school-primary: var(--cas-primary-colour);
	--school-secondary: var(--cas-secondary-colour);
	--school-accent: var(--cas-accent-colour);
}
.ced-colours {
	--school-primary: var(--ced-primary-colour);
	--school-secondary: var(--ced-secondary-colour);
	--school-accent: var(--ced-accent-colour);
}
.fal-colours {
	--school-primary: var(--fal-primary-colour);
	--school-secondary: var(--fal-secondary-colour);
	--school-accent: var(--fal-accent-colour);
}
.hum-colours {
	--school-primary: var(--hum-primary-colour);
	--school-secondary: var(--hum-secondary-colour);
	--school-accent: var(--hum-accent-colour);
}
.jud-colours {
	--school-primary: var(--jud-primary-colour);
	--school-secondary: var(--jud-secondary-colour);
	--school-accent: var(--jud-accent-colour);
}
.mar-colours {
	--school-primary: var(--mar-primary-colour);
	--school-secondary: var(--mar-secondary-colour);
	--school-accent: var(--mar-accent-colour);
}
.mer-colours {
	--school-primary: var(--mer-primary-colour);
	--school-secondary: var(--mer-secondary-colour);
	--school-accent: var(--mer-accent-colour);
}
.sjn-colours {
	--school-primary: var(--sjn-primary-colour);
	--school-secondary: var(--sjn-secondary-colour);
	--school-accent: var(--sjn-accent-colour);
}
.swn-colours {
	--school-primary: var(--swn-primary-colour);
	--school-secondary: var(--swn-secondary-colour);
	--school-accent: var(--swn-accent-colour);
}
.tns-colours {
	--school-primary: var(--tns-primary-colour);
	--school-secondary: var(--tns-secondary-colour);
	--school-accent: var(--tns-accent-colour);
}
.blp-colours {
	--school-primary: var(--blp-primary-colour);
	--school-secondary: var(--blp-secondary-colour);
	--school-accent: var(--blp-accent-colour);
}
.bro-colours {
	--school-primary: var(--bro-primary-colour);
	--school-secondary: var(--bro-secondary-colour);
	--school-accent: var(--bro-accent-colour);
}
.gsn-colours {
	--school-primary: var(--gsn-primary-colour);
	--school-secondary: var(--gsn-secondary-colour);
	--school-accent: var(--gsn-accent-colour);
}
.hal-colours {
    --school-primary: var(--hal-primary-colour);
	--school-secondary: var(--hal-secondary-colour);
	--school-accent: var(--hal-accent-colour);
}
.hig-colours {
    --school-primary: var(--hig-primary-colour);
	--school-secondary: var(--hig-secondary-colour);
	--school-accent: var(--hig-accent-colour);
}
.nhj-colours {
	--school-primary: var(--nhj-primary-colour);
	--school-secondary: var(--nhj-secondary-colour);
	--school-accent: var(--nhj-accent-colour);
}
.riv-colours {
    --school-primary: var(--riv-primary-colour);
	--school-secondary: var(--riv-secondary-colour);
	--school-accent: var(--riv-accent-colour);
}
.doe-colours {
	--school-primary: var(--doe-primary-colour);
	--school-secondary: var(--doe-secondary-colour);
	--school-accent: var(--doe-accent-colour);
}
.ems-colours {
	--school-primary: var(--ems-primary-colour);
	--school-secondary: var(--ems-secondary-colour);
	--school-accent: var(--ems-accent-colour);
}
.pio-colours {
	--school-primary: var(--pio-primary-colour);
	--school-secondary: var(--pio-secondary-colour);
	--school-accent: var(--pio-accent-colour);
}

.ltt-primary-bg { background-color: var(--ltt-primary-colour); }
.ltt-primary-font { color: var(--ltt-primary-colour) !important; }
.ltt-secondary-bg { background-color: var(--ltt-secondary-colour); }
.ltt-secondary-font { color: var(--ltt-secondary-colour) !important; }
.ltt-accent-bg { background-color: var(--ltt-accent-colour); }
.ltt-accent-font { color: var(--ltt-accent-colour)!important; }

.lht-primary-bg { background-color: var(--lht-primary-colour); }
.lht-primary-font { color: var(--lht-primary-colour) !important; }
.lht-secondary-bg { background-color: var(--lht-secondary-colour); }
.lht-secondary-font { color: var(--lht-secondary-colour) !important; }

.bcs-primary-bg { background-color: var(--bcs-primary-colour); }
.bcs-primary-font { color: var(--bcs-primary-colour) !important; }
.bcs-secondary-bg { background-color: var(--bcs-secondary-colour); }
.bcs-secondary-font { color: var(--bcs-secondary-colour) !important; }
.bcs-accent-bg { background-color: var(--bcs-accent-colour); }
.bcs-accent-font { color: var(--bcs-accent-colour) !important; }

.bea-primary-bg { background-color: var(--bea-primary-colour); }
.bea-primary-font { color: var(--bea-primary-colour) !important; }
.bea-secondary-bg { background-color: var(--bea-secondary-colour); }
.bea-secondary-font { color: var(--bea-secondary-colour) !important; }
.bea-accent-bg { background-color: var(--bea-accent-colour); }
.bea-accent-font { color: var(--bea-accent-colour)!important; }

.cas-primary-bg { background-color: var(--cas-primary-colour); }
.cas-primary-font { color: var(--cas-primary-colour) !important; }
.cas-secondary-bg { background-color: var(--cas-secondary-colour); }
.cas-secondary-font { color: var(--cas-secondary-colour) !important; }
.cas-tertiary-bg { background-color: var(--cas-tertiary-colour); } 
.cas-tertiary-font { color: var(--cas-tertiary-colour) !important; }
.cas-accent-bg { background-color: var(--cas-accent-colour); }
.cas-accent-font { color: var(--cas-accent-colour) !important; }

.ced-primary-bg { background-color: var(--ced-primary-colour); }
.ced-primary-font { color: var(--ced-primary-colour) !important; }
.ced-secondary-bg { background-color: var(--ced-secondary-colour); }
.ced-secondary-font { color: var(--ced-secondary-colour) !important; }
.ced-accent-bg { background-color: var(--ced-accent-colour); }
.ced-accent-font { color: var(--ced-accent-colour) !important; }

.fal-primary-bg { background-color: var(--fal-primary-colour); }
.fal-primary-font { color: var(--fal-primary-colour) !important; }
.fal-secondary-bg { background-color: var(--fal-secondary-colour); }
.fal-secondary-font { color: var(--fal-secondary-colour) !important; }
.fal-accent-bg { background-color: var(--fal-accent-colour); }
.fal-accent-font { color: var(--fal-accent-colour) !important; }

.hum-primary-bg { background-color: var(--hum-primary-colour); }
.hum-primary-font { color: var(--hum-primary-colour) !important; }
.hum-secondary-bg { background-color: var(--hum-secondary-colour); }
.hum-secondary-font { color: var(--hum-secondary-colour) !important; }
.hum-accent-bg { background-color: var(--hum-accent-colour); }
.hum-accent-font { color: var(--hum-accent-colour) !important; }

.jud-primary-bg { background-color: var(--jud-primary-colour); }
.jud-primary-font { color: var(--jud-primary-colour) !important; }
.jud-secondary-bg { background-color: var(--jud-secondary-colour); }
.jud-secondary-font { color: var(--jud-secondary-colour) !important; }
.jud-accent-bg { background-color: var(--jud-accent-colour); }
.jud-accent-font { color: var(--jud-accent-colour) !important; }

.mar-primary-bg { background-color: var(--mar-primary-colour); }
.mar-primary-font { color: var(--mar-primary-colour) !important; }
.mar-secondary-bg { background-color: var(--mar-secondary-colour); }
.mar-secondary-font { color: var(--mar-secondary-colour) !important; }
.mar-accent-bg { background-color: var(--mar-accent-colour); }
.mar-accent-font { color: var(--mar-accent-colour) !important; }

.mer-primary-bg { background-color: var(--mer-primary-colour); }
.mer-primary-font { color: var(--mer-primary-colour) !important; }
.mer-secondary-bg { background-color: var(--mer-secondary-colour); }
.mer-secondary-font { color: var(--mer-secondary-colour) !important; }
.mer-tertiary-bg { background-color: var(--mer-tertiary-colour) !important; }
.mer-tertiary-font { color: var(--mer-tertiary-colour) !important; }
.mer-accent-bg { background-color: var(--mer-accent-colour); }
.mer-accent-font { color: var(--mer-accent-colour) !important; }

.sjn-primary-bg { background-color: var(--sjn-primary-colour); }
.sjn-primary-font { color: var(--sjn-primary-colour) !important; }
.sjn-secondary-bg { background-color: var(--sjn-secondary-colour); }
.sjn-secondary-font { color: var(--sjn-secondary-colour) !important; }
.sjn-accent-bg { background-color: var(--sjn-accent-colour); }
.sjn-accent-font { color: var(--sjn-accent-colour) !important; }

.swn-primary-bg { background-color: var(--swn-primary-colour); }
.swn-primary-font { color: var(--swn-primary-colour) !important; }
.swn-secondary-bg { background-color: var(--swn-secondary-colour); }
.swn-secondary-font { color: var(--swn-secondary-colour) !important; }
.swn-accent-bg { background-color: var(--swn-accent-colour); }
.swn-accent-font { color: var(--swn-accent-colour) !important; }

.tns-primary-bg { background-color: var(--tns-primary-colour); }
.tns-primary-font { color: var(--tns-primary-colour) !important; }
.tns-secondary-bg { background-color: var(--tns-secondary-colour); }
.tns-secondary-font { color: var(--tns-secondary-colour) !important; }
.tns-tertiary-bg { background-color: var(--tns-tertiary-colour); } 
.tns-tertiary-font { color: var(--tns-tertiary-colour) !important; }
.tns-accent-bg { background-color: var(--tns-accent-colour); }
.tns-accent-font { color: var(--tns-accent-colour) !important; }

.primaryschool-secondary-bg { background-color: var(--primaryschool-secondary-colour); }
.primaryschool-secondary-font { color: var(--primaryschool-secondary-colour) !important; }

.bro-primary-bg { background-color: var(--bro-primary-colour); }
.bro-primary-font { color: var(--bro-primary-colour) !important; }
.bro-secondary-bg { background-color: var(--bro-secondary-colour); }
.bro-secondary-font { color: var(--bro-secondary-colour) !important; }
.bro-accent-bg { background-color: var(--bro-accent-colour); }
.bro-accent-font { color: var(--bro-accent-colour) !important; }

.blp-primary-bg { background-color: var(--blp-primary-colour); }
.blp-primary-font { color: var(--blp-primary-colour) !important; }
.blp-secondary-bg { background-color: var(--blp-secondary-colour); }
.blp-secondary-font { color: var(--blp-secondary-colour) !important; }
.blp-accent-bg { background-color: var(--blp-accent-colour); }
.blp-accent-font { color: var(--blp-accent-colour) !important; }

.gsn-primary-bg { background-color: var(--gsn-primary-colour); }
.gsn-primary-font { color: var(--gsn-primary-colour) !important; }
.gsn-secondary-bg { background-color: var(--gsn-secondary-colour); }
.gsn-secondary-font { color: var(--gsn-secondary-colour) !important; }
.gsn-accent-bg { background-color: var(--gsn-accent-colour); }
.gsn-accent-font { color: var(--gsn-accent-colour) !important; }

.hal-primary-bg { background-color: var(--hal-primary-colour); }
.hal-primary-font { color: var(--hal-primary-colour) !important; }
.hal-secondary-bg { background-color: var(--hal-secondary-colour); }
.hal-secondary-font { color: var(--hal-secondary-colour) !important; }
.hal-accent-bg { background-color: var(--hal-accent-colour); }
.hal-accent-font { color: var(--hal-accent-colour) !important; }

.hig-primary-bg { background-color: var(--hig-primary-colour); }
.hig-primary-font { color: var(--hig-primary-colour) !important; }
.hig-secondary-bg { background-color: var(--hig-secondary-colour); }
.hig-secondary-font { color: var(--hig-secondary-colour) !important; }
.hig-accent-bg { background-color: var(--hig-accent-colour); }
.hig-accent-font { color: var(--hig-accent-colour) !important; }

.nhj-primary-bg { background-color: var(--nhj-primary-colour); }
.nhj-primary-font { color: var(--nhj-primary-colour) !important; }
.nhj-secondary-bg { background-color: var(--nhj-secondary-colour); }
.nhj-secondary-font { color: var(--nhj-secondary-colour) !important; }
.nhj-accent-bg { background-color: var(--nhj-accent-colour); }
.nhj-accent-font { color: var(--nhj-accent-colour) !important; }

.riv-primary-bg { background-color: var(--riv-primary-colour); }
.riv-primary-font { color: var(--riv-primary-colour) !important; }
.riv-secondary-bg { background-color: var(--riv-secondary-colour); }
.riv-secondary-font { color: var(--riv-secondary-colour) !important; }
.riv-accent-bg { background-color: var(--riv-accent-colour); }
.riv-accent-font { color: var(--riv-accent-colour) !important; }

.doe-primary-bg { background-color: var(--doe-primary-colour); }
.doe-primary-font { color: var(--doe-primary-colour) !important; }
.doe-secondary-bg { background-color: var(--doe-secondary-colour); }
.doe-secondary-font { color: var(--doe-secondary-colour) !important; }
.doe-accent-bg { background-color: var(--doe-accent-colour); }
.doe-accent-font { color: var(--doe-accent-colour) !important; }

.ems-primary-bg { background-color: var(--ems-primary-colour); }
.ems-primary-font { color: var(--ems-primary-colour) !important; }
.ems-secondary-bg { background-color: var(--ems-secondary-colour); }
.ems-secondary-font { color: var(--ems-secondary-colour) !important; }
.ems-tertiary-bg { background-color: var(--ems-secondary-colour); }
.ems-tertiary-font { color: var(--ems-secondary-colour) !important; }
.ems-accent-bg { background-color: var(--ems-accent-colour); }
.ems-accent-font { color: var(--ems-accent-colour) !important; }

.pio-primary-bg { background-color: var(--pio-primary-colour); }
.pio-primary-font { color: var(--pio-primary-colour) !important; }
.pio-secondary-bg { background-color: var(--pio-secondary-colour); }
.pio-secondary-font { color: var(--pio-secondary-colour) !important; }
.pio-accent-bg { background-color: var(--pio-accent-colour); }
.pio-accent-font { color: var(--pio-accent-colour) !important; }

.school-primary-bg { background-color: var(--school-primary) !important; }
.school-primary-font { color: var(--school-primary) !important; }
.school-secondary-bg { background-color: var(--school-secondary) !important; }
.school-secondary-font { color: var(--school-secondary) !important; }
.school-accent-bg { background-color: var(--school-accent) !important; }
.school-accent-font { color: var(--school-accent) !important; }

.beehive-bg { background: linear-gradient(140deg,#ffa000 50%,#ffee56 100%); }

.white-bg { background-color: #fff !important; }
.white-font { color: #fff !important; }

.black-bg {
	background-color: #000 !important;
}

.black-font {
	color: #000 !important;
}


body {
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: column nowrap;
	min-height: 100vh;
}
p, td, li {
	font-family: 'Barlow Regular';
	font-size: 16px;
	color: #333;
	line-height: 1.4rem;
}
h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	font-family: "Harmonia Sans W01 Black";
	margin: 0;
	padding: 0;
	color: var(--school-primary);
}
table {
    border-collapse: collapse;
}
th {
	font-family: 'Harmonia Sans W05 Semi Bold';
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	text-align: left;
}
th > p {
    color: white;
    margin: 4px;
}
td > p {
  margin: 0;
}
a {
  text-decoration: none;
  color: var(--school-primary);
}
a:hover {
    color: var(--school-accent) !important;
}
th {
  background-color: var(--school-primary);
  color: #fff;
}
tr, td, th {
    border: 1px solid #FFF;
	border-collapse: collapse;
	width: 960px;
	padding: 8px;
}
tr:nth-child(even) {
  background-color: #eee;
}
tr:nth-child(odd) {
  background-color: #d8d8d8;
}
button {
    border: 0;
}


.align-left {
	text-align: left;
	align-items: flex-start !important;
}
.align-center {
	text-align: center;
	align-items: center !important;
}
.align-right {
	text-align: right;
	align-items: flex-end !important;
}
.justify-left {
	text-align: left;
	justify-content: flex-start !important;
}
.justify-center {
	text-align: center;
	justify-content: center !important;
}
.justify-right {
	text-align: right;
	justify-content: flex-end !important;
}


.button {
	outline: 0;
	border-radius: 4px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Harmonia Sans W05 Bold";
	color: black;
	margin: 4px;
	display: inline-block;
	width: fit-content;
	transition: 0.3s;
}
.button:hover {
    color: var(--school-accent) !important;
}
.button-small {
	padding: 8px 12px;
	font-size: 12px;
}
.button-medium {
	padding: 8px 16px;
	font-size: 16px;
}
.button-large {
	padding: 12px 32px;
	font-size: 20px;
}

.alert-modal {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 120;
    color: #FFF;
    background: rgba(0,0,0,.9);
    transition: 2s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.alert-modal.show-alert {
    visibility: visible;
    transition: 1s;
    opacity: 1;
}
.alert-modal > div {
    width: 70%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    background-color: var(--school-primary);
    border-radius: 4px;
    padding: 24px 48px 24px 48px;
}
.alert-modal > div > div * {
    padding: 4px 0 20px 0;
    font-family: 'Barlow Regular';
    font-size: 16px;
    color: white;
}

nav {
	position: fixed;
	width: 100%;
	height: 56px;
	display: flex;
	align-items: stretch;
	justify-content: center;
	z-index: 100;
	top: 0;
	background-color: var(--school-primary);
	color: white;
}
.menubar { 
	display: flex;
	align-items: stretch;
	padding: 0;
	margin: 0;
	flex-flow: row nowrap;
	flex-grow: 1;
	justify-content: center;
	width: 1280px;
}
.menubar > li > span:hover {
	color: var(--school-accent);
}
.menubar * { 
	text-decoration: none; 
	list-style: none; 
}
.menubar > li, .contact {
	cursor: pointer;
	display: flex;
	align-items: center;
}

@media only screen and (min-width: 600px) {
    .menubar > li:hover .dropdown, .menubar > li:active .dropdown {
    	display: flex;
    }
}
.menubar > li > span, .menubar > li > a, .contact > a { 
	font-family:"Harmonia Sans W01 Black"; 
	text-transform: uppercase; 
	font-size: 12px;
	text-align: center;
	padding: 0 8px 0 8px;
	text-decoration: none;
	color: white;
}
.dropdown {
	display: none;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.95);
	width: 100%;
	z-index: 10;
	left: 0;
	top: 56px;
	justify-content: center;
}
.dropdown-content {
	width: 960px;
	display: flex;
	flex-flow: row wrap;
	padding: 16px 0 0 0;
}
.dropdown-content > li {
	padding: 0 20px 16px 20px;
}
.dropdown-content > li > span {
	font-family:"Harmonia Sans W01 Black"; 
	text-transform: uppercase; 
	font-size: 12px;
	color: var(--school-accent);
}
.section-links {
	padding: 0;
	margin-top: 4px;
}
.section-links > li {
	margin-bottom: 4px;
}
.dropdown-content a {
	text-decoration: none;
	color: white;
	margin-bottom: 4px;
	font-family: 'Barlow Regular';
	font-size: 12px;
}


.page-content {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	margin: 20px 0 40px 0;
	flex-grow: 1;
}
.page-content .additional-page-content, .page-content .additional-page-content > div {
	width: 100%;
}
.page-content .additional-page-content > div {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}
.page-content .additional-page-content > div > section {
	width: 960px;
	margin: 16px 0 16px 0;
}
.page-content > .page-introduction {
	width: 960px;
}
.page-content > .page-introduction > img {
	/* max-width: 500px; */
	width: 100%;
	height: 350px;
	object-fit: cover;
}
.page-content > .page-introduction > h1 {
	margin: 12px 0 12px 0;
}


.page-header {
	height: 112px;
	width: 100%;
	background-color: var(--school-secondary);
	display: flex;
	justify-content: center;
	margin-top: 56px;
}
.page-header > div {
	height: 100%;
	width: 950px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}
.page-header .header-school-logo {
	height: 75%;
}
.page-header .header-trust-logo {
	height: 80%;
}


.page-content .page-introduction > span {
	font-family: "Harmonia Sans W05 Light";
	font-size: 24px;
	color: var(--school-secondary);
	display: inline-block;
	margin-bottom: 20px;
}
.page-content .page-introduction > div {
	width: 50rem;
}


.accordion-header {
	transform: scale(1);
	width: 100%;
	cursor: pointer;
	text-align: left;
	outline: 0;
	font-family: "Harmonia Sans W05 Bold";
	text-transform: uppercase;
	border: 0;
	border-radius: 8px 8px 0 0;
	display: flex;
	padding: 8px;
	align-items: center;
	border-bottom: none;
	border-radius: 4px;
	margin-bottom: 4px;
	min-height: 45px;
}
.accordion-header > span {
	flex-grow: 1;
	font-size: 16px;
	margin-left: 8px;
	color: white;
	align-self: center;
}
.accordion-header > img {
	height: 45px;
}
.accordion-header > .accordion-main-icon {
	height: 55px;
	margin-left: 16px;
	margin-right: 8px;
}
.accordion-content {
	max-height: 0;
	overflow: hidden;
	transform: scale(1);
}
.accordion-content > div {
	width: 95%;
}
.content-active {
	max-height: 1500px;
	transition: transform .3s ease,-webkit-transform .3s ease;
	padding: 8px 20px 8px 20px;
	position: relative;
	z-index: 10;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #F0F0F0;
	margin-bottom: 4px;
}
.accordion-active {
	border-radius: 4px 4px 0 0;
	transition: transform .3s ease,-webkit-transform .3s ease;
	margin-bottom: 0;
}


.banner-container {
	color: #fff;
	width: 100% !important;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}
.banner-container > div {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	padding-top: 16px;
	padding-bottom: 16px;
	width: 960px;
}
.banner-container span {
	text-transform: uppercase;
	margin: 0 0 8px 0;
	font-family: "Harmonia Sans W05 Bold";
	font-size: 20px;
}
.banner-container * {
	color: #fff;
}
.banner-container .banner-button {
	outline: 0;
	border-radius: 4px;
	color: #FFF;
	padding: 12px 24px;
	text-decoration: none;
	margin: 20px 0 0 0;
	text-transform: uppercase;
	font-family: "Harmonia Sans W05 Bold";
	font-size: 12px;
	background-color: var(--school-primary);
	text-align: center;
}
.banner-container p {
	margin: 0;
	max-width: 50rem;
}


.card-container > span {
	text-transform: uppercase;
	font-family: "Harmonia Sans W05 Bold";
	font-size: 20px;
	margin-bottom: 20px;
	color: var(--school-primary);
}
.card-container > div {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin-top: 12px;
}
.card-container .card-item-container {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	width: 30%;
	margin: 0 12px 28px 12px;
	justify-content: flex-end;
}
.card-container .card-item-container img {
	max-width: 100%;
}
.card-container .card-item-container > a {
	font-size: 0;
}
.card-container .card-item-container > span {
	text-transform: uppercase;
	font-family: "Harmonia Sans W05 Bold";
	font-size: 16px;
	color: var(--school-primary);
	margin: 8px 0 4px 0;
}
.card-container .card-item-container > p {
	margin: 0;
	max-width: 100%;
}


.file-container > span {
	text-transform: uppercase;
	font-family: "Harmonia Sans W05 Bold";
	font-size: 20px;
	margin-bottom: 20px;
	color: var(--school-primary);
}
.file-container > div {
	margin-left: 8px;
}
.file-content {
	display: flex;
	flex-flow: column nowrap;
	margin: 16px 0 16px 0;
}
.file-content > a {
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Harmonia Sans W01 Black";
	font-size: 16px;
	color: var(--school-primary);
}
.file-content span {
	color: var(--school-primary);
	font-family: 'Barlow Regular';
}
.file-container hr {
	border: 1px dashed #939598;
}


footer {
	width: 100%;
	border-top: solid #999 1px;
}
footer .footer-partners {
	background: #ffffff;
	display: flex;
	flex-flow: row nowrap;
}
footer .footer-partners > div {
    margin: 16px 0 16px 0;
}
footer .footer-partners > div > img {
	max-height: 56px;
	padding: 0 12px 0 12px;
}
footer .footer-main {
	background: #ffffff;
}
footer .footer-main > div {
	margin: 16px 0 16px 0;
}
footer .footer-main a {
	color: #444;
}
footer .footer-main span {
	font-family: "Harmonia Sans W01 Black";
	font-size: 16px;
	text-transform: uppercase;
	color: var(--school-primary);
}
footer .footer-main > div > div:first-child {
	margin-right: 48px;
}
footer .footer-main > div > div:nth-child(2) {
	margin-right: auto;
}
footer .footer-partners {
	background: #fff;
	color: #999;
}
footer .footer-legal {
	background: #333333;
	height: 32px;
	align-items: center;
}
footer .footer-legal > div {
	display: flex;
	justify-content: space-between;
}
footer .footer-legal * {
	color: #999;
}
footer > section {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
footer > section > div {
	width: 950px;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
}
footer p, footer a {
margin: 4px 0 4px 0;
font-family: 'Barlow Regular';
letter-spacing: -0.8px;
	font-size: 16px;
}
footer a {
	text-decoration: none;
}
footer ul {
	padding: 0;
	margin: 4px 0 0 0;
}
footer li {
	list-style: none;
}
.footer-legal p,  .footer-legal a{
	font-size: 12px;
}
.footer-legal ul {
	display: flex;
	margin: 0;
}
.footer-legal ul li:not(:last-child):after {
	content: "|";
	margin: 8px;
}
footer .logos {
	display: flex;
	flex-flow: row nowrap;
	height: 100%;
	align-items: center;
}
footer .logos > img {
	height: 100px;
	padding: 0 10px 0 10px;
}



.grid-container * {
	box-sizing: border-box;
}

.grid-row {
	display: flex;
	flex-flow: row nowrap;
}

.grid-row .grid-column:nth-child(2) > p {
	margin-left: 12px;
}
.grid-row .grid-column:nth-child(1) > p {
	margin-right: 12px;
}

.grid-column {
	display: flex;
	flex-flow: column nowrap;
	/* padding: 0 12px 0 12px; */
	box-sizing: border-box;
	position: relative;
	justify-content: center;
}

.grid-column img {
	max-width: 100%;
	border-radius: 4px;
}

.grid-column ul {
	margin: 0;
}

.grid-column > p {
	margin: 8px 0 8px 0;
}

.fw-grid > img {
	max-width: 70% !important;
}

.col-1 { width: 8.33333333333%; }
.col-2 { width: 16.6666666667%; }
.col-3 { width: 25%; }
.col-4 { width: 33.3333333333%; }
.col-5 { width: 41.6666666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.3333333333%; }
.col-8 { width: 66.6666666667%; }
.col-9 { width: 75%; }
.col-10 { width: 83.3333333333%; }
.col-11 { width: 91.6666666667%; }
.col-12 { width: 100%; }

.inline-icon {
    height: 3rem;
}
.flex-row {
	display: flex;
	flex-flow: row wrap;
	width: 90%;
}


.eteach-wrapper {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}


.slider {
	width: 100%;
	height: 100vh;
	padding-top: 56px;
	box-sizing: border-box;
	position: relative;
}

.slider * {
	max-height: 100%;
}

.slider > .slider-images {
	position: relative;
	width: 100%;
	height: 100%;
}

.slider-images > img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: none;
}

.slider > .slider-overlay {
	position: absolute;
	bottom: 0;
	z-index: 10;
	background: linear-gradient(180deg,rgba(0,0,0,.5),#000);
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column nowrap;
	padding: 28px 0 32px 0;
	height: 136px;
}

.slider-overlay > .slider-slide-contents {
	display: block;
	padding: 0;
	flex-grow: 1;
	text-align: center;
	box-sizing: border-box;
}

.slider-overlay * {
    max-width: 100%;
}

.slider-overlay > .slide-denotations > .slider-thumbnails {
	display: flex;
	position: relative;	
	align-items: center;
	justify-content: center;
	list-style-type: none;
	max-width: 960px;
	margin: 0;
	visibility: collapse;
	opacity: 0;
	height: 0;
    padding: 0;
}

.slider-thumbnails > li {
	transition: .5s;
	cursor: pointer;
	margin: 0 8px 0 8px;
}

.slider-thumbnails > li img {
	width: 75px;
	height: 50px;
	filter: grayscale(100%);
	border-radius: 4px;
	object-fit: cover;
}

.slide-content {
	display: none;
	width: 960px;
	justify-content: center;
	flex-flow: column nowrap;
	align-items: center;
}

.slide-content > span {
	text-transform: uppercase;
	font-family: "Harmonia Sans W01 Black";
	font-size: 28px;
	color: white;
}

.slide-content p {
	color: white;
	margin: 8px 0 0 0;
}

.slider-images > img.slide-active, .slider-slide-contents > div.slide-active, .content-slider-articles > .slide-active {
	display: flex;
	flex-grow: 1;
}

.slider-thumbnails > li.slide-active > img {
	filter: grayscale(0);
	transform: scale(1.1);
	transition: .6s;
}

.slider-thumbnails > li .fas {
	color: rgba(255,255,255,.3);
	font-size: 28px;
}

.home-header {
	height: 112px;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 56px;
	position: absolute;
	z-index: 5;
	background: rgba(0,0,0,.3);
}

.home-header > div {
	height: 100%;
	width: 950px;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}

.home-header .header-school-logo {
	height: 75%;
}

.home-header .header-trust-logo {
	height: 80%;
}

.slider-button {
	color: white;
	margin: 24px 0 0 0;
	padding: 8px 24px;
	font-size: 12px;
	background-color: var(--school-primary);
	border-color: var(--school-primary);
}

.slide-dots {
	display: flex;
	align-items: center;
	margin-top: 16px;
	opacity: 1;
	justify-content: center;
	width: fit-content;
	cursor: pointer;
}

.slide-dots > .dot {
	height: 4px;
	width: 4px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	margin: 0 8px 0 8px;
}

.slide-dots > .dot.slide-active {
	height: 8px;
	width: 8px;
}

.slide-denotations:hover > .slider-thumbnails {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 0.5s linear;
	height: auto;
    padding: 28px 0 14px 0;
}

.slide-denotations:hover > .slide-dots {
	visibility: collapse;
	opacity: 0;
	height: 0;
    padding: 0;
}

.slide-denotations {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}

.thumbnail-prev {
	height: 200px !important;
	transition: height 0.1s ease;
}

.home-content {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}

.home-content > div {
  width: 100%;
}

.home-content .banner-container > div {
	padding-top: 32px;
	padding-bottom: 32px;
}

.home-content .grid-container {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}

.home-content .grid-container > .grid-row {
	width: 80%;
	/* padding: 1rem 0; */
}

.home-content .grid-container > .grid-row * {
	color: white;
}

.section-header {
	text-transform: uppercase;
	font-family: "Harmonia Sans W01 Black";
	font-size: 20px;
	color: var(--school-primary);
}
.sub-header {
	text-transform: uppercase;
	font-family: "Harmonia Sans W01 Black";
	font-size: 16px;
	color: var(--school-primary);
}

/*
.home-content .grid-container .grid-column > .caption {
	position: absolute;
	bottom: 5px; 
	width: 80%; 
	background: rgba(0, 0, 0, 0.7);
	margin: 0;
	padding: 0 8px 0 8px;
}
*/

.home-content .grid-container .grid-column > .caption {
	position: absolute;
	bottom: 5px;
	width: 50%;
	background: rgba(0, 0, 0, 0.7);
	margin: 0;
	padding: 4px 12px 4px 12px;
	font-size: 20px;
	line-height: 1.8rem;
	font-family: Harmonia Sans W05 Light;
}

/* .home-content .grid-container:nth-child(even) {	background-color: var(--school-secondary); }
.home-content .grid-container:nth-child(odd) { background-color: var(--school-primary); } */

.content-slider {
	width: 100%;
	height: 400px;
	overflow: hidden;
	position: relative;
}
.content-slider * {
	max-width: 100%;
	max-height: 100%;
}

.content-slider > img {
	width: 100%;
	filter: blur(9px);
	object-fit: cover;
	position: absolute;
}

.content-slider-content {
	width: 100%;
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	position: relative;
	background-color: rgba(0,0,0,.6);
}

.content-slider-content > span {
	text-transform: uppercase;
	color: white;
	font-size: 20px;
	padding: 16px 0 16px 0;
	font-family: "Harmonia Sans W05 Bold";
}

.content-slider-articles {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	position: relative;
	width: 80%;
	height: 70%;
	justify-content: space-around;
}

.content-slider-articles > i {
	color: rgba(255,255,255,.3);
	cursor: pointer;
	font-size: 20px;
}

.content-slider-article {
	display: none;
	flex-flow: row nowrap;
	position: relative;
	margin: 0 14px 0 14px;
}

.content-slider-article > img {
	max-width: 400px;
}

.content-slider-article > div {
	padding: 0 16px 0 16px;
}

.content-slider-article > div > span {
	color: white;
	font-size: 16px;
	font-family: "Harmonia Sans W05 Bold";
	text-transform: uppercase;
}
.content-slider-article > div > p {
	color: #939598;
	margin: 0 0 16px 0;
}

.content-slider-article > div > div * {
	color: white;
}
.content-slider-article > div > div > p {
	margin: 4px 0 4px 0;
}

.white {
	color: white
}

.content-slider-content > .slide-dots {
	margin: 0;
}

.content-slider-content > .slider-button {
	margin: 8px 0 0 0;
}

.grid-container li {
	font-family: 'Barlow Regular';
	font-size: 16px;
	word-wrap: break-word;
}

.contact-line {
	display: flex;
	flex-flow: row nowrap;
	text-transform: none !important;
}

.contact-line > i {
	margin: 8px 4px 0 0;
	font-size: 12px;
}

.search-form {
	visibility: hidden;
	position: absolute;
	z-index: 25;
	top: 60px;
	right: 8px;
	padding: 12px 20px 12px 20px;
	background: rgba(0,0,0,.7);
	border-radius: 4px;
	opacity: 0;
}

.search-form > form {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.search-form input[type="text"] {
	width: 240px;
	color: #333;
	border-radius: 4px;
	border: 1px solid var(--school-primary);
	font-size: 16px;
	font-family: 'Barlow Regular';
	padding: 4px 8px;
}

.search-form.form-show {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s, opacity 0.3s linear;
}

.search-content {
	margin-top: 56px;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}

.search-content > * {
	width: 960px;
}

.search-content > form {
	display: flex;
	flex-flow: column nowrap;
	margin: 28px 0 14px 0;
	align-items: center;
}

.search-content > form > input[type="text"] {
	font-family: 'Barlow Regular';
	border: none;
	border-bottom: 1px solid var(--school-primary);
	padding: 8px 4px 8px 4px;
	color: #333;
	font-size: 16px;
	width: 100%;
}
.search-content > form > button {
	margin: 12px 0 12px 0;
}

.search-header {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.search-results {
	display: flex;
	flex-flow: column nowrap;
}

.search-results > .result {
	box-shadow: 16px 16px 16px -16px rgba(0,0,0,.15);
	border: 1px solid #e7e7e8;
	margin: 8px 0 8px 0;
	padding: 24px;
	border-radius: 4px;
	transition: .1s;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
}

.search-results > .result > * {
	max-width: fit-content;
}

.search-results > .result:hover {
	transition: .2s;
	border: 1px solid var(--school-primary);
}

.search-results > .result > a {
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Harmonia Sans W05 Bold";
	color: var(--school-primary);
}

.search-results > .result > .button {
	margin: 16px 0 0 0;
}

.search-results > .pagination {
	align-self: center;
	margin: 24px 0 24px 0;
}

.search-results > .pagination > a {
	color: var(--school-primary);
	padding: 8px 12px 8px 12px;
	text-decoration: none;
	border: 1px solid var(--school-primary);
	font-family: "Harmonia Sans W05 Bold";
	border-radius: 4px;
	font-size: 16px;
}

.search-results > .pagination > a.active {
	background-color: var(--school-primary);
	color: rgba(255,255,255,.8);
	border: 1px solid var(--school-primary);
}


.primary-school .slider .slide-content > span {
	font-family: 'Fredoka One';
	font-size: 20px;
}
.primary-school .slider .slide-content > p {
	margin: 12px 0 12px 0;
	font-family: 'Fredoka One';
	font-size: 48px;
	text-shadow: 0.05rem 0.1rem 0.1rem var(--school-primary), 0.1rem 0.15rem 0.2rem rgba(0, 0, 0, 0.99), 0.05rem 0.1rem 0.1rem var(--school-primary);
}

.beehive-bg .beehive-text * {
	color: #162431;
}

.beehive-bg .banner-button {
	background: #162431;
	border: 1px solid #162431;
	color: #ffffff;
}

.social-media-slider {
	width: 100%;
	background: var(--school-primary);
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	height: 220px;
}

.social-media-slider > div {
	max-width: 80%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

.social-media-slider > div > .sm-section {
	transform: skewX(-30deg);
	display: flex;
	flex-flow: row nowrap;
	background-color: var(--school-secondary);
	align-items: center;
	width: 80px;
	overflow: hidden;
	cursor: pointer;
}

.sm-section > i {
	transform: skewX(30deg);
	font-size: 40px;
	color: white;
	padding: 0 0 0 24px;
}

.sm-section > .sm-section-content {
	transform: translateX(700px);
	transition: 0s;
}

.sm-section.section-open > .sm-section-content {
	padding: 20px 40px 20px 32px;
	width: 100%;
	animation: change .5s ease-in-out forwards;
	animation-delay: .4s;
}

.sm-section-content > .sm-post {
	display: flex;
	flex-flow: row nowrap;
	padding: 8px 0 0 0;
	align-items: center;
}

.sm-section-content > .sm-post > p {
	padding: 0 8px;
	margin: 0;
}

.sm-section-content > span {
	text-transform: uppercase;
	font-family: "Harmonia Sans W01 Black";
	font-size: 16px;
	color: white;
}

.sm-section-content > .sm-details {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0 0 0;
}

.sm-section-content > .sm-details > * {
	margin: 0;
}
.sm-section-content > .sm-details > p {
	font-family: "Barlow Light";
	color: white;
}
.sm-section-content > .sm-details > a {
	margin: 0 12px 0 0;
	text-decoration: none;
	color: white;
	font-size: 12px;
}

.social-media-slider > div > .sm-section.section-open {
	width: 720px;
	transition: .6s;
}

@keyframes change {
	0% {
		transform: translateX(700px) skewX(30deg);
	}
	100% {
		transform: translateX(0) skewX(30deg);
	}
}

#tw-section { filter: brightness(0.9); }
#ig-section { filter: brightness(1); }
#fb-section { filter: brightness(1.1); }


.policy-table {
	border-collapse: collapse;
	width: 960px;
	padding: 8px;
	margin-bottom: 20px;
}

.policy-table tr > td {
	width: 50%;
	padding: .35rem;
}

.article-list {
    width: 960px;
}

.listed-article {
    display: flex;
    flex-flow: row nowrap;
    margin: 24px 0 24px 0;
}

.listed-article > a > img {
    max-width: 300px;
    border-radius: 4px;
    max-height: 180px;
    width: 300px;
    object-fit: cover;
}

.listed-article > a {
    margin-right: 20px;
}
.listed-article > a > * {
    min-width: 110px;
}
.listed-article > .article-text {
	display: flex;
	flex-flow: column nowrap;
}

.article-text > p:nth-child(2) {
    margin: 0;
    font-size: 12px;
}

.article-text > p:nth-child(3) {
	margin: 4px 0 12px 0;
}

.article-text > a.button {
	margin-top: auto;
}

.s-links a {
	margin: 0 8px 0 0;
}

.s-links a > i {
	display: inline;
	font-size: 24px;
	color: var(--school-primary);
}

.menubar > li > .burgermenu-icon { display: none; }

@media screen and (max-width: 600px) {
    .menubar {
        justify-content: space-between;
        padding: 0 12px;
    }
    .menubar > li > .burgermenu-icon {
        display: block;
    }
    .menubar > li:not(:first-child):not(:last-child) {
        display: none;
    }
    .mobile-menu-open {
        height: 100%;
        overflow: scroll;
    }
    .mobile-menu-open > .menubar {
        display: flex;
        flex-flow: column nowrap;
        align-items: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        justify-content: flex-start;
        width: 100%;
        padding: 9px 12px;
    }
    .mobile-menu-open > .menubar > li {
        display: flex !important;
        margin: 8px 0 8px 0;
        position: relative;
        width: 100%;
        flex-flow: column nowrap;
        align-items: flex-start;
    }
    .mobile-menu-open > .menubar > li:last-child {
        display: none !important;
    }
    .menubar > li:hover .dropdown, .menubar > li:active .dropdown {
        display: flex;
        left: -12px;
        top: 4px;
        position: relative;
        background-color: rgba(0, 0, 0, 0.7);
    }
    .menubar > li > a, .menubar > li > span {
        font-size: 20px;
    }
    
    .home-header .header-trust-logo {
        display: none;
    }
    
    .home-header > div {
        width: 90%;
    }
    
    .slider > .slider-overlay {
        height: auto;
    }
    
    .home-content .grid-container .grid-row {
        flex-flow: column wrap;
        align-items: center;
        margin: 8px 0 8px 0;
    }
    .home-content .grid-container .grid-row .grid-column {
        width: 100%;
    }
    
    .content-slider-content > span {
        padding: 16px 0 8px 0;
    }
    .content-slider-content > .slide-dots {
        padding: 0 0 8px 0;
    }
    .content-slider-articles {
        width: 90%;
    }
    .content-slider-articles > .slide-active {
        flex-flow: column nowrap;
        align-items: center;
    }
    .content-slider-article > img {
        width: 330px;
        max-height: 218px;
    }
    .content-slider-article > div {
        width: 100%;
    }
    .content-slider-article > div > div, .content-slider-content > .slider-button {
        display: none;
    }
    .content-slider-article > div > span {
        margin: 8px 0 0 0;
        display: inline-block;
    }
    .content-slider-article > div > p {
        margin: 0 0 4px 0;
    }
    .content-slider-articles > .slide-active > div > .button {
        background-color: var(--school-primary);
        border-color: var(--school-primary);
    }
    
    .page-header .header-trust-logo {
        display: none;
    }
    
    .page-header > div {
        width: 90%;
    }
    
    .page-content {
        width: 100%;
    }
    .page-content > section {
        width: 90% !important;
    }
    .page-content * {
        max-width: 100%;
    }
    
    
    footer .footer-main > div {
        flex-flow: row nowrap;
        justify-content: space-around;
        align-items: center;
    }
    footer .footer-main > div > div:first-child {
        display: none;
    }
    footer .footer-main > div > div:nth-child(2) {
        margin: 0;
    }
    footer .footer-main .s-links {
        display: none;
    }
    footer .logos {
        justify-content: space-evenly;
        flex-flow: column nowrap;
    }
    footer .logos > img {
        padding: 10px 0 10px 0;
    }
    footer .footer-legal {
        height: auto;
    }
    footer .footer-legal > div {
        flex-direction: column-reverse;
        align-items: center;
    }
}

@media screen and (max-width: 600px) {
    .scalableTable {
        width: 100%;
    }
    .scalableTable .tablehead {
        display: none;
    }
    .scalableTable tr, table td {
        border-bottom: 1px solid #ddd;
    }
    .scalableTable tr {
        margin-bottom: 8px;
    }
    .scalableTable td {
        display: flex;
        width: 100% !important;
        box-sizing: border-box;
    }
    .scalableTable td::before {
        content: attr(label);
        font-weight: bold;
        width: 200px;
        min-width: 120px;
        font-size: 14px;
        margin-right: 12px;
    }
    
}


.page-gallery, .page-gallery * {
    max-height: none !important;
}
.page-gallery {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem;
    width: 100%;
}
.page-gallery .grid-item {
    width: 32.5%;
    margin-bottom: 10px;
}
.page-gallery .grid-item img {
    display: block;
    width: 100%;
    height: auto !important;
    cursor: pointer;
}
#colorbox {
    z-index: 10;
    outline: 0;
}
@media screen and (max-width: 1080px) {
    .masonry-grid .grid-item {
        width: 49%;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 720px) {
    .masonry-grid .grid-item {
        width: 99%;
        margin-bottom: 10px;
    }
}
#cboxLoadedContent {
    display: flex;
    justify-content: center;
}
.cboxPhoto {
    position: absolute;
    border: solid 20px #fff;
    background: #fff;
}
#cboxCloser {
    background: #006490;
    color: #fff;
    text-decoration: none;
    transition: .3s;
    cursor: pointer;
    border: 2px solid #444;
    border-radius: 4px;
    width: 50px;
    height: 50px;
    font-weight: bold;
    z-index: 101;
}
#cboxCloser:hover {
    color: #F6C341;
}

.contact-section {
    width: 960px;   
}
.contact-section > .umb-block-list {
    display: flex;
    flex-flow: row wrap;
    margin: 8px 0 8px 0;
}
.contact-section > .umb-block-list > .contact {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    width: 30%;
    padding: 12px 0 12px 0;
}
.contact-section > .umb-block-list > .contact > p {
    display: flex;
    flex-flow: column nowrap;
    margin: 0;
}
.contact-section > .umb-block-list > .contact > .staffname {
    font-family: "Harmonia Sans W05 Bold";
    font-size: 16px;
    color: var(--school-primary);
}
.article-date {
    width: 960px;
}

@media screen and (max-width: 50rem) {
    .tableScroll {
        overflow-x: scroll;
    }
}


.contact-form {
	margin: 32px 0 32px 0;
}

.form-outer,
.form-inner {
	list-style-type: none;
	padding: 0;
}

.form-outer {
	max-width: 800px;
}

.form-outer li,
.form-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.form-inner {
	padding: 0 8px;
	justify-content: space-between;
}

.form-outer > li:not(:last-child) {
	margin-bottom: 12px;
}

.form-outer > li > label,
.form-outer > li > p {
	padding: 8px;
	font-family: "Harmonia Sans W05 Bold";
	font-size: 16px;
}

.form-outer > li > label,
.form-outer li p {
	flex: 1 0;
	max-width: 140px;
}

.form-outer > li > label + *:not([type="checkbox"]),
.form-inner {
	flex: 1 0 220px;
}

.form-outer li input[type="checkbox"] {
	margin: 12px 8px;
}

.form-outer li p {
	margin: 0;
}

.form-outer li input:not([type='checkbox']),
.form-outer li textarea {
	padding: 12px;
	margin: 0;
}

.form-outer li select {
	padding: 8px;
	align-self: center;
}

.form-outer li button {
	margin-left: auto;
	padding: 8px 16px;
	border: none;
	background: #333;
	color: #f2f2f2;
	text-transform: uppercase;
	letter-spacing: .09em;
	border-radius: 2px;
}

.form-inner li {
	width: 100px;
	padding: 8px 0;
	align-items: center;
}

.form-inner label {
	margin-left: 8px;
}

.form-error {
    font-family: "Harmonia Sans W05 Bold";
    color: firebrick;
}

.tableScroll {
	width: 50rem;
}

@media screen and (max-width: 600px) {
	.umb-block-list > .grid-container > .grid-row > .grid-column {
		width: 100%;
	}
	.grid-container .grid-row {
		flex-flow: column wrap;
	}
	.grid-row-reverse {
		flex-flow: column-reverse nowrap !important;
	}
}

@media screen and (max-width: 600px) {
	.primary-school .dropdown-content {
		flex-flow: column wrap;
	}
	.pioneers-centre .dropdown-content {
		flex-flow: column wrap;
	}

	.primary-school .dropdown-content > li {
		padding: 0 20px 8px 20px;
	}
	.pioneers-centre .dropdown-content > li {
		padding: 0 20px 8px 20px;
	}

	.primary-school .slider .slide-content > p {
		line-height: 1;
	}
	.pioneers-centre .slider .slide-content > p {
		line-height: 1;
	}

	.primary-school > .page-content > .page-introduction img {
		height: auto;
	}
	.pioneers-centre > .page-content > .page-introduction img {
		height: auto;
	}
}

.listed-article > a > p, .content-slider-article > .event-date > p {
    text-transform: uppercase;
    font-family: "Harmonia Sans W01 Black";
    font-size: 20px;
    color: var(--school-primary);
    margin: 0;
    line-height: 1;
}

.tns-colours .listed-article > a > p, .content-slider-article > .event-date > p {
	color: #9593C2 !important;
}

.listed-article > a > p:first-child, .content-slider-article > .event-date > p:first-child {
    font-size: 52px
}

.primary-school .dropdown, 
.trust-website .dropdown,
.pioneers-centre .dropdown {
	left: auto;
	width: auto;
	min-width: 150px;
}

.primary-school .dropdown-content, 
.trust-website .dropdown-content,
.pioneers-centre .dropdown-content {
	width: 100%;
	flex-flow: column wrap;
}

@-moz-document url-prefix() {
	audio {
		height: 25px;
		border-radius: 4px;
		background: var(--school-primary);
	}
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
	audio {
		width: 190px;
		height: 25px;
	}
	audio::-webkit-media-controls-timeline {
		display: none;
	}
}

.audio-clip {
	display: flex;
	align-items: center;
}

.audio-clip > p {
	width: 100px;
	margin: 8px 0;
}

.video-wrapper {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
}

.video-wrapper > iframe {
	width: 100%;
}

.trust-website .slider-overlay > .slide-denotations > .slider-thumbnails {
	max-width: 100%;
	min-width: 100%;
	justify-content: space-around;
}

.no-hide > .slide-dots {
	visibility: collapse;
	opacity: 0;
	height: 0;
	padding: 0;
}

.no-hide > .slider-thumbnails {
	visibility: visible !important;
	opacity: 1 !important;
	height: auto !important;
	padding: 28px 0 14px 0 !important;
}

.slider-overlay.no-hide {
	height: 200px !important;
}

.trust-website .slider-thumbnails > li img {
	height: auto;
}

.trust-website .slider-thumbnails .fas {
	display: none;
}

.trust-website .slider-overlay > .slide-denotations {
	width: 75%;
}

.trust-website .slider-thumbnails > li img {
	width: 52px;
}

.trust-website .slider-thumbnails > li.slide-active > img {
	transform: scale(1.25);
	transition: .4s;
}


.timeline {
	position: relative;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.timeline::after {
	content: '';
	position: absolute;
	width: 6px;
	background-color: #4A93B7;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
	border-radius: 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.timeline .timeline-event {
	padding: 10px 40px;
	position: relative;
	background-color: inherit;
	width: 50%;
	margin: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.timeline .timeline-event::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -17px;
	background-color: #fff;
	border: 4px solid #4A93B7;
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}

.timeline .timeline-event.left {
	left: 0;
}

.timeline .timeline-event.left::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: solid #4A93B7;
	border-top-color: rgb(74, 147, 183);
	border-top-width: medium;
	border-right-color: rgb(74, 147, 183);
	border-right-width: medium;
	border-bottom-color: rgb(74, 147, 183);
	border-bottom-width: medium;
	border-left-color: rgb(74, 147, 183);
	border-left-width: medium;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #4A93B7;
}

.timeline .timeline-event .content {
	padding: 20px 30px;
	background-color: #fff;
	position: relative;
	border-radius: 6px;
	border: 1px solid #4A93B7;
}

.timeline .timeline-event.right {
	left: 50%;
}

.timeline .timeline-event.right::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: solid #4A93B7;
	border-top-color: rgb(74, 147, 183);
	border-top-width: medium;
	border-right-color: rgb(74, 147, 183);
	border-right-width: medium;
	border-bottom-color: rgb(74, 147, 183);
	border-bottom-width: medium;
	border-left-color: rgb(74, 147, 183);
	border-left-width: medium;
	border-width: 10px 10px 10px 0;
	border-color: transparent #4A93B7 transparent transparent;
}

.timeline .timeline-event.right::after {
	left: -16px;
}


.school-logos {
	display: flex;
	flex-flow: row;
	width: 90%;
	justify-content: space-evenly;
}

.school-logos > a > img {
	height: 80px;
	cursor: pointer;
}

.school-logos > a > img:hover {
	transition: .3s;
	transform: scale(1.2);
}

.divider {
	border: 0;
	height: 2px;
}

@media screen and (max-width: 600px) {
    .school-logos {
        flex-flow: row wrap !important;
    }
    .trust-website .slider-overlay > .slide-denotations {
        display: none;
    }
    .slider-overlay.no-hide {
        height: auto !important;
        background: var(--school-primary)
    }
    .trust-website .home-header .header-trust-logo {
        display: block;
    }
    .trust-website .page-header .header-trust-logo {
        display: block;
    }
	.trust-website .menubar > li:hover .dropdown, .menubar > li:active .dropdown,
	.primary-school .menubar > li:hover .dropdown, .menubar > li:active .dropdown,
	.pioneers-centre .menubar > li:hover .dropdown, .menubar > li:active .dropdown {
		width: 100%;
	}
}

.anchor {
    padding-top: 56px;
    margin-top: -56px;
}

.toc ol > li > p {
    margin: 4px;
}

#schools-map {
  margin: 1.5rem 0;
  height: 550px;
  width: 100%;
  background: #4A93B7;
}

.maps_address > span:first-child {
    font-family: "Harmonia Sans W01 Black";
    text-transform: uppercase;
    color: #006490;
    font-size: 16px;
}

.maps_address > span {
    font-family: 'Barlow Regular';
    display: block;
}


.playlist-header {
    display: flex;
    flex: 1 0 auto;
    padding: 24px;
    border-radius: 4px 4px 0 0;
}

.playlist-header.rounded-player {
    border-radius: 4px;
}

#playlist-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 5%;
}

.playlist-details {
    margin-top: 16px;
}

.playlist-navigation {
    margin-bottom: 16px;
}

.playlist-tracks {
    padding: 0;
    margin: 0;
    font-size: 0.8rem;
    overflow: auto;
    border-radius: 0 0 4px 4px;
}

.playlist-tracks > li {
    display: flex;
    justify-content: space-between;
    padding: 4px 32px;
    margin-bottom: auto;
    margin-top: auto;
    cursor: pointer;
}

.track-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.playlist-btn {
    border: none;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    margin: 0 16px;
}

.playlist-btn.playlist-btn-big {
  font-size: 20px;
}

#track-title {
  font-weight: bold;
  color: var(--school-primary);
}

.progress-container {
    background: var(--school-primary);
    width: 100%;
    height: 4px;
    margin: 10px 0;
    border-radius: 4px;
    cursor: pointer;
}

.progress {
    background-color: var(--school-secondary);
    border-radius: 4px;
    width: 0%;
    height: 100%;
    transition: width 0.1s linear;
}

.playlist-tracks > li > p:first-of-type {
    color: var(--school-primary);
    font-weight: bold;
    min-width: 300px;
}

.playlist-item:hover {
    filter: brightness(0.7);
}

@media only screen and (max-width: 600px) {
	.home-content .grid-container .grid-column > .caption {
		display: none;
	}

	.content-slider-articles > i {
		display: none;
	}

	.home-content .banner-container > div {
		width: 80%;
	}

	footer .footer-partners > div > img {
		padding: 4px 12px;
	}

	footer .logos > img:nth-of-type(2) {
		display: none;
	}

	.slide-content p {
		width: 90%;
	}

	.article-text > a.button {
		display: none;
	}

	.article-text > p:nth-child(3) {
		display: none;
	}

	.listed-article > a {
		width: 50%;
	}

		.listed-article > a > img {
			max-width: 100%;
			max-height: 90px;
		}

	.listed-article > .article-text {
		width: 50%;
	}

	.listed-article > a {
		margin-right: 10px;
	}

	.listed-article > .article-text .section-header {
		font-size: 16px;
	}

	.page-content > .page-introduction > img {
		max-width: 500px;
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.page-content > .page-introduction > img {
		height: auto;
	}

	.article-date {
		width: 90%;
	}

	.trust-website .slider-images > img {
		object-position: 75%;
	}

	.accordion-header > img {
		display: none;
	}

	.facility-icons {
		display: none;
	}

	.accordion-header {
		min-height: 56px;
	}

	.timeline .timeline-event {
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
		margin: 0;
		box-sizing: border-box;
	}

	.timeline::after {
		left: 31px;
	}

	.timeline .timeline-event.right {
		left: 0;
	}
	.timeline .timeline-event::before {
		left: 60px !important;
		border: solid #4A93B7 !important;
		border-top-color: rgb(74, 147, 183);
		border-top-width: medium;
		border-right-color: rgb(74, 147, 183);
		border-right-width: medium;
		border-bottom-color: rgb(74, 147, 183);
		border-bottom-width: medium;
		border-left-color: rgb(74, 147, 183);
		border-left-width: medium;
		border-width: 10px 10px 10px 0 !important;
		border-color: transparent #4A93B7 transparent transparent !important;
	}

	.timeline .timeline-event.left::after,
	.timeline .timeline-event.right::after {
		left: 15px;
	}
	
	.grid-container img[src*="svg"] {
	    width:175px;
	}
	.grid-container .grid-column.col-11,
	.grid-container .grid-column.col-10{
	    margin-bottom: 20px;
	}
	
	.slider > .slider-overlay {
	    background-color: rgba(0,0,0,.5);
	}
	
	.playlist-header {
	    flex-flow: column nowrap;
	}
	.playlist-tracks > li > p:first-of-type {
	    min-width: auto;
	}
	.playlist-tracks > li > p:nth-of-type(3) {
	    display: none;
	}
	
    .focus-left {
    	object-position: 0% 50% !important;
    }
    .focus-centre {
    	object-position: 50% 50% !important;
    }
    .focus-right {
    	object-position: 100% 50% !important;
    }

}

.blog-posts {
	width: 960px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: baseline;
}

.blog-post {
	flex-grow: 1;
	max-width: 30%;
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
}

.blog-post:first-child {
	margin: 16px 32px 16px 0;
}

.blog-post > img {
	max-height: 320px;
	max-width: 400px;
	margin: 16px auto;
	height: auto;
	width: auto;
	display: block;
	border-radius: 4px;
}

.blog-post > div {
	text-align: center;
}

.blog-post > a {
	text-align: center;
	margin: 0 0 16px 0;
}

.no-hide > .slider-slide-contents > .slide-content > span:nth-child(1) {
	font-size: 28px !important;
}
.no-hide > .slider-slide-contents > .slide-content > span:nth-child(2) {
	font-size: 22px !important;
	margin-top: 8px;
}

.focus-left {
	object-position: 30% 50%;
}
.focus-centre {
	object-position: 50% 50%;
}
.focus-right {
	object-position: 70% 50%;
}

.trust-website footer .footer-partners {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	padding: 16px;
	/*border-top: solid #999 1px;*/
}

.trust-website .footer-partners > img {
	max-height: 100px;
	padding: 0 12px 0 12px;
}

@media print {
	#page-print-button {
		display: none;
	}
	body {
		margin: 12px;
	}
}

@page {
	size: A4 portrait;
}

h1, h2, h3, h4, h5 {
	page-break-after: avoid;
}

table, figure {
	page-break-inside: avoid;
}

p {
	break-inside: avoid;
}