html {
	font-size:100%
}

body {
	font-family:'Montserrat', sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:400;
	font-style:normal;
	color:#222;
	font-size:16px;
	line-height:1.6;
	background:#002852;
}
#wpcf7-f14455-p14447-o1 textarea {height: 500px!important;}

strong,dt {
	font-weight:700
}

em {
	font-style:italic; font-weight: 400;
}

small {
	font-size:12px
}

.light {
	font-weight:300
}

.midbold {
	font-weight:500
}

a {
	color:#109494;
	text-decoration:none
}

a:hover {
	color:#109494;
	text-decoration:underline;
}

code {
	background:#efefef;
	font-weight:400;
	font-family:"Courier New",Courier,"Lucida Sans Typewriter","Lucida Typewriter",monospace;
	font-size:12px
}

.responsive-slider.flexslider {margin-bottom:0px!important;}

p {
	font-size:16px;
	line-height:1.6;
	font-weight: 400;
	margin-bottom:15px
}

p.lead,span.lead p:first-child {
	font-size:20px
}

h1,h2,h3,h4,h5,h6 {
	font-family:'Roboto',sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:900;
	font-style:normal;
	color:#222;
	margin-bottom:20px;
	margin-top:0;
	line-height:1.4
}

h2 a {color: #d80454!important;}

h1 {
	font-size:47px;
	line-height:50px;
	margin-bottom:20px
}

h2 {
	font-size:32px;
	line-height:34px;
	text-transform:none;
	margin-top:30px
}

h3 {
	font-size:32px;
	line-height:34px;
	text-transform:none;
	margin-top:30px
}

h4 {
	font-size:28px;
	line-height:30px;
	text-transform:none;
	margin-top:30px
}

h5 {
	font-size:24px;
	line-height:28px;
	text-transform:none;
	margin-top:30px;
	color: #d80454;
}

h6 {
	font-size:16px;
	line-height:18px;
	text-transform:none
}

h2:first-child {
	margin-top:15px
}

video {
	width:100%;
	height:auto;
	max-height:233px
}

.upper {
	text-transform:uppercase;
	letter-spacing:4px
}

.red {
	color:#c10a28
}

.grey {
	color:#5c5c5c
}

.hidemobile {
	display:block
}

ul,li {
	font-size:16px;
	line-height:1.6;
	margin-left:20px;
	font-weight: 400;
}

ul,ol {
	margin-left:20px
}

ul li {
	list-style-type:square
}

ol {
	list-style-type:decimal
}

ol li {
	margin-bottom:10px
}

.nopad {
	padding:0
}

blockquote {
	font-style:italic;
	margin:0 0 15px;
	padding:0;
	border-left:0 solid #b4b4b4;
	font-size:16px;
	line-height:1.8;
	margin-bottom:20px
}

blockquote p {
	color:#222;
	font-weight:400;
	line-height:1.8;
	font-size:16px!important;
	font-family:"Quicksand",sans-serif;
	font-weight:400
}

blockquote p:last-child {
	margin-bottom:30px
}

blockquote cite {
	font-style:normal;
	margin-top:0;
	margin-left:57px;
	color:#c10a28;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:4px;
	font-weight:400
}

figcaption {
	font-size:14px;
	font-style:italic;
	padding:10px 0;
	margin-bottom:15px;
	border-top:1px solid #ecf0f1;
	border-bottom:1px solid #ecf0f1
}

figure {
	margin-top:10px
}

iframe {
	border:0
}

input:focus,select:focus,textarea:focus,button:focus {
	outline:none
}

img {
	margin-bottom:20px;
	border:0
}

.wrapper {
	background:#fff;
	padding:25px
}

#pagecage {
	background:#003b79
}

#nav {
	background:
}

#top {
	padding-top:30px
}

#top .logo {
	width:580px;
	margin-bottom:0
}

#top form {
	margin-bottom:0
}

    
/* BUTTONS */
.button,input[type="submit"] {
	width:auto;
	background:#008ac9;
	border:0 solid #aaa;
	-webkit-box-shadow:0 0 0 rgba(255,255,255,0.5) inset;
	-moz-box-shadow:0 0 0 rgba(255,255,255,0.5) inset;
	box-shadow:0 0 0 rgba(255,255,255,0.5) inset;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-family:inherit;
	text-transform:uppercase;
	font-size:14px;
	font-weight:400;
	line-height:1;
	margin:0;
	padding:10px 20px;
	position:relative;
	text-align:center;
	text-decoration:none;
	-webkit-transition:all 250ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out;
	margin-bottom:0
}

.button:hover,.button:focus,input[type="submit"]:hover,input[type="submit"]:focus {
	color:#fff;
	background:#003b79;
	text-decoration:none
}







.button:active {
	-webkit-box-shadow:0 0 0 rgba(0,0,0,0.2) inset;
	-moz-box-shadow:0 0 0 rgba(0,0,0,0.2) inset;
	box-shadow:0 0 0 rgba(0,0,0,0.2) inset
}

.button.large {
	font-size:16px;
	padding:15px 30px 16px
}

.button.tall {
	font-size:14px;
	padding:25px 20px
}

.button.wire {
	background:none;
	color:#c10a28;
	border:2px solid #c10a28;
	font-weight:700
}

.button.wire:hover {
	color:#222;
	border:2px solid #222
}

.button.wire.white {
	background:none;
	color:#fff;
	border:2px solid #fff;
	font-weight:700
}

.button.wire.white:hover {
	color:#222;
	border:2px solid #222
}

.button.quicksand {
	font-size:13px;
	padding:13px 30px;
	font-family:"Quicksand",sans-serif;
	font-weight:400
}

.button.medium {
	font-size:14px
}

.button.small {
	font-size:11px;
	padding:12px 14px
}

.button.tiny {
	font-size:10px;
	padding:5px 10px 6px
}

.button.expand {
	width:100%;
	text-align:center
}

.button.full {
	width:100%
}

.book {
	background:#EE8532;
	color:#fff;
	padding:20px 30px
}

.book:hover {
}

/* FORMS */
form {
	margin:0 0 15px
}

label {
	font-size:16px;
	color:#222;
	cursor:pointer;
	display:block;
	font-weight:400;
	margin-bottom:5px
}

.csstransitions label {
	display:none
}

label.show {
	display:block
}

span.prefix,span.postfix {
	background:none;
	border:0 solid #b4b4b4;
	font-size:16px
}

fieldset {
	border:solid 0 #b4b4b4;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	padding:0;
	margin:0 0 20px
}

fieldset legend {
	display:none
}

input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea {
	background-color:#fff;
	font-family:inherit;
	border:1px solid #ccc;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 0 0 rgba(0,0,0,0.1);
	box-shadow:inset 0 0 0 rgba(0,0,0,0.1);
	color:#222;
	font-weight:400;
	display:block;
	font-size:16px;
	line-height:20px;
	margin:0 0 5px;
	padding:10px;
	width:100%;
	-webkit-transition:all .15s linear;
	-moz-transition:all .15s linear;
	-o-transition:all .15s linear;
	transition:all .15s linear
}

input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,textarea:focus {
	background:#fff;
	color:#222;
	border-color:#222
}

textarea {
	min-height:120px;
	height:120px
}

input:input-placeholder,textarea:input-placeholder {
	-webkit-transition:all 250ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out;
	color:#8c8c8c;
	font-weight:400
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	-webkit-transition:all 250ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	font-weight:400;
	transition:all 250ms ease-in-out;
	color:#8c8c8c;
}

input:-moz-placeholder,textarea:-moz-placeholder {
	-webkit-transition:all 250ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out;
	color:#b4b4b4
}

input:hover::-webkit-input-placeholder,textarea:hover::-webkit-input-placeholder {
	color:#222
}

input:hover:-moz-placeholder,input:hover::-moz-placeholder,textarea:hover::-moz-placeholder {
	color:#222
}

input[type="submit"] {
	font-weight:400;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0
}

