/*
*   MOBILE STYLES
*    Overrides existing stylesheerts
*  	Author: Darrell Wilson hello@make-digital.co.uk
*	Dtae: 13/03/2013;
*/

/*
*	Load Entypo Iocn Font
*/
@font-face {
    font-family: 'Entypo';
    src: url('../fonts/entypo/entypo-webfont.eot');
    src: url('../fonts/entypo/entypo-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/entypo/entypo-webfont.woff') format('woff'),
         url('../fonts/entypo/entypo-webfont.ttf') format('truetype'),
         url('../fonts/entypo/entypo-webfont.svg#EntypoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*
*	General tweaks
*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	margin: 0;
}
#wrapper {
	width: 96%;
	margin: 8px auto;
	margin-left: 3%;
	min-width: 300px;
}
#header-top {
	display: none;
}
#header {
	max-width: 97%;
	border-radius: 8px;
	background-image: none;
	background-color: #fff;
	padding: 10px 0;
	margin-bottom: 10px;
}

img {
	max-width: 100%;
}
a#logo img {
	max-width: 72%;
}

/*
*	SEARCH
*/
#search {
	display: none;
}

/*
*	MAIN NAV
*/
div#navigation {
	width: 97%;
	margin: 0 auto;
	background-image: none;

	/* Hide Main Nav by default */
	display: none;
}
#navigation ul {
	padding-left: 0;
	width: 99%;
}
#navigation li {
	float: none;
	background-image: none;
	background-color: rgb(75, 157, 229);
	border-bottom: 1px solid rgb(51, 51, 51);
}
#navigation li:last-child {
	border-bottom: none;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
#navigation li:first-child {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
#navigation, #navigation li.prim-nav-first a, #navigation li:hover, #navigation li.prim-nav-first a, #navigation li.prim-nav-first a:hover, #navigation li.prim-nav-last, #navigation li.prim-nav-last:hover {
	background-image: none;
}
#navigation li a {
	font-size: 16px;
	text-align: left;
	padding-left: .8em;
}
#navigation li.prim-nav-first {
	background-color: rgb(75, 157, 229);
}
#navigation li.prim-nav-first a {
	font-size: 16px;
	text-align: left;
	padding-left: 1.3em;
}
#navigation li div {
	display: none;
}


/**** Mobile Main Nav Trigger Icon ****/
a.icon-alone {
 	display: inline-block; /* Fix for clickability issue in WebKit */
 	position: absolute;
  	left: 80%;
	top: 5px;
  	text-decoration: none;
}
.screen-reader-text { /* Reusable, toolbox kind of class */
 	position: absolute;
 	top: -9999px;
 	left: -9999px;
}
[data-icon]:before {
 	font-family: Entypo; /* BYO icon font, mapped smartly */
 	content: attr(data-icon);
  	speak: none; /* Not to be trusted, but hey. */
  	font-size: 80px;
  	color: rgb(75, 157, 229);
}


/*
*	MAIN CONTENT AREA
*/
#breadcrumb {
	padding: 15px 0;
	border-bottom: none;
}
#main {
	width: 97%;
	background-color: rgb(255, 255, 255);
	margin: 0;
	background-image: none;
	border-radius: 8px;
}
.two-column #m-R, .one-column #m-R, .three-column #m-R, .two-column #m-L, .one-column #m-L, .three-column #m-L, .two-column #f-L, .one-column #f-L, .two-column #f-L, .two-column #f-R, .one-column #f-R, .three-column #f-R, #wrapper  #f-R {
	background-image: none;
}
#m-L {
	display: none;
}
.three-column .column1, .two-column .column1 {
	float: none;
	width: auto;
	margin-bottom: 0;
	margin-left: 0;
}
.three-column .outer {
	margin-left: 0; /* L */
	margin-right: 0; /* R */
}
.three-column .column3 {
	display: none;
}
.column3-inner {
	background-image: none;
	background-color: #ebebeb;
	padding: 10px;
	margin: 0 0 10px 0;
	border-radius: 8px;
}
.column3-inner  ul {
	margin-top: 0;
}
.column3-inner  ul li {
	margin-bottom: 5px;
}

/*
*	accordian subnav styles
*/
.col1-nav.accordian {
	display: none;
}
dl.col1-nav {
	width: 220px;
}
.col1-nav {
	display: none;
}
.column2 {
	padding: 0 20px 0 0;
}
.two-column .column2 {
	padding-right: 0;
}
div.floatright {
	float: none;
	margin-left: 0;
}
#maincontent {
	padding-left: 20px;
}
.three-column #maincontent {
	margin-right: 0;
}
#maincontent ul {
	padding-left: 15px;
}
div#maincontent > h1 {
	margin: 10px 0;
	line-height: 1.1;
}
div#maincontent ul li {
	padding-bottom: .5em;
}
#f-L {
	background-image: none;
	height: 11px;
}
#back-forward-home {
	background-image: none;
}

