/* FONT OVERIDES */

/* Hello Sunshine Font Duo used under license and copyright Nicky Laatz */
/* Gilroy Light and Gilroy Extra Bold used under license and copyright Radomir Tinkov */
/* woff versions provide fallback for ie9 */
@font-face {	
  font-family:hello-sunshine-marker;
  src:url(https://www.theeastmanchesteracademy.co.uk/wp-content/themes/tema/fonts/HelloSunshineMarker.otf);
}
@font-face {	
  font-family:gilroy-extrabold;
  src:url(https://www.theeastmanchesteracademy.co.uk/wp-content/themes/tema/fonts/gilroy-extrabold.otf);
  src:url(https://www.theeastmanchesteracademy.co.uk/wp-content/themes/tema/fonts/gilroy-extrabold.woff);
}
@font-face {
  font-family:gilroy-light;
  src:url(https://www.theeastmanchesteracademy.co.uk/wp-content/themes/tema/fonts/gilroy-light.otf);
  src:url(https://www.theeastmanchesteracademy.co.uk/wp-content/themes/tema/fonts/gilroy-light.woff);
}
body, p,#news-wrapper p,#news-wrapper h3 span{
  font-family:'gilroy-light', sans serif !important;
  color:#0d034c;
  font-size:1.05em;
}

h1,h2,h3,h4{
  font-family:'gilroy-extrabold', serif !important;
  color:#0d034c;
}
h1 span.marker,h2 span.marker,h3 span.marker,h4 span.marker,
#marker h1 span,.desktop-large h1 span{
  font-family:'hello-sunshine-marker', serif !important;
  color:#00b8cd;
  font-size:140%;
}
#branded #marker h1 span{
	display:block;
}
.fixed-banner-wrapper{
	z-index:1;
}
.desktop-large h1,.desktop-large h1 span{
  color:white;
}
.excerpt{
	font-style:normal;
}
.small,small,
#news-wrapper p,#news-wrapper h3 span,
ul.iconlinks span.desc,.simcal-event-details span{
	font-size:90% !important;
}
strong p,p strong{
  font-family:'gilroy-extrabold', serif !important;
  color:#0d034c;	
}

blockquote:after{
	bottom:-60px;
}	
blockquote:before,blockquote.center:after,blockquote:after{
	color:#00b7ce;
}
blockquote:before,blockquote.center:after{
	
}
blockquote cite{
	color:#0d034c;
}


/* TOOLBAR OVERIDES */
.menu-primary-menu-container, #tema-desktop-main-menu .sub-menu,
#tema-desktop-main-menu .sub-menu,
#tema-desktop-main-menu{
	background:#253f8e;
}
#tema-desktop-main-menu .sub-menu li.section-link{
	background:#29469f;
}


/* NEWS OVERIDES */
#index #news-wrapper {

}
#news-wrapper .filter{
	background:#29469f;	
}
#news-wrapper h3 span{
  font-family:'gilroy-light', sans serif !important;	
}


/* GUI OVERIDES */

.ext-link-icon:before, .ext-link-icon-wr:before, .ext-link-icon-lhs:before, .ext-link-icon-tema:before {
	right: -1.35em;
}
.logo{
	background-image: url("../gui/tema-logo-desktop-remastered.png");
}

.band{
	background-repeat: no-repeat;
	background-image: url("../gui/gradient-band-remastered.png");
	background-position:bottom right;
	background-color:#fdd61f;
	height:16px;	
}
footer .band{
	background-color:transparent;
}
hr.band{
	background-color:#fdd61f;
	background-image:none;
}

/* LOGIN BUTTON (DESKTOP) OVRIDES */
#tema-top-menu ul li.highlight a{
	color:#0d034c;
	background:#fddb24;
	padding:1em;
	border-radius:0;
	font-family:'gilroy-extrabold', serif !important;
}
#tema-top-menu ul li.highlight a:hover{
	background:#ffe559;
	border-bottom:none;
}
#mobile-login-link a{
	color:#0d034c;
	background:#fddb24;
	padding:1em;
	border-radius:0;
	font-family:'gilroy-extrabold', serif !important;	
}
#mobile-login-link a:hover{
	background:#ffe559;
}
#mobile-menu label{
	background:#00b8cd;
}
#mobile-menu #menu-wrapper{
	background:#234090;	
}
#mobile-menu #menu-wrapper ul li{
	border-bottom:1px solid #2b489f;
}
#tema-top-menu ul li a:hover{
	border-bottom:1px solid #234090;
}
#tema-desktop-main-menu ul li a{
	display:block;
	
	transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-webkit-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;	
}
#tema-desktop-main-menu ul li a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	cursor:pointer;
	-moz-opacity:0.6;
}
#tema-desktop-main-menu ul li a:hover{
	color:#b1e5ff;
}