select {
font-family:'Montserrat', sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif;
	width:100%;
	font-size:16px;
	color:#5c5c5c;
	font-weight:400;
	background:url(https://www.l20hotelschool.co.uk/build/wp-content/uploads/2014/02/dropdown.png) no-repeat right #fff;
	border:0;
	border-radius:0;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	padding:8px;
	margin-top:0;
	overflow:hidden;
	border:1px solid #5c5c5c;
	cursor:pointer;
	margin-bottom:20px
}

/* TABS ---------------------- */
.tabs {
	list-style:none;
	border-bottom:solid 0 #e6e6e6;
	display:block;
	height:40px;
	padding:0;
	margin-bottom:15px
}

.tabs.contained {
	margin-bottom:0;
	margin-left:0
}

.tabs dt,.tabs li.section-title {
	color:#222;
	cursor:default;
	display:block;
	float:left;
	font-size:12px;
	height:40px;
	line-height:40px;
	padding:0;
	padding-right:0;
	padding-left:0;
	font-weight:400;
	width:auto;
	text-transform:uppercase
}

.tabs dt:first-child,.tabs li.section-title:first-child {
	padding:0;
	padding-right:0
}

.tabs dd,.tabs li {
	display:block;
	float:left;
	padding:0;
	margin:0;
	margin-right:10px
}

.tabs dd a,.tabs li a {
	color:#c10a28;
	display:block;
	font-size:16px;
	height:45px;
	line-height:40px;
	padding:0 30px;
	border:2px solid #c10a28;
	font-size:14px;
	font-weight:700;
	letter-spacing:2px;
	text-transform:uppercase;
	-webkit-transition:all 250ms ease-in;
	-moz-transition:all 250ms ease-in;
	-ms-transition:all 250ms ease-in;
	-o-transition:all 250ms ease-in;
	transition:all 250ms ease-in
}

.tabs dd a:hover,.tabs li a:hover {
	text-decoration:none
}

.tabs dd a:focus {
	font-weight:700
}

.tabs dd a:hover {
	color:#222;
	border-color:#222
}

.tabs dd.active a:hover {
	color:#fff;
	border-color:#c10a28
}

.tabs dd.active,.tabs li.active {
	border-top:0 solid #c10a28;
	background:#c10a28;
	color:#fff;
	margin-top:0
}

.tabs dd.active a,.tabs li.active a {
	cursor:default;
	color:#fff;
	background:#c10a28;
	border-left:2px solid #c10a28;
	border-right:2px solid #c10a28;
	font-weight:700;
	text-decoration:none
}

.tabs dd:first-child,.tabs li:first-child {
	margin-left:0
}


a.tribe-events-ical {display: none;}

.tribe-events-nav-previous {}
.tribe-events-nav-previous a, .tribe-events-nav-next a {background: #008ac9;
    border: 0 solid #aaa;
    -webkit-box-shadow: 0 0 0 rgba(255,255,255,0.5) inset;
    -moz-box-shadow: 0 0 0 rgba(255,255,255,0.5) inset;
    box-shadow: 0 0 0 rgba(255,255,255,0.5) inset;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
    margin-bottom: 0;}
ul.tribe-events-sub-nav {
    text-align: left!important;
}

.tribe-events-page-title {text-align: left!important; 
    font-size: 47px;
    line-height: 50px;
    margin-bottom: 20px; margin-top: 0px!important;}
.tribe-events-list-event-title {margin-top: 0px!important;}
.tribe-events-list-event-title a:hover {color: #222;}
#tribe-events-bar {display: none;}
.tribe-events-list-separator-month {display: none;}
.tribe-events-first {padding-top: 20px!important;}
.tribe-events-list-event-description {display: none;}
.tribe-events-event-meta, .tribe-events-list .tribe-events-venue-details, .tribe-event-schedule-details, .tribe-events-abbr {margin-bottom: 0!important;     line-height: 1.6!important;
    font-size: 16px!important;}
.tribe-events-gmap {display: none;}
.tribe-events-event-image {margin-top: 20px!important; margin-bottom: 0px!important;}
.tribe-events-event-image img {margin-bottom: 0px!important;}
#tribe-events-header .tribe-events-sub-nav {display: none;}

.type-tribe_events {background: #f2f2f2;
    border: solid 1px #e6e6e6;
    margin: 0 0 22px 0;
    padding: 20px;}
.tribe-events-back {display: none;}

.tribe-events-schedule h2 {margin-top: 0;}
#tribe-events-header {display: none!important;}

.tribe-events-single .type-tribe_events {background:none;
    border: solid 0px #e6e6e6;
    margin: 20px 0 20px 0;
    padding: 0px;}

.tribe-events-single .tribe-events-event-meta {background: #f2f2f2;
    border: solid 1px #e6e6e6;
    margin: 0 0 22px 0;
    padding: 0px 20px 20px 20px;}    

.tribe-events-single dl {line-height: 1.6!important;
    font-size: 16px!important;}

.tribe-events-cal-links {display: none!important;}
.tribe-events-single h3 {font-size: 22px;
    line-height: 24px;
    text-transform: none;
    margin-top: 20px;}


ol.tribe-list-widget {margin-left: 0; margin-bottom: 0;}
ol.tribe-list-widget li {list-style: none; border-bottom: 1px solid #ccc; 
    background:none;
    margin: 0 0 0px 0;
        margin-bottom: 8px;

    margin-left: 0;
    padding: 0px;
    padding-bottom: 10px;
    
    }
ol.tribe-list-widget li:last-child {border-bottom: 0px; margin-bottom: 0;  padding-bottom: 7px;}
h4.tribe-event-title {margin-top: 0; margin-bottom: 0px; font-size: 16px; line-height: 24px;}
p.tribe-events-widget-link {display: none;}

ol.tribe-list-widget li a:hover {color: #222;}
ol.tribe-list-widget li:hover {
	border-bottom:1px solid #222; color: #222;
}
ol.tribe-list-widget li:last-child:hover {border-bottom: 0;}


.smalldesc {
    height: 60px;
    overflow:hidden;
}
.bigdesc {
    height: auto;
}

#welcomepack a {border-bottom: 4px solid #ff654f!important; color: #ff654f!important; font-weight: 600!important;font-size:16px;
	line-height:1.6;}
#welcomepack a:hover {border-bottom: 4px solid #222!important; color: #222!important;}


#welcome_safe {background: #efefef; text-align: center; padding: 20px; border-radius: 8px; margin-bottom: 20px; margin-top: 20px;}
#welcome_safe h3 {margin-top: 15px;}
.inner {padding-left: 50px; padding-right: 50px;}

#welcome_face {background: #fff6e2; text-align: center; padding: 20px 20px 40px 20px; border-radius: 8px; margin-bottom: 20px; margin-top: 20px;}
#welcome_face h3 {margin-top: 15px;}
.inner {padding-left: 50px; padding-right: 50px;}

#welcome_progress {background: #f9ecf0; text-align: left; padding: 20px 20px 30px 20px; border-radius: 8px; margin-top: 20px; margin-bottom: 20px;}
#welcome_progress h3 {margin-top: 15px;}

#welcome_progresshe {background: #fff6e2; text-align: left; padding: 20px 20px 30px 20px; border-radius: 8px; margin-top: 0px; margin-bottom: 50px;}
#welcome_progresshe h3 {margin-top: 15px;}

#welcome_tech {background: #efefef;   padding: 20px; border-radius: 8px; margin-top: 30px; margin-bottom: 40px;}
#welcome_tech h3 {margin-top: 15px;}
#welcome_tech img {margin-bottom: 0;}
p.ares {font-weight: 700; font-size: 20px; font-style: italic; color: #155bcd; margin-left: 20px; line-height: 36px;}
p.ares i {margin-right: 10px;}

#welcome_pod {background: #efefef; text-align: center; padding: 20px; border-radius: 8px;}
#welcome_cater {background: #f9ecf0; text-align: left; padding: 20px; border-radius: 8px; margin-top: 20px; margin-bottom: 50px;}
#welcome_cater h3 {margin-top: 15px;}

#welcome_progress div.progresscoach {background: #fefbfc; border-radius:6px; padding: 5px 20px 20px 20px; margin-bottom: 20px;}
#welcome_progress div.progresscoach p.italic {font-style: italic; font-weight:400;}
#welcome_progress div.progresscoach a {border-bottom: 2px solid #ca577a!important; color: #ca577a!important; font-weight: 600;}

.centered {text-align: center; }
.imgcenter {position: relative; display: block; text-align: center; margin: auto;}


.page-id-64557 h1 {text-align: center; margin-bottom: 30px; margin-top: 10px;}
.page-id-65667 h1 {text-align: center; margin-bottom: 30px; margin-top: 10px;}
.page-id-65268 h1 {text-align: center; margin-bottom: 30px; margin-top: 10px;}

a.supporting {
    border-bottom: 4px solid #f30372!important;
    color: #f30372!important;
    font-weight: 600!important;
    font-size: 16px;
    line-height: 1.6;}

.supportingcall {font-weight: 500!important; order-bottom: 4px solid #000!important;
    font-size: 26px; font-style: italic;
    line-height: 1.6;}

#keepingface {background: #fff6e2;  padding: 20px 20px 20px 20px; border-radius: 8px; margin-bottom: 20px; margin-top: 20px;}
#keepingface h3 {margin-top: 15px;}


.inner {padding-left: 50px; padding-right: 50px;}



#freshers a {border-bottom: 4px solid #f30372!important; color: #f30372!important; font-weight: 600!important;font-size:16px;
	line-height:1.6;}
#freshers a:hover {border-bottom: 4px solid #222!important; color: #222!important;}

#freshers h3 {font-size: 40px; line-height: 40px; margin-bottom: 30px; text-transform: uppercase; font-style: italic; color:#3f017d; }

#freshers_intro {margin-bottom: 60px; margin-top: 20px;}
#freshers_do{background: #efefef; text-align: center; padding: 50px; border-radius: 8px; margin-bottom: 60px; margin-top: 20px;}
#freshers_do h3 {margin-top: 5px;}
#freshers_action {background: #fff6e2; text-align: center; padding: 50px 50px 50px 20px; border-radius: 8px; margin-bottom: 60px; margin-top: 20px;}
#freshers_action h3 {margin-top: 5px; margin-bottom: 30px;}
#freshers_pod {background: #f9ecf0; text-align: left; padding: 50px; border-radius: 8px; margin-top: 20px; margin-bottom:60px;}
#freshers_pod h3 {margin-top: 5px;}
#freshers_samaritans {background: #efefef; text-align: left; padding: 50px; border-radius: 8px; margin-top: 20px; margin-bottom:60px;}
#freshers_samaritans h3 {margin-top: 5px;}
#freshers_volunteer {background: #f9ecf0; text-align: left; padding: 50px; border-radius: 8px; margin-top: 20px; margin-bottom:60px;}
#freshers_volunteer h3 {margin-top: 5px;}
#freshers_capo {background: #fff6e2; text-align: center; padding: 50px 50px 30px 50px; border-radius: 8px; margin-bottom: 60px; margin-top: 20px;}
#freshers_capo h3 {margin-top: 15px; margin-bottom: 20px;}
#freshers_capo .flex-video {margin-bottom: 10px;}
#freshers_sexualh {background: #efefef; text-align: left; padding: 50px; border-radius: 8px; margin-top: 20px; margin-bottom:60px;}
#freshers_sexualh h3 {margin-top: 5px;}
#freshers_internet {background: #f9ecf0; text-align: center; padding: 50px 50px 10px 50px; border-radius: 8px; margin-top: 20px; margin-bottom:60px;}
#freshers_internet h3 {margin-top: 5px;}

.page-id-64617 h1 {display: none;}

.responsive-slider.flexslider .slide-title a {display: none;}

.podarchivepost {border-bottom: 1px solid #ccc;}
.podarchivepost a h2 {color: #008ac9!important;}
.podarchivepost a:hover h2 {text-decoration: underline;}

.page-id-65147 h1 {display: none;}

.joinprosevent h4 {border-bottom: 2px solid #3a9bd5; padding-bottom: 10px; margin-bottom: 30px; text-transform: uppercase; font-size:20px; letter-spacing: 2px;}
.joinprosevent h5 {color: #293684; padding-bottom: 0; margin-bottom: 20px; margin-top: 0; font-size: 28px; }
.joinprosevent h6 {text-transform: uppercase; font-size:16px; letter-spacing: 1px;}
.joinprosevent p.date {text-transform: uppercase; font-size:13px; letter-spacing: 0px; font-weight: 600;}
.joinprosevent .panel {text-align: center;}
.joinprosevent .panel .button {line-height: 20px; padding-left: 15px; padding-right: 15px;}

/** Improvments to Campus **/

.page-id-64988 p.date {font-weight: 600; margin-bottom: 5px;}


.page-id-64988 #improve_rooms {background: #e5eff9; text-align: left; padding: 10px 40px 20px 40px; border-radius: 8px; margin-top: 20px; margin-bottom:30px;}

.page-id-64988 #improve_other {background: #f9ecf0; text-align: left; padding: 10px 40px 40px 40px; border-radius: 8px; margin-top: 20px; margin-bottom:30px;}

.page-id-64988 #improve_entry {background: #fff; text-align: left; padding: 5px 30px 30px 30px; border-radius: 8px; margin-top: 20px; margin-bottom:20px;}

.page-id-64988 #improve_entry hr {color:#ccc; margin-bottom: 30px; }


.event-feed-for-eventbrite-app {margin-top: 25px!important; }
.event-feed-for-eventbrite-app .eventbrite-feed-widget .eventbrite-item {border: 1px solid #b7b6bf; padding: 10px 20px 20px 20px!important; border-radius: 6px;}
.event-feed-for-eventbrite-app .eventbrite-feed-widget {float: left;font-family: Helvetica, Arial, sans-serif!important; margin-bottom: 0px!important;}
.event-feed-for-eventbrite-app .eventbrite-feed .eventbrite-item {width: 48%!important; float: left; margin-right: 2%!important; margin-bottom: 20px!important;}
.event-feed-for-eventbrite-app .eventbrite-feed-widget .eventbrite-item-datetime {margin-bottom: 10px!important;     font-size: 12px!important;}
.event-feed-for-eventbrite-app .eventbrite-feed .eventbrite-item-tags div {border: 1px solid #b7b6bf!important; }
.event-feed-for-eventbrite-app .eventbrite-feed-widget .eventbrite-item-tags {margin: 0!important;}
.event-feed-for-eventbrite-app .eventbrite-feed .eventbrite-item-title {font-family: Helvetica, Arial, sans-serif!important;}


/** styled modal **/
.modal-wrapper.styled {
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.6); /* Black w/ opacity */
}

.modal-wrapper.styled .modal {
    position: relative;
    background-color: #fefefe;
    margin: 10vh auto; /* 10vh from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 70%; /* Could be more or less, depending on screen size */
    transition: all 2s ease;
}

.modal-wrapper.styled .modal .close-modal {
    background: transparent;
    position: absolute;
    top: -6px;
    right: 10px;
    font-size: 2.0em;
    color: #333;
    cursor: pointer;
}

.modal-wrapper.styled .modal h1 {
    font-size: 56px;
    margin: 35px 0;
}

.modal-wrapper.styled .modal .entry-content p {
    font-size: 16px;
}

.modal-wrapper.styled .modal .loading {
    display: block;
    width: 100px;
    margin: auto;
    padding: 25vh 0;
}

.modal-wrapper.styled .modal p {
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    color: #444;
    line-height: 1.5em;
    margin-bottom: 0.8em;
}

.modal-wrapper.styled .modal h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, sans-serif;
}

.modal-wrapper.styled .modal h1 {
    font-size: 2.5em;
    margin: 0.3em 0;
}

.modal-wrapper.styled .modal h2 {
    font-size: 2.0em;
    margin: 0.3em 0;
}

.modal-wrapper.styled .modal h3 {
    font-size: 1.75em;
    margin: 0.3em 0;
}

.modal-wrapper.styled .modal h4 {
    font-size: 1.50em;
    margin: 0.3em 0;
}

.modal-wrapper.styled .modal h5 {
    font-size: 1.25em;
    margin: 0.3em 0;
}

.modal-wrapper.styled .modal h6 {
    font-size: 1.0em;
    margin: 0.3em 0;
    line-height: 1.5em;
}

.modal-content {
    padding: 0 0.7em 0em 0.5em;
}

.modal-wrapper.styled .modal ul li, .modal-wrapper.styled .modal ol li {
    line-height: 1em;
    padding-bottom: 0.5em;
    text-align: justify;
}

.modal-wrapper.styled .modal ul li {
    list-style: disc;
    margin-left: 30px;
}

.modal-wrapper.styled .modal ol li {
    list-style: decimal;
    margin-left: 30px;
}

.modal-wrapper.styled .modal ol ol {
    padding: 0.6em;
}

.modal-wrapper.styled .modal dt {
    font-weight: bold;
    text-decoration: underline;
}

.modal-wrapper.styled .modal dd {
    margin: 0;
    padding: 0.5em 0 0.5em 0;
}

.modal-wrapper.styled .modal hr {
    border: 0;
    height: 30px;
    border-style: solid;
    border-color: #8c8c8c;
    border-width: 1px 0 0 0;
    border-radius: 20px;
    background-color: white;
    margin: 25px;
}

.modal-wrapper.styled .modal hr:before {
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: #8c8c8c;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

.modal-wrapper.styled .modal blockquote {
    display: block;
    background: #fff;
    padding: 15px 20px 15px 45px;
    margin: 0 0 20px;
    position: relative;

    /*Font*/
    font-family: Georgia, serif;
    font-size: 16px;
    line-height: 1.2;
    color: #666;
    text-align: justify;

    /*Borders - (Optional)*/
    border-left: 7px solid #009c7b;
    border-right: 1px solid #009c7b;

    /*Box Shadow - (Optional)*/
    -moz-box-shadow: 2px 2px 15px #ccc;
    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc;
}

.modal-wrapper.styled .modal blockquote::before {
    content: "\201C"; /*Unicode for Left Double Quote*/

    /*Font*/
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: bold;
    color: #999;

    /*Positioning*/
    position: absolute;
    left: 10px;
    top: 5px;
}

.modal-wrapper.styled .modal blockquote::after {
    /*Reset to make sure*/
    content: "";
}

.modal-wrapper.styled .modal blockquote a {
    text-decoration: none;
    background: #eee;
    cursor: pointer;
    padding: 0 3px;
    color: #c76c0c;
}

.modal-wrapper.styled .modal blockquote a:hover {
    color: #666;
}

.modal-wrapper.styled .modal blockquote em {
    font-style: italic;
}

.modal-wrapper.styled .modal blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

.modal-wrapper.styled .modal blockquote cite:before {
    content: "\2014 \2009";
}

.modal-wrapper.styled .modal table {

    color: #757575;
    font-size: 1em;
    line-height: 2;
    margin: 0 0 24px;
    width: 100%;
}

.modal-wrapper.styled .modal input[type=password] {
    margin: 5px 0 10px;
    width: 25%;
    padding: 7px 0 7px 4px;
    border: 1px solid #E3E3E3;
}


/* ANIMATIONS */
@-webkit-keyframes fadein {
0% {
	opacity:0
}

100% {
	opacity:1
}
}

@-webkit-keyframes movedown {
0% {
	-ms-transform:translate(0px,-20px);
	-webkit-transform:translate(0px,-20px);
	transform:translate(0px,-20px)
}

100% {
	-ms-transform:translate(0px,0px);
	-webkit-transform:translate(0px,0px);
	transform:translate(0px,0px)
}
}

/* ACCORDION */
ul.accordion {
	margin:0 0 15px;
	border-bottom:1px solid #5c5c5c
}

ul.accordion > li.active {
	border-top:3px solid #002852
}

ul.accordion > li > div.title p {
	margin-bottom:0
}

ul.accordion > li > div.title {
	cursor:pointer;
	background:none;
	padding:12px 15px;
	margin:0;
	color:#222;
	position:relative;
	border-left:1px solid #5c5c5c;
	border-right:1px solid #5c5c5c
}

ul.accordion > li.active .title p {
	margin-top:-3px
}

ul.accordion > li.active .title:after {
	content:"";
	display:block;
	width:0;
	height:0;
	border:solid 8px;
	border-color:#c10a28 transparent transparent;
	position:absolute;
	padding:6px;
/* Arrow size */
	box-shadow:1px -1px 0 1px #002852 inset;
	-webkit-box-shadow:2px -2px #002852 inset;
	border:solid transparent;
	border-width:0 0 1px 1px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
/* IE 9 */
	top:9px;
	right:17px
}

.lt-ie9 ul.accordion > li.active .title {
	background:url(../images/accor-arrowactive.png);
	background-position:top right;
	background-repeat:no-repeat
}

.lt-ie9 ul.accordion > li .title {
	background:url(../images/accor-arrow.png);
	background-position:top right;
	background-repeat:no-repeat
}

.lt-ie9 ul.accordion > li.active .title:after {
	display:none
}

.lt-ie9 ul.accordion > li .title:after {
	display:none
}

.margintop {
	margin-top:25px
}

ul.accordion > li > div.title:after {
	content:"";
	display:block;
	width:0;
	height:0;
	border:solid 8px;
	border-color:transparent #5c5c5c transparent transparent;
	position:absolute;
	right:10px;
	top:17px;
	position:absolute;
	padding:6px;
/* Arrow size */
	box-shadow:1px -1px 0 1px #5c5c5c inset;
	-webkit-box-shadow:2px -2px #5c5c5c inset;
	border:solid transparent;
	border-width:0 0 1px 1px;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	-ms-transform:rotate(45deg);
/* IE 9 */
	-webkit-transition:all 250ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out
}

ul.accordion > li > div.title:hover:after {
	box-shadow:1px -1px 0 1px #c10a28 inset;
	-webkit-box-shadow:2px -2px #c10a28 inset
}

ul.accordion > li.active > div.title:hover:after {
	box-shadow:1px -1px 0 1px #c10a28 inset;
	-webkit-box-shadow:2px -2px #c10a28 inset
}

ul.accordion > li {
	list-style:none;
	margin:0;
	padding:0;
	border-top:1px solid #5c5c5c
}

ul.accordion > li.active .content {
	background:#fff;
	display:block;
	border-left:1px solid #5c5c5c;
	border-right:1px solid #5c5c5c;
	padding:5px 15px 1px
}


.page-id-11707 ul.accordion {border-bottom: 1px solid #ccc;}
.page-id-11707 ul.accordion > li {border-top: 1px solid #ccc;}
.page-id-11707 ul.accordion > li > div.title {
    cursor: pointer;
    background: #ecf0f1;
    padding: 10px 15px 10px 15px;
    margin: 0;
    color: #222;
    position: relative;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.page-id-11707 ul.accordion > li > div.title:hover {background: #8cc63f; color: #fff!important;}
.page-id-11707 ul.accordion > li > div.title:hover h5 {color: #fff!important;}
.page-id-11707 ul.accordion > li > div.title h5 {font-size: 18px;
    line-height: 28px;}

.page-id-11707 ul.accordion > li.active .title {
   background: #8cc63f;
    padding: 10px 15px 10px 15px;
}
.page-id-11707 ul.accordion > li.active {
    border-top: 1px solid #ccc;
}
.page-id-11707 ul.accordion > li.active .content {
	background:#fff;
	display:block;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}


.page-id-11707 ul.accordion > li > div.title:hover:after {
	box-shadow:1px -1px 0 1px #fff inset;
	-webkit-box-shadow:2px -2px #fff inset
}

.page-id-11707 ul.accordion > li.active > div.title:hover:after {
	box-shadow:1px -1px 0 1px #fff inset;
	-webkit-box-shadow:2px -2px #fff inset
}
.page-id-11707 h1 {display: none;}


ul.mathsenglish a {display: block; position: relative; padding:110px 20px 30px 20px; background:#a3144b; color: #fff;     font-weight: 700; font-size: 20px; line-height: 26px; text-align: center;}

ul.mathsenglish a:hover {background:#1c86af; color: #fff;}

ul.mathsenglish a i { position: absolute;
  left: 50%;
  top:40px;
  transform: translateX(-50%);
  font-size: 60px;}


.page-template-page-functionalskills div.quote {background-color: rgba(224,143,22,0.2); padding:20px; position: relative; text-align: center;    }
.page-template-page-functionalskills div.quote img {margin-bottom: 20px; display: block;margin-left: auto; margin-right: auto;}



.page-id-13884 #questionnaires .button {padding: 25px 0px 25px 0px;}

/* NAVIGATION */
.pushy {
	position:fixed;
	width:200px;
	height:100%;
	top:0;
	z-index:9999;
	background:#222;
	font-size:13px;
	font-weight:700;
	overflow:auto;
	-webkit-overflow-scrolling:/* enables momentum scrolling in iOS overflow elements */
touch
}

.pushy li {
	list-style:none;
	margin-left:0!important
}

.pushy ul {
	margin-left:0!important
}

.menu-btn {
	display:none
}

.pushy a {
	display:block;
	color:#fff;
	font-weight:700;
	font-size:14px;
	padding:12px 15px;
	border-bottom:1px solid rgba(0,0,0,.2);
	border-top:1px solid rgba(255,255,255,.1);
	text-decoration:none;
	text-transform:uppercase
}

.pushy a:hover {
	background:#5c5c5c;
	color:#FFF;
	border-bottom:1px solid #5c5c5c
}

/* Menu Movement */
.pushy-left {
	-webkit-transform:translate3d(-200px,0,0);
	-moz-transform:translate3d(-200px,0,0);
	-ms-transform:translate3d(-200px,0,0);
	-o-transform:translate3d(-200px,0,0);
	transform:translate3d(-200px,0,0)
}

.pushy-open {
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}

.container-push,.push-push {
	-webkit-transform:translate3d(200px,0,0);
	-moz-transform:translate3d(200px,0,0);
	-ms-transform:translate3d(200px,0,0);
	-o-transform:translate3d(200px,0,0);
	transform:translate3d(200px,0,0)
}

/* Menu Transitions */
.pushy,#container,.push {
	-webkit-transition:-webkit-transform .2s cubic-bezier(.16,.68,.43,.99);
	-moz-transition:-moz-transform .2s cubic-bezier(.16,.68,.43,.99);
	-o-transition:-o-transform .2s cubic-bezier(.16,.68,.43,.99);
	transition:transform .2s cubic-bezier(.16,.68,.43,.99);
/* improves performance issues on mobile*/
	-webkit-backface-visibility:hidden;
	-webkit-perspective:1000
}

/* Site Overlay */
.site-overlay {
	display:none
}

.pushy-active .site-overlay {
	display:block;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	border:0;
	left:200px;
	z-index:9999;
	cursor:pointer
}

.orbit {
	margin-bottom:20px
}

.orbit .orbit-slide {
	max-width:100%;
	position:absolute;
	top:0;
	left:0
}

.orbit a.orbit-slide {
	border:none;
	line-height:0;
	display:none
}

.orbit div.orbit-slide {
	width:100%;
	height:100%;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	background:#fff
}

.orbit .orbit-slide div.slideinner {
	padding:0 30px
}

.orbit-slide blockquote {
	margin:0;
	padding:0;
	border-left:0
}

/* Directional Nav ---------------------- */
.orbit-wrapper .slider-nav {
	display:block
}

.orbit-wrapper .slider-nav span {
	width:12px;
	height:25px;
	text-indent:-9999px;
	position:absolute;
	z-index:30;
	top:50%;
	margin-top:-25px;
	cursor:pointer;
	-webkit-transition:all 150ms ease-in-out;
	-moz-transition:all 150ms ease-in-out;
	-ms-transition:all 150ms ease-in-out;
	-o-transition:all 150ms ease-in-out;
	transition:all 150ms ease-in-out;
	opacity:.5
}

.orbit-wrapper .slider-nav span.right {
	background:url(../images/foundation/orbit/right-arrow.png);
	right:0;
	background-size:12px 25px;
	background-position:0 0
}

.orbit-wrapper .slider-nav span.left {
	background:url(../images/foundation/orbit/left-arrow.png);
	left:0;
	background-size:12px 25px;
	background-position:0 0
}

.orbit-wrapper .slider-nav span.left:hover,.orbit-wrapper .slider-nav span.right:hover {
	opacity:1
}

.orbit-wrapper .slider-nav span.left:active,.orbit-wrapper .slider-nav span.right:active {
	opacity:1
}

.lt-ie9 .orbit-wrapper .slider-nav span.right {
	background:url(../images/foundation/orbit/right-arrow-IE.png)
}

.lt-ie9 .orbit-wrapper .slider-nav span.left {
	background:url(../images/foundation/orbit/left-arrow-IE.png)
}

.lt-ie9 .orbit-wrapper .slider-nav span {
	height:25px;
	width:14px
}

.orbit-wrapper .timer {
	display:none
}

.reveal-modal {
	background:#fff;
	visibility:hidden;
	display:none;
	top:100px;
	left:50%;
	margin-left:-260px;
	width:520px;
	position:absolute;
	z-index:41;
	padding:30px 30px 15px;
	-webkit-box-shadow:0 0 0 rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 0 rgba(0,0,0,0.4);
	box-shadow:0 0 0 rgba(0,0,0,0.4)
}

.reveal-modal-bg {
	background:#000;
	background:rgba(0,0,0,0.85)
}

.reveal-modal .close-reveal-modal:not(.button) {
	font-size:20px;
	font-size:2rem;
	line-height:.5;
	position:absolute;
	top:15px;
	right:15px;
	color:#5c5c5c;
	text-shadow:0 0 0 rgba(0,0,0,0.6);
	font-weight:700;
	cursor:pointer;
	font-weight:400
}

.reveal-modal .close-reveal-modal:not(.button):hover {
	text-decoration:none;
	color:#c10a28
}

/* TABLES */


table thead tr td {
	padding:10px
}

table thead p {
	margin-bottom:0;
	font-weight:700
}

table p {
	margin-bottom:0
}

table thead tr th:first-child,table tfoot tr td:first-child {
	border-left:none
}

table thead tr th:last-child,table tfoot tr td:last-child {
	border-right:none
}

table tbody tr.even,table tbody tr.alt {
	background:#e5e5e5
}

table tbody tr:nth-child(even) {
	background:#e5e5e5
}

table tbody tr {
	-webkit-transition:all 150ms ease-in-out;
	-moz-transition:all 150ms ease-in-out;
	-ms-transition:all 150ms ease-in-out;
	-o-transition:all 150ms ease-in-out;
	transition:all 150ms ease-in-out
}



table { border-collapse: collapse; margin-bottom: 0; }
table td, table  th {padding: 14px 14px 14px; text-align: left;}
table tbody tr {border:solid #dedede; border-width: 0px 1px 1px 1px;}
table tbody tr:first-child {border: 0px;}
table tbody tr td {background-color: transparent; line-height: 1.2em; font-size: 0.9em; }
table tbody tr:nth-child(even) td {background-color: transparent; }
table tbody th {
    background-color: #002852;
}
table th {
    color: #fff; text-transform: uppercase; font-weight: 600; font-size: 0.9em;}

.uppercase {text-transform:uppercase;}


table.meetpros {width: 100%;}
table.meetpros tbody tr td {font-size: 16px;}

/* ICONS */
ul.fa-ul li {
	list-style:none;
	line-height:2
}

ul.fa-ul i {
	font-size:20px;
	line-height:26px
}

ul.fa-ul li a {
	-webkit-transition:all 250ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out
}

ul.fa-ul li:hover a i {
	color:#222;
	-webkit-transition:all 250ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out
}

ul.fa-ul li:hover a {
	color:#222
}

ul.fa-ul li:hover a:hover {
	text-decoration:none
}

.ngg-trigger-large {
	display:none
}

/* SOCIAL */
.latest-tweets ul {
	margin-left:0;
	display:block;
	margin-bottom:15px
}

.latest-tweets ul li {
	list-style:none;
	border:1px solid #b4b4b4;
	padding:20px 20px 10px;
	text-align:center;
	position:relative;
	-webkit-transition:all 150ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out
}

.latest-tweets .fa-li {
	width:36px;
	position:relative;
	text-align:center;
	display:inline-block;
	left:auto;
	margin-left:auto!important;
	margin-right:auto!important;
	font-size:30px!important;
	line-height:36px;
	color:#5c5c5c
}

.latest-tweets ul li:hover {
	border:1px solid #5c5c5c
}

.latest-tweets p.tweet-text {
	margin-bottom:10px
}

.latest-tweets p.tweet-details {
	margin-bottom:0;
	text-transform:uppercase;
	font-size:.75em;
	line-height:1.33333em;
	margin:0 0 10px;
	letter-spacing:.2em;
	font-weight:500;
	text-transform:uppercase;
	display:block;
	overflow:hidden
}

.latest-tweets p.tweet-details a {
	color:#5c5c5c;
	-webkit-transition:all 250ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out
}

.latest-tweets p.tweet-details a:hover {
	color:#c10a28;
	text-decoration:none
}

.latest-tweets p.tweet-details:before,.latest-tweets p.tweet-details:after {
	background-color:#b4b4b4;
	content:"";
	display:inline-block;
	height:1px;
	position:relative;
	vertical-align:middle;
	width:15%;
	-webkit-transition:all 250ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out
}

.latest-tweets p.tweet-details:before {
	right:.5em;
	margin-left:-15%
}

.latest-tweets p.tweet-details:after {
	left:.5em;
	margin-right:-15%
}

.latest-tweets p.tweet-details:hover:before,.latest-tweets p.tweet-details:hover:after {
	background-color:#c10a28;
	content:"";
	display:inline-block;
	height:1px;
	position:relative;
	vertical-align:middle;
	width:25%
}



/* TOOLTIPS ---------------------- */
.tooltip {
	display:none;
	background:#222;
	position:absolute;
	color:#fff;
	font-weight:500;
	font-size:12px;
	padding:5px 10px 7px;
	z-index:999;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
	line-height:normal
}

.tooltip.tip-top > .nub,.tooltip.tip-centered-top > .nub {
	border-color:#222 transparent transparent;
	border-color:#222 transparent transparent;
	top:auto;
	bottom:-10px
}

.tap-to-close {
	display:none
}

.photoright {float: right; margin-left: 20px; margin-bottom: 20px;}

.alignright {
	text-align:right
}

.flex-video {
	margin-bottom:30px
}
.margtopzero {
	margin-top:0px
}
.margtop {
	margin-top:30px
}

.margtop30 {
	margin-top:30px
}
.margbottom30 {
	margin-bottom:30px
}

.margtop20 {
	margin-top:20px
}

.margtop10 {
	margin-top:10px
}

iframe {
	width:100%;
	margin:0 auto;
	display:block;
	overflow-x:hidden;
	border:none
}

.menucage {
	float:left;
	width:100%;
	padding-bottom:0
}

#cssmenu {
	padding:0;
	margin:0;
	border:0;
	float:left
}

#cssmenu ul,#cssmenu li {
	list-style:none;
	margin:0;
	padding:0
}

#cssmenu ul {
	position:relative;
	z-index:500
}

#cssmenu ul li {
	float:left;
	min-height:1px;
	vertical-align:middle
}

#cssmenu ul li.hover,#cssmenu ul li:hover {
	position:relative;
	z-index:599;
	cursor:default
}

#cssmenu ul ul {
	visibility:hidden;
	position:absolute;
	top:100%;
	left:0;
	z-index:598;
	width:130%
}

#cssmenu ul ul li {
	float:none
}

#cssmenu ul ul ul {
	top:0;
	left:260px;
	width:190px
}

#cssmenu ul li:hover > ul {
	visibility:visible
}

#cssmenu ul ul {
	bottom:0;
	left:0
}

#cssmenu ul ul {
	margin-top:0
}

#cssmenu ul ul li {
	font-weight:400
}

#cssmenu a {
	display:block;
	line-height:1em;
	text-decoration:none
}

#cssmenu {
}

#cssmenu > ul {
	*display:inline-block
}