#maincontent .in-this-section-triple ul {
	list-style-type: none;
	width: 46%;
	padding-left: 0;
	margin-right: 10px;
}
#maincontent .in-this-section-triple ul li {
	list-style-type: none;
	margin-bottom: 3px;
	line-height: 1.3;
}
.floatright  {
	overflow: auto;
}
.floatright img {
	float: left;
	margin-right: 20px;
}
.floatright .imgcap {
	width: 150px;
	float: left;
	text-align: left;
}
#maincontent p {
	clear: both;
}
span.backwards {
	display: none;
}

/*
*	FOOTER
*/
#footer {
	background-image: none;;
	background-color: #fff;
	border-radius: 8px;
	padding: 16px;
	width: 97%;
	margin-bottom: 18px;
}
#footer-right {
	float: none;
	width: auto;
	background-color: #ccc;
	background-image: none;
	border-radius: 8px;
	min-height: 0;
	margin-bottom: 12px;
}
.footer-left {
	float: none;
	width: auto;
}
.footer-navs {
	float: none;
	width: 49% !important;
	float: left;
}
#footer h2 {
	font-size: 100%;
	letter-spacing: normal;
	margin-bottom: 9px;
}
#footer ul li {
	margin-bottom: .6em;
}
#footer ul li a {
	font-size: 13px;
}
#footer-right p {
	line-height: 1.7;
}

a.regButt {
	width: 100%;
	text-align: center;
	background-color: #4B9DE5;
	border-radius: 8px;
	background-image: none;
	line-height: 1;
	padding: 10px 0;
	height: auto;
}
#copyright {
	padding-top: 8px;
	text-align: center;
	position: inherit;
}


/*
* HOME PAGE OVERRIDES
*/
.home #maincontent {
	padding-top: 0;
}
#footer2-TL, #footer2-TR, #footer2-T, #footer2-L, #footer2-R, #footer2-BL, #footer2-BR {
	display: none;
}
#footer2-M {
	padding-left: 0;
}
#footer-right p {
	display: none;
}
.home #scroll-wrap {
	display: none;
}
.home #main-inner3 {
	background-image: none;
	padding-top: 0;
	border-radius: 8px;
}
.home.three-column .wrap-cl {
	border-radius: 8px;
}

/* Single News Item at top of page - mobile only  */
#mobile-news {
	display: block;
	border-bottom: 1px solid #ccc!important;
	margin-bottom: 30px;
}
#mobile-top-tasks, #popular-areas {
	display: block;
	border-bottom: 1px solid #ccc!important;
	margin-bottom: 30px;
}
#mobile-top-tasks h2, #popular-areas h2 {
	border-bottom: none;
}
#mobile-top-tasks ul, #popular-areas ul {
	width: 100%;
	/*margin-right: 10px;*/
}
#mobile-top-tasks li, #popular-areas li {
	background-color: rgb(75, 157, 229);
	border-bottom: 1px solid rgb(187, 192, 192);
}
#mobile-top-tasks li a,   #popular-areas li a {
	border: none;
	display: block;
	color: #fff;
	padding: 10px 12px;
	font-weight: bold;
	font-size: 15px;
}
.home #maincontent, .home #home-news-wrap > div {
	display: none;
}
.home #home-news-wrap ul li a {
	border: none;
}

/*
*	SEARCH styles after cloned to Main content area
*/
#searchform:before, #searchform:after {
	border-top: 1px solid #ccc;
	content: "";
	display: block;
	height: 1px;
	position: relative;
	top: -18px;
	width: 100%;
}
#searchform:after {
	top: 28px;
}
#searchform {
	margin: 40px 0 30px 0;
	background-color: #ccc;
	border-radius: 8px;
	padding: 7px 18px 15px 18px;
}

#search-type {
	display: none;
}
.moresearchalignright {
	padding: 0;
	display: block;
	margin: 14px 0 0 0;
}
#search-elements {
	border: none;
	padding: 0;
	margin: 0 0 0 -2px;
}
#search-elements input#search-box {
	width: 80%;
	margin-right: 8px;
	font-size: 13px;
	padding: 3px;
}
#searchform label span {
	font-size: 13px;
	font-weight: bold;
	color: rgb(0, 60, 115);
	margin-bottom: 4px;
	display: block;
}
#search-box-submit {
	padding: 6px;
	width: 16%;
	text-transform: uppercase;
}

/*
*	LEARNING ZONE OVERRIDES
*/
.lz .outer-footer {
	left: -16px;
	bottom: 0px;
	display: none;
}
.lz #main {
	padding-bottom: 20px; /* NB: Was required for buildings graphic*/
}
.lz #h1-header {
	background-position: 3px 26px;
	background-image: none;
	height: auto;
}
.lz #h1-header h1 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.lz #mobile-news h2 a, .lz #mobile-news h2 a:visited {
	color: #003C73 !important;
	text-decoration: none;
}
.lz-panels-home {
	width: 250px;
	margin: 0 auto 20px auto;
	overflow: auto;
}
.lz.three-column #maincontent {
	margin-right: 16px;
}
.lz #mobile-news {
	margin-bottom: 28px;
}
.lz #mobile-news img {
	width: 100%;
	height: auto;
}
.lz #mobile-news h2 {
	margin: 12px 0;
}
.lz #maincontent .widget  {
	display: block;
}
.lz #maincontent .widget ul li {
	list-style-type: none;
}