/ MOBILE FIRST /
/* mobile logo */
.mobile-logo a{
	color:white !important;
	text-decoration:none;
	font-size:1.2em;
	line-height:70px;
	height:70px;
	position:relative;left:10px;
}
.mobile-logo a::before{
	content: "TEMA";
}

/* filter */
#news-wrapper .filter{
	/*background:#4f3190;*/
	padding:0.5em;
}
#news-wrapper .filter a{
	color:#ccc;
}
#news-wrapper .filter li{
	display:inline;
}
#news-wrapper .filter li.current a,
#news-wrapper .filter a:hover,
#news-wrapper .filter a.active{
	color:white;
}





/* Ribbons */	
#index #ribbons-wrapper,#ribbons-wrapper{
	margin-top:0em;
}
#ribbons-wrapper,#ribbons-wrapper{
	margin-top:-2em;
}

/* login button - mobile */
#mobile-login-link a{
	z-index:9;
	
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.8em;
	
	color:white;
	background:#75a23d;
	padding:1em;
	border-radius:0.5em;
}
#mobile-login-link a:hover{
	background:#9dc36e;
}


/* NEWS FEED - OVERIDES */
#trust-news{
	display:none;	/* hide trust news on first load */
}
#news-wrapper p:first-child{
	font-size:60%;
}	
#news-wrapper h3{
	font-family: 'Open Sans', sans-serif;
	font-size:0.95em;
	font-weight:bolder;
}
#news-wrapper p{
	font-size:80%;
}
#news-wrapper .hoverable img:hover{	/* stops the double hover effects for images in news items*/
	opacity:1 !important;
	filter:none !important;
}

/* Menu Boxes */
.menu-box .title{
	background:#006ea6;
}
.menu-box .chevron{
	border-color:transparent transparent #006ea6 transparent;	
}


/* DEFAULTS */

body,p {
	color:#666;
	font-size:100%;font-size:1em;
	font-family: 'Open Sans', sans-serif;
	line-height:1.5;
}
span {
	line-height:1.5;
}
p{
	margin-bottom:1em;
}

h1,h2,h3,h4 {
	font-size:2.5em;
	font-family: 'Poppins', sans-serif;
	margin-bottom:0.5em;
	line-height:1.2;
	letter-spacing:0;
}
h2 {
	margin:1.5em 0 0.5em 0;
}
#index h2 {
	margin:0 0 0.5em 0;
}
h2,h3,h4 {
	font-size:1.8em;
	letter-spacing:-.04em;
}
h3,h4 {
	font-size:1.5em;
}
h4 {
	font-size:1.3em;
}
.excerpt{
	font-size:1.8em;
	margin-bottom:1.5em;
}

a, a:link, a:active, a:visited{
	color:#006ea6;
}
a:hover{
	color:#0092dc;
}
.twitter-feed p, .twitter-feed a,.twitter-feed a:link{
	color:#006ea6 !important;
}
.twitter-feed a:hover, .twitter-feed p:hover{
	color:#0092dc !important;
}

blockquote:before,blockquote.center:after{
	color:#006ea6;
}

.wrapper{
	margin-bottom:2em;
	/*overflow:hidden;	breaks menu box row on homepage */
}

/* class to better position anchor tags with the fixed menu/toolbar */
.anchor{
	padding-top:100px;
	margin-top:-100px;
	visibility:hidden;
	display:block;
}

/* ghost buttons - overides */
.ghost-btn a{
	border:1px solid #006ea6;
}
.ghost-btn a:hover{
	border:1px solid #0092dc;
}