#cssmenu:after,#cssmenu ul:after {
	content:'';
	display:block;
	clear:both
}

#cssmenu ul {
	text-transform:uppercase
}

#cssmenu ul ul {
	text-transform:none;
	min-width:260px
}

#cssmenu ul ul a {
	background:#001e3e;
	color:#fff;
	border-top:0 none;
	line-height:150%;
	padding:8px 15px;
	font-size:16px;
	font-weight:500
}

#cssmenu ul ul ul {
	border-top:0 none
}

#cssmenu ul ul li {
	position:relative;
	width:260px
}

#cssmenu ul ul ul li a {
	background:#00152b
}

#cssmenu ul ul li:first-child > a {
}

#cssmenu ul ul li:hover > a {
	background:#008ac9;
	color:#fff
}

#cssmenu ul ul li:last-child > a {
}

#cssmenu ul ul li:last-child:hover > a {
}

#cssmenu ul ul li.has-sub > a:after {
	content:'+';
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-11px
}

#cssmenu ul li:hover > a,#cssmenu ul li.active > a {
	color:#009ce3
}

#cssmenu ul li.has-sub > a:after {
	content:'+';
	margin-left:5px
}

#cssmenu ul li.last ul {
	left:auto;
	right:0
}

#cssmenu ul li.last ul ul {
	left:auto;
	right:99.5%
}