.ghost-btn a{
	font-family:'hello-sunshine-marker', serif !important;
	border:none;
	background:#00b7ce;
	color:white !important;
	font-size:2.5em;font-weight:normal;
	padding:0 0.5em 0.15em 0.5em;
	
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	
	transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-webkit-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;	
}
.ghost-btn a:hover{
	border:none;
	opacity:0.6;
	filter: alpha(opacity=60);
	cursor:pointer;
	-moz-opacity:0.6;	
}

#tema-mobile-toolbar{

	background:#253f8e;
	background-image:none;
}

.hexagon-wrapper{
	display: block;
	-webkit-clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%);
	clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%);
	background:#00b7ce;
	padding:0.8em;
}
.hexagon{
	display: block;
	-webkit-clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%);
	clip-path: polygon(98.66025% 45%, 99.39693% 46.5798%, 99.84808% 48.26352%, 100% 50%, 99.84808% 51.73648%, 99.39693% 53.4202%, 98.66025% 55%, 78.66025% 89.64102%, 77.66044% 91.06889%, 76.42788% 92.30146%, 75% 93.30127%, 73.4202% 94.03794%, 71.73648% 94.48909%, 70% 94.64102%, 30% 94.64102%, 28.26352% 94.48909%, 26.5798% 94.03794%, 25% 93.30127%, 23.57212% 92.30146%, 22.33956% 91.06889%, 21.33975% 89.64102%, 1.33975% 55%, 0.60307% 53.4202%, 0.15192% 51.73648%, 0% 50%, 0.15192% 48.26352%, 0.60307% 46.5798%, 1.33975% 45%, 21.33975% 10.35898%, 22.33956% 8.93111%, 23.57212% 7.69854%, 25% 6.69873%, 26.5798% 5.96206%, 28.26352% 5.51091%, 30% 5.35898%, 70% 5.35898%, 71.73648% 5.51091%, 73.4202% 5.96206%, 75% 6.69873%, 76.42788% 7.69854%, 77.66044% 8.93111%, 78.66025% 10.35898%);
}
/* ie 9,10,11 no hex fallback */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    .hexagon-wrapper{
		padding:0;
		background:none;
	}
}

/* FILE OVERIDES */

ul.files li{
	background:#253f8e;
	border-radius:0.8em;
}
ul.files li,ul.files li:hover{
	border:none;
}
ul.files li a{
	font-family:'hello-sunshine-marker', serif;
	font-size:2.3em;
	padding:0.5em;
	color:white;
	position:relative;
	line-height:1;font-weight:normal;
	
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	
	transition: opacity 0.35s ease-in-out;
	-moz-transition: opacity 0.35s ease-in-out;
	-webkit-transition: opacity 0.35s ease-in-out;
	-o-transition: opacity 0.35s ease-in-out;	
}
ul.files li a:before{
	display:none;
}
ul.files li a:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	cursor:pointer;
	-moz-opacity:0.6;	
}
ul.files li a span{
	font-family:'gilroy-light', sans serif !important;
	font-size:50%;
	margin-left:0.4em;
	position:relative;top:-8px;
}


/* ICON LINKS OVERIDES */
ul.iconlinks a{
	font-family:'gilroy-extrabold', serif !important;
	color:#0d034c;	
}
ul.iconlinks a span{
	font-family:'gilroy-light', sans serif !important;
}




/* HYPERLINK OVERIDES */
a, a:link, a:active, a:visited{
	color:#253f8e;
}
a:hover{
	color:#0d034c;
}


/* CALENDAR / EVENTS OVERIDES */
ul.simcal-events{
	font-size:1.1em !important;
}


/* MENU BOX OVERIDES */
.menu-box .title{
	font-family:'gilroy-extrabold', serif !important;
	font-size:1em;
}
.menu-box .title{
	background:#00b7ce;
}
.menu-box .chevron{
	border-color:transparent transparent #00b7ce transparent;	
}
#menu-box-red .menu-box .title{
	background:#ed1a3a;
}
#menu-box-red .menu-box .chevron{
	border-color:transparent transparent #ed1a3a transparent;	
}
#menu-box-purple .menu-box .title{
	background:#3b0e62;
}
#menu-box-purple .menu-box .chevron{
	border-color:transparent transparent #3b0e62 transparent;	
}
#menu-box-green .menu-box .title{
	background:#aed036;
}
#menu-box-green .menu-box .chevron{
	border-color:transparent transparent #aed036 transparent;	
}



/* FOOTER OVERIDES */
footer{
	background:rgb(251,222,46) !important;
	background:linear-gradient(204deg, rgba(251,222,46,1) 0%, rgba(255,203,8,1) 100%)  !important;
	color:#0d034c !important;
	
	background:#fbde2f !important;
}
footer p,footer h1,footer h2,footer h3,footer h4{
	color:#0d034c !important;
}
footer a, footer a:link, footer a:active, footer a:visited{
	color:#0d034c;
}
footer a:hover{
	color:#253f8e;
}
footer #reach-values{
	padding:2em 0 1em 0;
}
footer #reach-values img{
	margin-bottom:1em;
}