/* TOOLBARS / DIVIDERS / FLEX ORDERING */
#tema-mobile-toolbar-wrapper,#tema-mobile-toolbar{
	/* wrapper pushes content below fixed banner */
	height:70px;
	width:100%;
	margin-bottom:0;
}
#tema-mobile-toolbar{
	position:fixed;top:0;
	background:#1a75bc;
	z-index:10;
	background:rgb(26,117,188); /* fallback for older browsers without rgba-support */
	background:rgba(26,117,188,0.95);
	color:#4574b8;
	
	/* mobile watermark */
	background-image: url("/wp-content/themes/tema/gui/tema-watermark-mobile.png");
	background-repeat: no-repeat;	
}

#tema-desktop-toolbar-wrapper,#tema-desktop-toolbar{
	/* hide desktop menu */
	display:none;
}

.logo{
	height:40px;
	background-image: url("/wp-content/themes/tema/gui/tema-logo-mobile-small.png");
	background-position:center center;
	background-repeat: no-repeat;
	width:100%;
}

.band, hr.band{
	background-image: url("/wp-content/themes/tema/gui/gradient-band-2000x1.jpg");
	width:100%;
	height:6px;
}
hr.band{
	height:2.5px;
	margin:2em 0;
	border:none;
	background-position:left left;
}

.files li{
	border:1px solid #006ea6;
	font-size:0.9em;
}
.files li:hover{
	border:1px solid #0092dc;
}


/***/
/* MENUS */

/* mobile menu - overides */

	#mobile-menu #menu-primary-menu > li,
	#mobile-menu #menu-top-menu-1 > li{
		border-bottom:1px solid #666;
	}
	#mobile-menu #menu-top-menu-1 li:last-child{
		border-bottom:none;
	}	

	#mobile-menu #menu-wrapper ul{
		font-size:0.95em;
	}
	#mobile-menu #menu-wrapper .sub-menu{
		font-size:0.8em;
		display:block;
	}
	
	

	/* hamburger menu */
	#mobile-menu label{
		position:fixed;top:0;right:0;
		height:70px;width:70px;
		color:white;
		line-height:70px;
		background:#2c84cc;
	}
	/* hamburger hover */		
	#mobile-menu label:hover{
		color:#b1e5ff;
	}
	
	#mobile-menu #menu-wrapper{
		/*
		background:#333;
		width:100%;
		margin:0;padding:0;
		position:fixed;top:70px;
		z-index:10;
		*/
		background:#333;

		
		z-index:10;
		position:fixed;top:70px;bottom:0;left:0;right:0;
		/* momentum scrolling - https://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/ */
		overflow-y: scroll; /* has to be scroll, not auto */
		-webkit-overflow-scrolling: touch;	
	}
	#mobile-menu #menu-wrapper hr{
		height:1px;
		border:none;
		color:#000;
		background:#666;
		width:80%;
		text-align:center;
		margin: 1em auto;
	}
	
   /* set up the right arrows first */
   #mobile-menu li a:after{
	   content: '';
	}
   /* set up the downward arrow for top level items */
   #mobile-menu ul li a:after {
		content: ' \f107';
		font-family: FontAwesome;font-style: normal;
		font-weight: normal;
	   }
	/* clear the content if a is only child */
	#mobile-menu li a:only-child:after{
		content: '';
	}


	/* show sub menus on hover */
#mobile-menu ul li:hover > .sub-menu {
	display:none;
}
	

#tema-top-menu ul{
	float:right;
}
#tema-top-menu ul li{
	float:left;
	list-style:none;
	text-transform:uppercase;
	margin:0;margin-right:1.5em;
	font-size:0.8em;
}
#tema-top-menu ul li:last-child{
	margin-right:0;
}
#tema-top-menu ul li a{
	text-decoration:none;
}
#tema-top-menu ul li a:hover{
	border-bottom:1px solid #8bd2f7;padding-bottom:0.8em;
}

/* login button - desktop */
#tema-top-menu ul li.highlight a{
	color:white;
	background:#9dc36e;
	padding:1em;
	border-radius:0.5em;
}
#tema-top-menu ul li.highlight a:hover{
	background:#75a23d;
	border-bottom:none;
}
#mobile-login-link a{
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.8em;	
}

	/* hide main menu */
	#tema-desktop-main-menu{
		display:none;
	}
	