#cssmenu a {
	color:#fff;
	padding:0 20px 0 0
}

#cssmenu > ul > li > a {
	line-height:45px;
	font-size:20px;
	font-weight:700;
	margin-right:30px;
	z-index: 500;
padding-bottom:10px;
}

.boxlib {
	background:#fff; border: 1px solid #ccc; border-radius: 6px; padding: 15px;	display:block; margin-top: 20px;
}

.box .header {
	display:block;
	background:#d80454;
	padding:14px
}

.box .header h2 {
	color:#fff;
	margin-bottom:0;
	font-size:18px;
	line-height:20px;
	text-transform:uppercase;
	font-weight:500;
	margin-top:0
}

.box .inner {
	padding:15px
}

.box .inner ul {
	margin-left:0;
	margin-bottom:0
}

.spacetop {
	margin-top:15px
}

.login {
	background:#e5e5e5;
	position: relative;
}

.login .header {
	display:block;
	background:#d80454;
	padding:14px;
	position: relative;
}

.login .header h2 {
	color:#fff;
	margin-bottom:0;
	font-size:18px;
	line-height:20px;
	text-transform:uppercase;
	font-weight:500;
	margin-top:0
}

.login .inner {
	padding:15px
}

.login .inner ul {
	margin-left:0;
	margin-bottom:0
}