/* SEARCH */
#desktop-search-wrapper{
	display:none;
}
#mobile-search-icon{
	position:fixed;top:0;right:70px;	
	z-index:11;
	height:70px;width:70px;line-height:70px;
	text-align:center;	
	color:white;
	font-size:1.4em;
}
#mobile-search-icon:hover{
	color:#b1e5ff;
}


/* RIBBON OVERIDES */
ul#ribbons a li{
	font-family:'hello-sunshine-marker', serif !important;
	background:#00b7ce;
	padding:0 0.5em 0.15em 0.5em;	
}
ul#ribbons a{
	font-size:2.25em;
	font-weight:normal;
	margin:0 0 0 0 !important;
}
ul#ribbons a li:after{
	display:none !important;
}
#index #ribbons-wrapper{
	overflow:visible !important;
}
ul#ribbons a li.ribbon-purple{
	background:#3b0e62;
}
ul#ribbons a li.ribbon-gold{
	background:#fdd61f;
}
ul#ribbons a li.ribbon-red{
	background:#ed1a3a;
}
ul#ribbons a li.ribbon-green{
	background:#aed036;
}

/* VERTICAL RIBBONS OVERIDES */
.vertical-ribbons-wrapper{
	margin-top:-2em;margin-bottom:2em;
}


@media (min-width: 1200px) {
	/* RIBBON OVERIDES */
	ul#ribbons a li{
		transform: rotate(-1deg);	
	}
	ul#ribbons a li{
		margin:0 0.5em 0.5em 0 !important;		
	}

	/* VERTICAL RIBBONS OVERIDES */
	.vertical-ribbons-wrapper{
		margin-top:0;margin-bottom:0;
		top:150px;
	}	
	
	/* SEARCH */
	#desktop-search-wrapper{
		display:block;
		position:fixed;width:90px;right:0;top:84px;z-index:999;margin-right:1em;
		right:right;
	}
	#mobile-search-icon{
		display:none;
	}


	/* RIBBON OVERIDES */
	ul#ribbons li.ribbon:after{
		content:"";
		position:absolute;top:0;bottom:0;right:-2.2em;
		display:inline-block;
		border:1.72em solid #00b7ce;
		border-left-width:1em;
		border-right-color:transparent;
	}


	/* WATERMARKS */
	#watermark-hex-main-wrapper{
		/*display:none;*/
		position:relative;	
		display:inline;
		position:absolute;top:500px;right:0;
		height:905px;
		overflow:hidden;
	}
	#watermark-hex-main{
		position:static;top:auto;left:0;right:auto;
		z-index:auto;
		width:654px;height:905px;	
		background-image:url("../gui/tema-hex-watermark-main.png");
		background-repeat:no-repeat;
		opacity:0.3;filter:alpha(opacity=30);
		overflow:hidden;
	}
	#watermark-hex-sub-wrapper{
		/*display:none;*/
		position:relative;	
		display:inline;
		position:absolute;top:1300px;left:0;
		height:455px;
		overflow:hidden;
	}
	#watermark-hex-sub{
		position:static;top:auto;left:0;right:auto;
		z-index:auto;
		width:493px;height:455px;	
		background-image:url("../gui/tema-hex-watermark-sub.png");
		background-repeat:no-repeat;
		opacity:0.3;filter:alpha(opacity=30);
		overflow:hidden;
	}
	#watermark-hex-footer-wrapper{
		/*display:none;*/
		position:relative;	
		display:inline;
		position:relative;top:0;left:0;
		height:850px;
		overflow:hidden;
		z-index:auto;
	}
	#watermark-hex-footer{
		position:absolute;top:auto;left:0;right:auto;
		z-index:auto;
		width:853px;height:850px;	
		background-image:url("../gui/tema-hex-footer-watermark.png");
		background-repeat:no-repeat;
		overflow:hidden;
	}

	
	/* FOOTER OVERIDES */
	footer{
		
	}
	footer #reach-values{
		text-align:center  !important;
		margin-left:auto;
		margin-right:auto;
		display:block;
	}
	footer #reach-values img{
		display:inline-block;
		margin-bottom:0;margin-right:1em;	
	}
	footer #reach-values img:last-child{
		margin-right:0;
	}		

}




/****************************** GOOGLE TRANSLTOR OVERIDES ******************************/
.translated-ltr #mobile-search-icon{
	position:fixed !important;top:40px !important;
}
@media (min-width: 550px) {				
	/* search icon */
	.translated-ltr #mobile-search-icon{
		top:120px !important;left:auto !important;right:0 !important;	
	}
}



@media (min-width: 1300px) {			
	.files-2-col-list li{
		height:65px;
	}
	ul.files-2-col-list li a{
		font-size:1.9em;white-space: nowrap;
	}
}