/***/
/* SEARCH */

	/* search icon */
	#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;
	}
	#search-icon:hover{
		color:#b1e5ff;
	}
	
/***/
/* BANNER / SLOGAN */

/*banner */
.banner-wrapper{
	background:#22262c;
	margin-top:-2em;
}

.banner-wrapper{
	width:100%;
	height:auto;
}
.banner-wrapper .banner{
	max-width:2250px;
}

.flexslider {
	max-width:2250px !important;
}

.slides{

}

.slides li img {
  /* max-width fixes stretch issue on 1st image */
	max-width:2250px !important;
}


/***/
/* FOOTER */

footer{
	padding:0;
	margin:5em 0 0 0;	
	background:#333;
	color:#eee;
}

footer a, footer a:link, footer a:active, footer a:visited {
	color:#ccc;
}
footer a:hover {
	color:white;
}
footer h1,footer h2,footer h3,footer h4{
	color:#999;
}

#marks img{
	max-height:80px;height:80px;
}

/ DESKTOP /

@media (min-width: 550px) {

	/* class to better position anchor tags with the fixed menu/toolbar */
	.anchor{
		margin-top:-150px !important;padding-top:150px !important;
	}

	.logo{
		background-image: url("/wp-content/themes/tema/gui/tema-logo-mobile.png");
	}
	
}


@media (min-width: 1000px) {
	
}


@media (min-width: 1200px) {
	
	.mobile-logo{
		display:none;
	}
	
	#fixed-banner-ribbon-repositioner{
		z-index:9;position:absolute;left:2em;top:8em;
	}
	#fixed-banner-ribbon-repositioner #ribbons-wrapper{
		width:100% !important;
	}		
	
	/* Ribbons */	
	#index #ribbons-wrapper,#ribbons-wrapper{
		margin-top:0em;
	}
	#ribbons-wrapper{
		position:relative;margin-top:1.5em;
		margin-bottom:2em;
		
		
	}
	#index #ribbons-wrapper{
		margin-top:-20px /*change for ofsted banner*/
	}
	#index ul#ribbons {
		margin-left:20px; /*change for ofsted banner*/
	}
	ul#ribbons a {
		/*change for ofsted banner*/
		font-size: 2.1em !important;
		margin: 0 0em 1em 0 !important;
		opacity: 0.85;
		filter: alpha(opacity=85);		
	}	
	
	
	/* hide mobile login link */
	#mobile-login-link{
		display:none;
	}
	
	#index #news-wrapper{
		position:relative;top:-158px;margin-bottom:-158px;
		background:white;
		border-top-left-radius:0.8em;
		border-top-right-radius:0.8em;
	}
	#news-wrapper h2{
		padding:0;margin:0;
		padding:0.8em 0.5em 0.5em 0.5em;	
	}		
	
	/*
	vertically center banner images
	zoom effect (since height is fixed but width is variable)
	*/
	.slides li img {
		margin-top:-87.5px;
		margin-top:-40px;  /*change for ofsted banner*/
	}	
		
	/*banner */
	.banner-wrapper{
		margin-top:-2em;margin-bottom:2em;
	}	
	
/* WATERMARK */
	#watermark-wrapper{
		/*display:none;*/
		position:relative;
	}
	#watermark-wrapper{
		display:inline;
		position:absolute;top:260px;left:42%;right:0;
		height:935px;
		overflow:hidden;

	}
	#watermark{
		position:static;top:auto;left:0;right:auto;
		z-index:auto;
		width:1234px;height:935px;	
		background-image:url("/wp-content/themes/tema/gui/tema-watermark.png");
		background-repeat:no-repeat;
		opacity:0.1;filter:alpha(opacity=10);
		overflow:hidden;
	}

	