.login .inner ul li {
	list-style:none;
	margin-left:0;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:9px;
	-webkit-transition:all 250ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out
}

.login .inner ul li a {
	text-decoration:none;
	color:#222
}

.login .inner ul li:last-child {
	margin-bottom:0;
	border-bottom:0;
	padding-bottom:0
}

.login .inner ul li:last-child:hover {
	border-bottom:0
}

.login .inner ul.eventcal li:last-child {padding-bottom:9px;}

.spacetop {
	margin-top:15px
}

.login .inner ul li:hover {
	border-bottom:1px solid #222
}

#sidebar {
	background:#e5e5e5;
	padding:15px
}

#sidebar ul {
	margin-bottom:0;
	margin-left:0
}

#sidebar ul li {
	list-style:none;
	margin-left:0;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	-webkit-transition:all 250ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out
}

#sidebar ul li:last-child {
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:0
}

#sidebar ul li a {
	text-decoration:none;
	color:#222
}

#sidebar ul li:hover {
	border-bottom:1px solid #222
}

#sidebar ul li:last-child:hover {
	border-bottom:0
}

#sidebar ul ul li {
	list-style:none;
	margin-left:30px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc
}

#sidebar ul ul li:first-child {
	margin-top:10px
}

.nomargbottom {
	margin-bottom:0
}
.nomargtop {
	margin-top:0
}
.footerbottom {
	padding-top:10px;
	padding-right:0;
	text-align:left;
	color:#fff
}

.footerbottom a {
	color:#fff
}

.footerbottom a:hover {
	text-decoration:underline
}

.footertop {
	padding-top:0;
	background:#001c39;	color:#fff;
}

.page-id-69 .footertop {
	padding-top:0
}

.footertop .innerbox {
	padding:30px 10px;
	float:left;
	width:100%
}

.footertop {
	color:#fff
}

.footertop h2 {
	color:#fff;
	margin-top:13px;
	margin-bottom:35px;
	font-size:24px;
	line-height:20px;
	text-transform:uppercase;
	font-weight:500
}

.footertop a {
	color:#fff
}

.comment form {
	margin-bottom:0
}

.comment form input {
	height:40px
}

.comment form input,.comment form textarea {
	font-size:14px;
	margin-bottom:10px
}

.comment form input[type="submit"] {
	margin-bottom:0;
	padding-left:40px;
	padding-right:40px
}

.logosmall {
	display:none
}

ul.fourteensixteencta {
	margin-left:0
}

ul.fourteensixteencta li {
	display:inline;
	margin-left:0
}

ul.fourteensixteencta a.button {
	padding:12px 20px;
	text-shadow:0 0 0 rgba(0,0,0,0.3)!important;
	font-size:14px;
	font-weight:500;
	background:#10b8f7!important;
	-webkit-transition:background 250ms ease-in-out;
	-moz-transition:background 250ms ease-in-out;
	-ms-transition:background 250ms ease-in-out;
	-o-transition:background 250ms ease-in-out;
	transition:background 250ms ease-in-out
}

ul.fourteensixteencta a.button:hover {
	background:#01b9af!important
}

ul.antisocial {
	margin-left:50px;
	margin-top:10px
}

ul.antisocial li {
	list-style:none;
	margin-bottom:15px;
	line-height:40px
}

ul.antisocial li a {
	text-decoration:none;
	color:#222;
	-webkit-transition:all 250ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out
}

ul.antisocial li a i {
	color:#008ac9;
	-webkit-transition:all 250ms ease-in-out;
	-moz-transition:all 250ms ease-in-out;
	-ms-transition:all 250ms ease-in-out;
	-o-transition:all 250ms ease-in-out;
	transition:all 250ms ease-in-out
}

ul.antisocial li a:hover {
	color:#003b79
}

ul.antisocial li a:hover i {
	color:#003b79
}

ul.antisocial li i {
	font-size:40px
}

.footertop ul {
	margin-left:63px
}

.footertop ul li {
	margin-left:0;
	line-height:40px;
	margin-bottom:15px
}

.footertop ul.fa-ul i {
	font-size:40px;
	color:#008ac9
}

.footertop ul.fa-ul i a,.footertop ul.fa-ul a {
	color:#008ac9
}

.footertop ul.fa-ul a:hover {
	color:#fff
}

.footertop ul.fa-ul a:hover i {
	color:#fff
}

.footertop ul.fa-ul li:hover i {
	color:#fff
}

.footertop ul.fa-ul i:hover a {
	color:#fff
}

.footertop ul li:hover a {
	color:#fff
}

.headertop {
	background:#002852;
	padding:35px 25px 0
}

.hblogo {float:right; max-width:155px; margin-bottom:0px;}

.headertop input {
	border:0;
}

.headertop .logo {
	margin-bottom:10px
}


ul.blocklinks {
	margin-left:0;
	margin-top:30px!important;

	text-align: center;
}

ul.blocklinks li {
	margin-left:0;
	margin-bottom:15px;
	
}