/* SEARCH */

	/* search icon */
	#search-icon{
		z-index:11;
		top:80px;left:auto;right:0;	
		height:40px;width:40px;line-height:40px;
		background:#2c84cc;
		font-size:1em;
	}
	
	
	/***/	
	/* TOOLBARS & DIVIDERS */
	#tema-desktop-toolbar-wrapper,#tema-desktop-toolbar{
		display:block; /*show menu */
		width:100%;	
		overflow:hidden;
		/* wrapper pushes content below fixed banner */
		height:80px;
		background:white;
		background:rgb(255,255,255); /* fallback for older browsers without rgba-support */
		background:rgba(255,255,255,0.95);
		
		margin-bottom:40px;
	}
		
	#tema-desktop-toolbar-wrapper:hover,#tema-desktop-toolbar:hover{
		background:rgba(255,255,255,1);
	}	
	#tema-desktop-toolbar{
		position:fixed;top:0;
		z-index:10;	
	}
	
	#tema-mobile-toolbar-wrapper,#tema-mobile-toolbar{
		/* hide mobile menu */
		display:none;
	}		
	
	.logo{
		width:386px;height:60px;
		background-image: url("/wp-content/themes/tema/gui/tema-logo-desktop2.png");
		background-position:left center;
		width:auto;
		margin:10px 0;
	}

	/* DESKTOP MENUS */
	
		/* hide mobile menu */
		#mobile-menu{
			display:none;
		}
	
		/* desktop main menu */
		#tema-desktop-main-menu{
			display:block;
			position:fixed;top:80px;left:0;right:0;margin:0 auto;
			z-index:10;
			width:100%;
			background:#1f75bb;
			height:40px;
			color:white;			
		}		

		#tema-desktop-main-menu ul{
			line-height:40px;
			/* center menu with 100% container */
			display:table;margin:0 auto;
			text-align:center;
		}			
		#tema-desktop-main-menu ul li{
			float:left;
			margin:0;padding: 0 1em;
			list-style-type:none;
			font-size:0.85em;
			text-transform:uppercase;
		}
		#tema-desktop-main-menu ul li:last-child{
			margin-right:0;
		}		
		#tema-desktop-main-menu ul li a{
			text-decoration:none;
			color:white;
		}
		#tema-desktop-main-menu ul li a:hover{
			color:#f9feff;
		}

		/* sub menu */
		#tema-desktop-main-menu .sub-menu{
			display:none;
			margin:0;padding:0;
			position:fixed;top:120px;
			font-size:1.1em;
			background:#1f75bb;
			width:250px;
			/*padding-bottom:1em;*/
			overflow:hidden;
		}
		#tema-desktop-main-menu .sub-menu li{
			float:none;
			text-transform:none;
			padding:0;margin:0;
			line-height:normal;

		}
		#tema-desktop-main-menu .sub-menu li:last-child{
			margin-bottom:1em;

		}		
		#tema-desktop-main-menu .sub-menu a{
			display:block;
			margin:0;padding:0.8em 1.5em;
		}
		#tema-desktop-main-menu .sub-menu li a::before {
			/*content:"- ";*/
		}
		/* show sub menu on hover */
		#tema-desktop-main-menu ul li:hover > .sub-menu {
			display: block;
		}
		/* section links in menu (e.g. 'see all' of this cat) */
		#tema-desktop-main-menu .sub-menu li.section-link{
			background:#2c84cc;
			margin-bottom:0;
		}
		#tema-desktop-main-menu .sub-menu li.section-link a{
			padding:1.5em;margin-top:0.5em;
		}		
		
		
	   /* set up the downward arrow for top level items */
	   #tema-desktop-main-menu ul li a:after {
			content: ' \f107';
			font-family: FontAwesome;font-style: normal;
			font-weight: normal;
		   }
		/* clear the content if a is only child */
		#tema-desktop-main-menu li a:only-child:after{
			content: '';
		}		

		/* */
	
}