ul.blocklinks li a {
	display: block;
	background: #5aa700; color: #fff;
	min-height: 130px;
	padding: 20px;
}
ul.blocklinks li a:hover {
	background: #498602;}

ul.downloads {
	margin-left:0;
	margin-top:30px!important;

	text-align: center;
}

ul.downloads li {
	margin-left:0;
	margin-bottom:15px;
	font-size:14px;
	line-height:18px;
}

ul.downloads img {
	margin-bottom:0;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
}

ul.downloads p {
	text-align:center;
	font-size:12px;
	line-height:16px
}

.pageform {
	background:#e5e5e5;
	padding:20px 20px 5px;
	border:1px solid #ccc
}

.pageform input,.pageform textarea {
	margin-bottom:15px
}

ul.rss-aggregator {
	margin-left:0
}

ul.rss-aggregator li {
	list-style:none;
	margin-left:0;
	padding:10px
}

ul.rss-aggregator li a {
	color:#222
}

ul.rss-aggregator li a:hover {
	color:#008ac9
}

ul.rss-aggregator li:nth-child(odd) {
	background:#e5e5e5
}

ul.rss-aggregator li:nth-child(even) {
	background:#fff
}

div.wpcf7-mail-sent-ok {
	border:2px solid #398f14;
	background:#398f14;
	color:#fff!important
}

div.wpcf7-validation-errors {
	border:2px solid #bd0000!important;
	background:#bd0000;
	color:#fff!important
}

div.wpcf7-response-output {
	margin:0!important;
	margin-top:10px!important;
	padding:10px!important;
	font-weight:700!important
}




.page-template-page-peel .wrapper {}
.wp_rss_retriever li {margin-left:0px; border-bottom:1px solid #ccc;}
.wp_rss_retriever li:last-child {border-bottom:0px; margin-bottom:0px;}
ul.wp_rss_retriever_list {margin-bottom:0px;}

#searchform {margin-bottom: 8px;}
.login form button {background: #3f51b5;}
.login form input { line-height: normal; height: auto; border-color: #3f51b5;}
.login form button i {font-size: 20px;}
.login form button {margin-bottom: 0; padding: 13px 20px 30px 20px;}

#searchform .postfix {
-moz-border-radius-topright: 0px;
-webkit-border-top-right-radius: 0px;
border-top-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
}

#browsealoud img {width:300px; margin-top:20px; margin-bottom:0px; float:right;}
#myModal {z-index: 600;}

ul.eventcal li:hover {border-bottom: 1px solid #ccc!important;}
ul.eventcal li:hover:last-child {border-bottom: 0px solid #ccc!important;}

ul.eventcal li span a {color: #008ac9!important; font-weight: 500; font-size: 18px; line-height:18px; }
ul.eventcal li span a:hover {text-decoration: underline;}
ul.eventcal li .duration {font-size: 13px;}
.login .header a.viewall {position: absolute; right: 10px; top:15px; color: #fff;}
.login .header a.viewall:hover {text-decoration: underline!important;}

.alert {
background:#fefad3;
border:1px solid #fbed50;
padding:20px 20px 10px 20px;

}


.staffawards {background: #fff4dc; padding: 20px 20px 10px 20px; border: 1px solid #f0d58e; margin-bottom: 20px;}


.margbottom10 {margin-bottom:10px!important;}
.margbottom15 {margin-bottom:15px!important;}
.margbottom20 {margin-bottom:20px!important;}
.margbottom25 {margin-bottom:25px!important;}



.intro {border: 2px solid #ced1cc;  -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px; padding: 10px; margin-bottom: 15px;  }

ul.wherearetheynow {padding-top: 20px;}
.page-id-69 ul.wherearetheynow {padding-top: 0px;}

ul.wherearetheynow li {
margin-left:0px;
text-align: center;
margin-bottom: 10px;
}

.page-id-69 ul.wherearetheynow li {margin-bottom: 0; padding-bottom: 0px;}

ul.wherearetheynow li h2 {text-transform: uppercase; color: #fff; font-size: 22px; letter-spacing: 2px; font-weight: 500; line-height: 24px; margin-bottom: 10px; margin-top: 5px;}
ul.wherearetheynow li p {font-size: 14px; line-height: 20px; }
ul.wherearetheynow li blockquote {color:#fff; font-size: 18px; line-height: 24px;font-family: 'Coming Soon', cursive; margin-bottom: 0;}

ul.wherearetheynow li a span {-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
-webkit-box-shadow:inset 0 -8px 0 0 rgba(0,0,0,0.1);
box-shadow:inset 0 -8px 0 0 rgba(0,0,0,0.1);
}
ul.wherearetheynow li span {min-height: 350px; color:#fff; background: #008ac9; display: block; padding: 20px;overflow: hidden;
}
ul.wherearetheynow li:nth-child(6n+1) span {background: #008ac9;}
ul.wherearetheynow li:nth-child(6n+2) span {background: #FF9800;}
ul.wherearetheynow li:nth-child(6n+3) span {background: #ff5a5f;}
ul.wherearetheynow li:nth-child(6n+4) span {background: #8BC34A;}
ul.wherearetheynow li:nth-child(6n+5) span {background: #607D8B;}
ul.wherearetheynow li:nth-child(6n+6) span {background: #009688;}

ul.wherearetheynow li a span:hover {
-moz-transform: scale(1.07) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1.07) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1.07) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1.07) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1.07) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.page-id-69 ul.wherearetheynow li span {min-height:300px; }
.page-id-69 ul.wherearetheynow li a span:hover {
background: #607D8B;
-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.page-id-69 ul.wherearetheynow li h2 {text-transform: uppercase; color: #fff; font-size: 16px; letter-spacing: 2px; font-weight: 500; line-height: 20px; margin-bottom: 10px; margin-top: 5px;}
.page-id-69 ul.wherearetheynow li p {font-size: 12px; line-height: 18px; }
.page-id-69 .block-grid.two-up > li {padding: 0 0px 0 0; margin-left: 0px;}
.page-id-69 .block-grid.two-up {margin: 0;}
.page-id-69 ul.wherearetheynow li:nth-child(6n+2) span {background: #8BC34A;}
.circular {
border-radius: 50%;
overflow: hidden;
width: 90%;
margin: 0 auto;
height: 90%;
margin-bottom: 10px;
border: 4px solid #efefef;
 }
.circular img {
display: block;
min-width: 100%;
min-height: 100%;
margin: 0 auto;

}
.wherearetheynow .quote {background: #008ac9; padding: 20px 20px 5px 20px; color: #fff; z-index: 1; position: relative; font-family: 'Coming Soon', cursive; font-style: italic;-webkit-box-shadow:inset 0 -8px 0 0 rgba(0,0,0,0.1);
box-shadow:inset 0 -8px 0 0 rgba(0,0,0,0.1);}
.wherearetheynow .quote:before {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	top: 30px;
	z-index: 0;
	left: -55px;
width: 0px;
height: 0px;
border-style: solid;
border-width: 30px 60px 30px 0;
border-color: transparent #008ac9 transparent transparent;
	}

.wherearetheynow .quote blockquote p {color: #fff; font-family: 'Coming Soon', cursive;  }

.wherearetheynow h1 {margin-bottom: 35px;}
.wherearetheynow h2 {text-transform: uppercase; font-size: 26px; letter-spacing: 2px; font-weight: 500; line-height: 26px;  margin-top: 5px; margin-bottom: 20px;}
.wherearetheynow .where {border: 2px solid #ced1cc;  -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px; padding: 10px; margin-bottom: 15px; }
.wherearetheynow .where p {margin-bottom: 0;}

.wherearetheynow hr {border-color: #ced1cc;}
.wherearetheynow .login {background: #ced1cc; -webkit-box-shadow:inset 0 -8px 0 0 rgba(0,0,0,0.1);
box-shadow:inset 0 -8px 0 0 rgba(0,0,0,0.1);}
.wherearetheynow .login .header {background: #ff5a5f;}
.wherearetheynow .login .inner ul li {border-bottom: 0; margin-bottom: 0; text-align: center; }
.wherearetheynow .login .inner {padding-bottom: 5px;}
.wherearetheynow .login .inner ul li .circular {position: relative; width: 100%; z-index: 0;


}
.wherearetheynow .login .inner ul li .namepop {position: absolute; top:40%; z-index: 100; color: #fff; text-shadow: 0 0 10px #000000; width: 100%; 
-moz-transform: rotate(0deg) translateX(0px) translateY(300px);
-webkit-transform: rotate(0deg) translateX(0px) translateY(300px);
-o-transform: rotate(0deg) translateX(0px) translateY(300px);
-ms-transform: rotate(0deg) translateX(0px) translateY(300px);
transform: rotate(0deg) translateX(0px) translateY(300px);
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.wherearetheynow .login .inner ul li .namepop p {text-align: center; font-size: 16px; line-height: 20px; text-transform: uppercase; font-weight: 500;}

.wherearetheynow .login .inner ul li .circular:hover .namepop {-moz-transform: rotate(0deg) translateX(0px) translateY(0px);
-webkit-transform: rotate(0deg) translateX(0px) translateY(0px);
-o-transform: rotate(0deg) translateX(0px) translateY(0px);
-ms-transform: rotate(0deg) translateX(0px) translateY(0px);
transform: rotate(0deg) translateX(0px) translateY(0px);}

.wherearetheynow .login .inner ul li .circular {border: 3px solid #efefef;}
.wherearetheynow .login .inner ul li .circular img {
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;

}
.wherearetheynow .login .inner ul li .circular:hover img {filter: blur(5px);
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);}
	
#wherearetheynowhome {padding: 15px 15px 5px 15px; background:#008ac9;
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out; }
	
#wherearetheynowhome:hover {background: #607D8B;}

#wherearetheynowhome {position: relative; z-index: 0;}
#wherearetheynowhome a {color: #fff;}
#wherearetheynowhome p {font-size: 14px; line-height: 20px; }
#wherearetheynowhome p.heading {text-transform: uppercase; color: #fff; font-size: 22px; letter-spacing: 2px; font-weight: 500; line-height: 24px; margin-bottom: 10px; margin-top: 5px; }
.wherearetheynowhomeheader {background: #e95e27!important; }

.instagram {padding-bottom: 5px;}
#instagram {margin: 20px; background: #fff; padding: 10px 10px 25px 10px;-webkit-box-shadow: 0 0 5px 0 #999999;
box-shadow: 0 0 5px 0 #999999;}
#instagram img {border: 1px solid #ccc;}

#sb_instagram .sbi_photo_wrap {overflow: hidden;}
#sb_instagram.sbi_fixed_height {overflow: hidden!important;}


#videohome {position: relative;}
#videohome ul {margin-left: 0;}
#videohome ul li {margin-left: 0; list-style: none;}
#videohome ul li a p {position: absolute; bottom:0px; left:0px;  background: rgba(0, 0, 0, 0.7); margin-bottom: 0; font-size: 14px; line-height: 20px; padding: 10px 15px 10px ; color: #fff;
-webkit-transition: background 250ms ease-in-out;
-moz-transition: background 250ms ease-in-out;
-ms-transition: background 250ms ease-in-out;
-o-transition: background 250ms ease-in-out;
transition: background 250ms ease-in-out;
display: block; width: 100%;
font-weight: 500;
}
#videohome ul li.UCAS p {background: rgba(192, 57, 43, 0.9);}
#videohome ul li.Employability p {background: rgba(103, 58, 183, 0.9);}
#videohome ul li.Finance p {background: rgba(33, 150, 243, 0.9);}
#videohome ul li.Health p {background: rgba(0,150,136, 0.9);}
#videohome ul li.Exams p {background: rgba(255, 87, 34, 0.9);}
#videohome ul li.Safe p {background: rgba(255,193,7, 0.9);}



#videohome ul li a {display: block; }
#videohome ul li a:hover p {background: rgba(0, 0, 0, 0.8);}
#videohome ul li div.playbutton img {width: 70px; margin-left:-35px; position: absolute; top:35%; left:50%;}
#videohome img {display: block; width: 100%; margin-bottom: 0; }


.page-template-page-functionalskills #sidebar, .page-template-page-functionalskills-home #sidebar {background: none; padding: 0;}
.page-template-page-functionalskills #sidebar ul li a, .page-template-page-functionalskills-home #sidebar ul li a {color:#fff; display: block; background: #1c86af; padding: 10px 15px; border-bottom: 1px solid #fff;}
.page-template-page-functionalskills #sidebar ul li a:hover, .page-template-page-functionalskills-home #sidebar ul li a:hover {background:#a3144b;}
.page-template-page-functionalskills #sidebar ul li, .page-template-page-functionalskills-home #sidebar ul li {
list-style: none;
margin-left: 0;
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px solid #ccc;}

.page-template-page-functionalskills h1, .page-template-page-functionalskills-home h1 {margin-bottom: 35px;}

.page-template-page-functionalskills .block-grid.two-up > li, .page-template-page-functionalskills-home .block-grid.two-up > li {margin-left: 0;}
.page-template-page-functionalskills .block-grid.two-up > li .flex-video, age-template-page-functionalskills-home .block-grid.two-up > li .flex-video {margin-bottom: 10px; }
.page-template-page-functionalskills .block-grid.two-up > li p, .page-template-page-functionalskills-home .block-grid.two-up > li p {background: #e08f16; font-size: 14px;
line-height: 20px; font-weight: 700; text-transform: uppercase;
padding: 7px 15px 7px 15px;
color: #fff; margin-bottom: 0;}
.page-template-page-functionalskills .block-grid.two-up.teal  > li p, .page-template-page-functionalskills-home .block-grid.two-up.teal  > li p {background: #16989c;}


.page-template-page-functionalskills .block-grid.three-up > li, .page-template-page-functionalskills-home .block-grid.three-up > li {margin-left: 0;}
.page-template-page-functionalskills .block-grid.three-up > li .flex-video, .page-template-page-functionalskills-home .block-grid.three-up > li .flex-video {margin-bottom: 10px; }
.page-template-page-functionalskills .block-grid.three-up > li p, .page-template-page-functionalskills-home .block-grid.three-up > li p {background: #e08f16; font-size: 14px;
line-height: 20px; font-weight: 700; text-transform: uppercase;
padding: 7px 15px 7px 15px;
color: #fff; margin-bottom: 0;}
.page-template-page-functionalskills .block-grid.three-up.teal  > li p, .page-template-page-functionalskills-home .block-grid.three-up.teal  > li p {background: #16989c;}

.page-id-398 h2 {margin-top: 0; margin-bottom: 0; padding-bottom: 0px;}
.page-id-5390 h1 {margin-bottom: 10px;}
.page-id-5390 h2 {margin-bottom: 20px;}

.whatnext {border: 1px solid #ccc; margin-bottom: 20px; padding: 20px 20px 10px 20px; background: #efefef;}
.whatnext h4 {font-size: 18px; margin-top: 0; margin-bottom: 10px;}
.whatnext .button {margin-bottom: 0;}



#wpcf7-f8266-p10110-o1 {background: #efefef; padding: 20px;}
#wpcf7-f8266-p10110-o1 input {margin-bottom: -10px;}
#wpcf7-f8266-p10110-o1 p.supporter {font-weight: 700; margin-top: 10px; font-size: 18px;}

.login .inner.menus p {font-size: 13px; line-height: 19px; margin-bottom: 5px!important;}
.login .inner.menus p strong {color: #003b79;}
.login .inner.menus p:last-child {margin-bottom: 0px!important;}

div button.yop_poll_vote_button {
font-family:'Montserrat', sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif;    font-weight: 400;
background: #003b79!important; float: left; color: #fff; border:0px; padding: 10px 20px; margin-top: 15px!important;}

div button.yop_poll_vote_button:hover {background: #e95e27!important;}
.yop-poll-forms-display label {
  
    font-size: 16px!important;
}
.yop-poll-container {margin-top: 0px!important; padding-top: 0px!important;}
.yop-poll-forms-display li {
line-height: 2.5!important;
}

span.wpcf7-list-item {display: block!important; margin-bottom: 5px;}

#keyevents {background: #fff6d8; padding: 15px 15px 5px 15px; margin-top:20px;}
#keyevents h3 {font-size: 30px; margin-top: 0;}
#keyevents ul {margin-left: 0; margin-bottom: 20px;}
#keyevents ul li {list-style: none; margin-left: 0; font-size: 14px; border-bottom: 1px solid #ffd030; margin-bottom: 5px; padding-bottom: 5px;}
#keyevents ul li:last-child {border-bottom: 0px;}
#keyevents ul li span {font-weight: 500;}



table thead, table tfoot {background: #003b79;}
table tbody tr td, table thead tr th {padding: 15px 15px;}


table.refectorymenu thead tr th {font-weight: bold; text-align: center; border: 1px solid #fff;}
table.refectorymenu tr td {text-align: center; border: 1px solid #ccc;}
table.refectorymenu tr td.type {text-align: left; font-weight: bold;}
table.refectorymenu tbody tr:nth-child(even) {background: none;}
table.refectorymenu tbody tr:hover {background: none;}
table.refectorymenu thead, table.refectorymenu tfoot {background: #e95e27; text-transform: uppercase;}


.degreelist ul {margin-left: 0;}
.degreelist ul li {list-style: none; margin-left: 0; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px;}
.degreelist ul li:last-child {border-bottom: 0px;}

.csstransitions label {display:block;}
#tittnlform span.wpcf7-list-item {margin: 0; display: inline-block!important;}
 
#tittnlform p {font-weight: 700;}
#tittnlform span.wpcf7-list-item label {
    margin-right: 20px;
    margin-top: 5px;
    background: #fff;
    color: #eb6608;
    padding: 4px 5px 6px 5px;
    border: 0px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

#tittnlform input[type="text"], #tittnlform input[type="email"], #tittnlform input[type="tel"] {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.428571429;
    color: #eb6608;
    vertical-align: middle;
    background-color: #fff;
    border: 0px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#tittnlform input[type="submit"] {letter-spacing: 1px;
    border: 0px;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    white-space: normal;
    border-radius: 4px;
    background-color: #03579b;
    color: #fff;
    border-color: #03579b;
    padding: 15px 30px 15px 30px;
    margin-bottom: 0px;
    font-weight: 700;

}
 
 
.tittnlpanel {background: #eb6608; border: 0; color: #fff; border-radius: 4px;}


table.mentalhealth thead {text-transform: uppercase;}
table.mentalhealth { border-collapse: collapse; margin-bottom: 0; background: none; }
table.mentalhealth td, table.mentalhealth th {padding: 14px 14px 14px; text-align: left;}
table.mentalhealth tbody tr {border:solid #dedede; border-width: 0px 1px 1px 1px;}
table.mentalhealth tbody tr:first-child {}
table.mentalhealth tbody tr td {background-color: transparent; line-height: 1.2em; font-size: 0.9em; }
table.mentalhealth tbody tr:nth-child(even) td {background-color: transparent; }

table.mentalhealth tbody tr:nth-child(even) {
   background-color: transparent; 
}

table .mentalhealth tbody tr:nth-child(even) {
    background-color: transparent; 
}
table.mentalhealth tbody tr:hover {background-color: transparent;}

table.mentalhealth tbody tr td:first-child {font-weight: bold!important;}

.table--overflow--shadow {
	margin-bottom: 30px;
	background-image: 
	linear-gradient(to right, white, white),
    linear-gradient(to right, white, white),
	linear-gradient(to right, rgba(0,0,0,.20), rgba(255,255,255,0)),
    linear-gradient(to left, rgba(0,0,0,.20), rgba(255,255,255,0));   
	background-position: left center, right center, left center, right center;
	background-repeat: no-repeat;
	background-color: white;
	background-size: 30px 100%, 30px 100%, 20px 100%, 20px 100%;
	background-attachment: local, local, scroll, scroll;
}



.page-template-page-13462 h1 {margin-top: 0; font-size: 32px; line-height: 38px;}
.page-template-page-13462 h2 {font-size: 28px; line-height: 34px;}
.page-template-page-13462 ul.fa-ul li {line-height: 26px; margin-bottom: 10px;}
.page-template-page-13462 ul.fa-ul li .fa-check {color: #4caf50;}
.page-template-page-13462 ul.fa-ul li .fa-star {color: #ffc107;}




.page-template-page-peel .wpcf7-form fieldset {background: #efefef; padding: 20px; border-radius: 4px; margin-bottom: 10px;}
.page-template-page-peel .wpcf7-form p {margin-bottom: 5px; }
.page-template-page-peel .wpcf7-form input[type=text], .page-template-page-peel .wpcf7-form textarea {
    width: 100%; display: block; 
    }

.page-template-page-peel .wpcf7-form input[type=text], .page-template-page-peel .wpcf7-form select, .page-template-page-peel .wpcf7-form input[type=email] {
	height: 38px;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    padding: 6px 8px;
    width: 100%;
}


.page-template-page-peel .wpcf7-form textarea {
	height: 150px;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 24px;
    padding: 6px 8px;
}

.page-template-page-peel .wpcf7-form textarea.higher {height: 600px;}

.page-template-page-peel .wpcf7-form label {
	cursor: pointer;
    margin-right: 20px;
     font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}

.page-template-page-peel .wpcf7-form input[type="radio"] {margin-right: 5px; }


.page-template-page-peel .wpcf7-form input[type="submit"] {
    float: left;
    width: 150px;
    border: 0px;
    color: #fff;
    text-transform: uppercase;
    border: 0px solid transparent;
    letter-spacing: 1px;
    white-space: normal;
    border-radius: 4px;
    background-color: #5cb85c;
    color: #fff;
    border-color: #5cb85c;
    padding: 12px 12px 12px 7px;
    position: relative;
    margin-bottom: 0px;
    margin-top: 20px;
    font-weight: 600;
    -webkit-transition: background-color .4s linear, color .4s linear;
    -moz-transition: background-color .4s linear, color .4s linear;
    -o-transition: background-color .4s linear, color .4s linear;
    -ms-transition: background-color .4s linear, color .4s linear;
    transition: background-color .4s linear, color .4s linear;
}

.page-template-page-peel .wpcf7-form input[type="submit"]:hover, .page-template-page-peel .wpcf7-form input[type="submit"]:focus, .page-template-page-peel .wpcf7-form input[type="submit"]:active {
    color: #fff;
    background-color: #00b3fe;
    border-color: #00b3fe;
}

.page-template-page-peel div.wpcf7-response-output {
	width: 100%;
    padding: 20px!important;
    border-color: #5cb85c;
    border:0px;
    border-radius: 4px;
    margin:0px!important;
    margin-top: 20px!important;
     font-size: 16px;
    line-height: 24px;
}




.page-template-page-progression ul.accordion > li > div.title h5 {font-size: 16px; font-weight: 500; color: #951b81;}
.page-template-page-progression ul.accordion > li > div.title {padding: 8px 10px; background: #fff; border-left: 1px solid #951b81; border-right: 1px solid #951b81;}
.page-template-page-progression ul.accordion > li > div.title span {color: #222; font-size: 14px; font-weight: 400; }

.page-template-page-progression ul.accordion {border-bottom: 1px solid #951b81;}
.page-template-page-progression ul.accordion > li {border-top: 1px solid #951b81;}
.page-template-page-progression ul.accordion > li.active .content {border-left: 1px solid #951b81; border-right: 1px solid #951b81;}

.page-template-page-progression ul.accordion > li > div.title:hover:after {box-shadow:1px -1px 0 1px #c10a28 inset; -webkit-box-shadow:2px -2px #c10a28 inset
}

.page-template-page-progression ul.accordion > li > div.title:after {box-shadow:1px -1px 0 1px #951b81 inset; -webkit-box-shadow:2px -2px #951b81 inset}
.page-template-page-progression ul.accordion > li > div.title:hover:after {box-shadow:1px -1px 0 1px #222222 inset; -webkit-box-shadow:2px -2px #222222 inset;}

@media only screen and (max-width: 570px) {
.page-template-page-13462 h1 {font-size: 26px; line-height: 32px;}
.page-template-page-13462 h2 {font-size: 22px; line-height: 28px;}
	
}