@media (min-width: 1400px) {
	.slides li img {
		margin-top:-87.5px;
		margin-top:-70px;  /*change for ofsted banner*/
	}
}	

@media (min-width: 1500px) {
	
	.slides li img {
		margin-top:-87.5px; /*change for ofsted banner*/
	}
	
	#index #news-wrapper{
		position:relative;top:-154px;margin-bottom:-154px;	/* slightly reposition news feed so it's flush with banner underline */

	}
	
	/* search icon */
	#search-icon{
		height:40px;width:100px;line-height:40px;	
		font-size:0.8em;	
	}
	#search-icon:before{
		height:40px;width:40px;line-height:40px;
		content:"Search ";	
	}
	
	/*banner */
	.banner-wrapper{
		margin-top:-2em;margin-bottom:2em;
		height:350px;
	}

}

@media (min-width: 1600px) {
	.slides li img {
		margin-top:-110px; /*change for ofsted banner*/
	}
	
	.banner-wrapper{
		height:365px;  /*change for ofsted banner*/
	}	
}

@media (min-width: 1700px) {
	.slides li img {
		margin-top:-120px; /*change for ofsted banner*/
	}
	
	.banner-wrapper{
		
	}	
}

@media (min-width: 1800px) {
	.slides li img {
		margin-top:-140px; /*change for ofsted banner*/
	}
	
		.slides li img {
	}
		margin-top:-100px; /*change for ofsted banner*/
}

@media (min-width: 1850px) {
	.slides li img {
		margin-top:-160px; /*change for ofsted banner*/
	}
}

@media (min-width: 1900px) {

	.slides li img {
		margin-top:-90px; /*change for ofsted banner*/
	}
	
	/* banner height can be slightly bigger on large screens */
	
	/*banner */
	.banner-wrapper{
		height:470px;
	}
	.flexslider {
		max-height:470px;
	}
}


/* ipad portrait */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	body,p {
		font-size:0.9em;
	}
	h1,h2,h3,h4 {
		font-size:2.2em;
	}

	h2,h3,h4 {
		font-size:1.6em;
	}
	h3,h4 {
		font-size:1.4em;
	}
	h4 {
		font-size:1.2em;
	}	
}
	

/ GOOGLE TRANSLTOR /
/*
google translator add a class of .translated-ltr or .translated-rtl

https://stackoverflow.com/questions/4887156/detecting-google-chrome-translation
*/
		
	/* when google translator is active move fixed elements down (all adjusted by 40px) */
	.translated-ltr #tema-mobile-toolbar, .translated-ltr #search-icon,
	.translated-ltr #mobile-watermark, .translated-ltr #mobile-menu label{
		position:fixed !important;top:40px !important;
	}
	.translated-ltr #mobile-menu #menu-wrapper{
		position:fixed !important;top:110px !important;
	}

	@media (min-width: 550px) {			
		.goog-te-combo{
			/* font-size:1em !important; */
		}	
		.translated-ltr #watermark, .translated-rtl #watermark{
			position:static !important;top:auto !important;left:0 !important;right:auto !important;		
		}
		.translated-ltr #tema-desktop-toolbar,.translated-rtl #tema-desktop-toolbar{
			position:fixed !important;top:40px !important;
		}			
		.translated-ltr #tema-desktop-main-menu, .translated-rtl #tema-desktop-main-menu{
			position:fixed !important;top:120px !important;left:0 !important;right:0 !important;margin:0 auto !important;
		}
		.translated-ltr #tema-desktop-main-menu .sub-menu, .translated-rtl #tema-desktop-main-menu .sub-menu{
			position:fixed !important;top:160px !important;
		}			
		/* search icon */
		.translated-ltr #search-icon, .translated-rtl #search-icon{
			top:120px !important;left:auto !important;right:0 !important;	
		}
	}