html {
font-size: 14px; }
body {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 100%;
background: #f7f7f7;
color: #444444;
min-width: 1080px;
hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none; }
html,
body {
margin: 0;
padding: 0; }
h1, h2, h3, h4, h5, h6 {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: 700;
letter-spacing: 1px; }
h1 {
font-size: 2rem;
margin: 1rem 0;
margin-top: 0 !important; }
h2 {
font-size: 1.6rem;
margin-top: 0; }
h3 {
font-size: 1.6rem;
margin-top: 0; }
h4 {
font-size: 17px;
margin-top: 0; }
h5 {
font-size: 1rem;
margin-top: 0; }
a {
color: #444;
text-decoration: none; }
a:hover {
cursor: pointer;
text-decoration: underline; }
p {
line-height: 1.7rem;
margin-top: 0;
hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
word-break: keep-all; }
p a {
text-decoration: underline; }
img {
max-width: 100%;
height: auto;
margin-bottom: -4px; }
p.title {
margin-top: 0;
margin-bottom: 1rem; }
a:focus {
outline: 0;
text-decoration: none; }
.ib {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top; }
.fa {
font-family: FontAwesome; }
.cf:before, .cf:after {
content: " ";
display: table; }
.cf:after {
clear: both; }
.cf {
*zoom: 1; }
.f-right {
float: right; }
.f-left {
float: left; }
.t-left {
text-align: left; }
.t-right {
text-align: right; }
.absolute {
position: absolute; }
.relative {
position: relative; }
.center {
text-align: center; }
.noPad {
padding: 0; }
.menuTab {
padding: 0 20px;
padding-right: 40px;
border-radius: 3px;
border: none;
text-transform: uppercase;
font-weight: 600;
height: 40px;
line-height: 40px;
position: relative; }
.menuTab:hover {
text-decoration: none; }
.menuTab:after {
font-family: FontAwesome;
content: "\f0c9";
position: absolute;
right: 10px;
top: 1px;
font-size: 19px;
font-weight: normal; }
.button {
padding: 0 20px;
padding-right: 40px;
border-radius: 3px;
border: none;
font-weight: 600;
height: 40px;
line-height: 40px;
position: relative;
letter-spacing: 1px;
font-weight: 700; }
.button:hover {
text-decoration: none; }
.button:after {
font-family: FontAwesome;
content: "\f054";
position: absolute;
right: 10px;
top: 1px;
font-weight: normal; }
.menuTab, .button.primary {
background: #1C9D5F;
color: #fff; }
.menuTab:hover, .button.primary:hover {
background: #1a9057; }
.button.secondary {
background: #777;
color: #fff; }
.button.secondary:hover {
background: #8e8e8e; }
.button.back {
padding: 0 20px;
padding-left: 40px;
margin-bottom: 2rem; }
.button.back:after {
content: ""; }
.button.back:before {
content: "\f053";
font-family: FontAwesome;
position: absolute;
left: 10px;
top: 1px;
font-weight: normal; }
input[type="submit"] {
padding: 0 10px;
background: #62b84b;
color: #fff;
height: 30px;
line-height: 30px;
letter-spacing: 1px; }
input[type="submit"]:hover {
background: #73c85c; }
input[type="text"],
input[type="email"],
input[type="password"] {
padding: 0 10px;
background: #fff;
height: 30px;
line-height: 30px;
border: 1px solid #ddd; }
textarea {
padding: 10px;
background: #fff;
border: 1px solid #ddd; }
.col-md-5ths {
width: 18%;
margin-right: 2%;
float: left; }
.col-md-5ths.last {
margin-right: 0; }
.mobileShow {
display: none; }
.sectionWrapper {
background: #fff;
padding: 2rem;
border: 1px solid #ddd;
margin-bottom: 2rem; }
.container {
max-width: 1080px;
margin: auto;
padding: 0 2rem; }
.container.outer {
padding-top: 15px;
padding-bottom: 15px; }html {
font-size: 14px; }
body {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 100%;
background: #f7f7f7;
color: #444444;
min-width: 1080px; }
html,
body {
margin: 0;
padding: 0; }
h1, h2, h3, h4, h5, h6 {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: 700;
letter-spacing: 1px; }
h1 {
font-size: 2rem;
margin: 1rem 0;
margin-top: 0 !important; }
h2 {
font-size: 1.6rem;
margin-top: 0; }
h3 {
font-size: 1.6rem;
margin-top: 0; }
h4 {
font-size: 17px;
margin-top: 0; }
h5 {
font-size: 1rem;
margin-top: 0; }
a {
color: #444;
text-decoration: none; }
a:hover {
cursor: pointer;
text-decoration: underline; }
p {
line-height: 1.7rem;
margin-top: 0; }
p a {
text-decoration: underline; }
img {
max-width: 100%;
height: auto;
margin-bottom: -4px; }
p.title {
margin-top: 0;
margin-bottom: 1rem; }
a:focus {
outline: 0;
text-decoration: none; }
.ib {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top; }
.fa {
font-family: FontAwesome; }
.cf:before, .cf:after {
content: " ";
display: table; }
.cf:after {
clear: both; }
.cf {
*zoom: 1; }
.f-right {
float: right; }
.f-left {
float: left; }
.t-left {
text-align: left; }
.t-right {
text-align: right; }
.absolute {
position: absolute; }
.relative {
position: relative; }
.center {
text-align: center; } .noPad {
padding: 0; }
.menuTab {
padding: 0 20px;
padding-right: 40px;
border-radius: 3px;
border: none;
text-transform: uppercase;
font-weight: 600;
height: 40px;
line-height: 40px;
position: relative; }
.menuTab:hover {
text-decoration: none; }
.menuTab:after {
font-family: FontAwesome;
content: "\f0c9";
position: absolute;
right: 10px;
top: 1px;
font-size: 19px;
font-weight: normal; }
.button {
padding: 0 20px;
padding-right: 40px;
border-radius: 3px;
border: none;
font-weight: 600;
height: 40px;
line-height: 40px;
position: relative;
letter-spacing: 1px;
font-weight: 700; }
.button:hover {
text-decoration: none; }
.button:after {
font-family: FontAwesome;
content: "\f054";
position: absolute;
right: 10px;
top: 1px;
font-weight: normal; }
.menuTab, .button.primary {
background: #1C9D5F;
color: #fff; }
.menuTab:hover, .button.primary:hover {
background: #1a9057; }
.button.secondary {
background: #777;
color: #fff; }
.button.secondary:hover {
background: #8e8e8e; }
.button.back {
padding: 0 20px;
padding-left: 40px;
margin-bottom: 2rem; }
.button.back:after {
content: ""; }
.button.back:before {
content: "\f053";
font-family: FontAwesome;
position: absolute;
left: 10px;
top: 1px;
font-weight: normal; }
input[type="submit"] {
padding: 0 10px;
background: #62b84b;
color: #fff;
height: 30px;
line-height: 30px;
letter-spacing: 1px; }
input[type="submit"]:hover {
background: #73c85c; }
input[type="text"],
input[type="email"],
input[type="password"] {
padding: 0 10px;
background: #fff;
height: 30px;
line-height: 30px;
border: 1px solid #ddd; }
textarea {
padding: 10px;
background: #fff;
border: 1px solid #ddd; }
.col-md-5ths {
width: 18%;
margin-right: 2%;
float: left; }
.col-md-5ths.last {
margin-right: 0; }
.mobileShow {
display: none; }
.sectionWrapper {
background: #fff;
padding: 2rem;
border: 1px solid #ddd;
margin-bottom: 2rem; }
.container {
max-width: 1080px;
margin: auto;
padding: 0 2rem; }
.container.outer {
padding-top: 15px;
padding-bottom: 15px; }
.topBar {
background: #efefef;
color: #fff;
font-size: 0.9rem;
border-bottom: 1px solid #dcdcdc;}
.topBar a {
color: #fff; }
.topBar .tel {
padding: 10px 0; }
.topBar .tel span {
font-weight: 600; }
.topBar .webpages ul {
padding: 0;
margin: 0; }
.topBar .webpages a {
padding: 10px 5px;
display: block;
font-size: 0.9rem;
font-weight: 600; }
.topBar .webpages a:hover {
text-decoration: underline; }
.topBar .moodle {
margin-top: 4px; }
.topBar .moodle:hover {
text-decoration: none; }
.topBar .moodle .text {
font-weight: 600;
margin: 6px;
color: #ff8100;
font-size: 0.9rem;
color: #eb973e; }
.topBar .moodle .text:hover {
text-decoration: underline; }
.topBar .job-strapline {
font-size: 1.2rem;
font-weight: 600;
margin: 0 15px 0 0;
color: #444;
line-height: 40px;}
.top-links a.button {
border-radius: 0;}
.headerMain {
padding: 15px 0;
background-color: #fff; }
.headerMain .logo {
max-width: 40%;
margin: 4px 0 0 0;}
.headerMain p {
font-size: 1.2rem;
font-weight: 600;
margin: 0;
padding: 10px; }
.headerMain .area {
margin-top: 10px; }
.headerMain .button.secondary {
margin-right: 10px; }
.headerMain h1.header-strapline {
margin: 15px 0 0 30px!important;
font-size: 1.8em;
}
.headerMain .nltg-5-years {
float: right; 
margin: 3px 0 0 0;
}
.headerMain .nltg-5-years img, .headerMain .nltg-eu img {width: 60px;}
.headerMain .nltg-eu {
float: right;
margin: 3px 0 0 15px;
}
.mainNav {
background: #1c9b9d; }
.mainNav a {
color: #fff;
font-weight: 600;
font-size: 1.2rem;
padding: 20px 35px 20px 15px;
display: block; position: relative;}
.mainNav a:hover {
text-decoration: none; }
.mainNav a:after {font-family: FontAwesome;
content: "\f078";
font-size: 1rem;
position: absolute;
right: 12px; top: 26px; font-weight: normal;}
.mainNav ul {
padding: 0;
margin: 0; }
.mainNav ul li a:hover {
background: #126567;}
.mainNav .sub-menu__wrapper {
position: absolute;
display: none;
padding: 0;
width: 100%;
left: 0;
min-width: 1080px;
z-index: 1;
background: #fff;
border-bottom: 3px solid #ddd;
border-top: 0;
padding-bottom: 20px;
padding-top: 20px;
}
.mainNav .sub-menu__wrapper > ul {
width: 1080px;
margin: auto;
padding: 0 2rem;
}
.mainNav ul li ul > li  {
float: left;
width: 33.3%;
}
.mainNav ul li ul > li.col-md-8 {
float: left;
width: 66.6%;
}
.mainNav ul li ul > li.col-md-4 {
padding: 0;
}
.mainNav ul li ul > li ul li a:before {
content: "\f0da";
font-family: FontAwesome;
margin-right: 10px;
color: #1c9b9d;
}
.mainNav ul li.s-leavers ul > li ul li a:before {
color: #24adb1;
}
.mainNav ul li.adults ul > li ul li a:before {
color: #1d8f92;
}
.mainNav ul li.employers ul > li ul li a:before {
color: #156b6d;
}
.mainNav ul li ul > li ul li a:hover {
color: #1c9b9d;
}
.mainNav ul li.s-leavers ul li ul li a:hover {
color: #24adb1!important;
}
.mainNav ul li.adults ul li ul li a:hover {
color: #1d8f92!important;
}
.mainNav ul li.employers ul li ul li a:hover {
color: #156b6d!important;
}
.mainNav ul li ul > li.col-md-4 ul {
padding-left: 10px;
}
.mainNav ul li.half {
width: 50%;
float: left;
}
.mainNav ul li ul li ul li {
margin-top: 5px;
}
body .mainNav ul li ul li.half a:before {
font-weight: normal;
color: #555!important;
}
.mainNav ul li.it a:before {
content: "\f108";
font-family: FontAwesome;
margin-right: 10px;
color: #555!important;
font-size: 18px;
}
.mainNav ul li.gm a:before {
content: "\f0ad";
font-family: FontAwesome;
margin-right: 10px;
color: #555!important;
font-size: 18px;
}
.mainNav ul li.wl a:before {
content: "\f0d1";
font-family: FontAwesome;
margin-right: 10px;
color: #555!important;
font-size: 18px;
}
.mainNav ul li.rt a:before {
content: "\f02c";
font-family: FontAwesome;
margin-right: 10px;
font-size: 18px;
color: #555!important;
}
.mainNav ul li.ba a:before {
content: "\f02f";
font-family: FontAwesome;
margin-right: 10px;
font-size: 18px;
color: #555!important;
}
.mainNav ul li.bit a:before {
content: "\f0eb";
font-family: FontAwesome;
margin-right: 10px;
color: #555!important;
font-size: 18px;
}
.mainNav ul li.cj a:before {
content: "\f0e3";
font-family: FontAwesome;
margin-right: 10px;
color: #555!important;
font-size: 18px;
}
.mainNav ul li.tl a:before {
content: "\f0c0";
font-family: FontAwesome;
margin-right: 10px;
color: #555!important;
font-size: 18px;
}
.mainNav ul li.cs a:before {
content: "\f118";
font-family: FontAwesome;
margin-right: 10px;
color: #555!important;
font-size: 18px;
}
.mainNav ul li.se a:before {
content: "\f257";
font-family: FontAwesome;
margin-right: 10px;
color: #555!important;
font-size: 18px;
}
.mainNav ul li.go a:before {
content: "\f0db";
font-family: FontAwesome;
margin-right: 10px;
font-size: 18px;
color: #555!important;
}
.mainNav ul li.cc a:before {
content: "\f086";
font-family: FontAwesome;
margin-right: 10px;
color: #555!important;
font-size: 18px;
}
.mainNav ul li.ch a:before {
content: "\f0f4";
font-family: FontAwesome;
margin-right: 10px;
font-size: 18px;
color: #555!important;
}
.mainNav ul li.wm a:before {
content: "\f1bb";
font-family: FontAwesome;
margin-right: 10px;
color: #555!important;
font-size: 18px;
}
.mainNav ul li.fo a:before {
content: "\f015";
font-family: FontAwesome;
margin-right: 10px;
font-size: 18px;
color: #555!important;
}
.mainNav ul li.fm a:before {
content: "\f0f5";
font-family: FontAwesome;
margin-right: 10px;
font-size: 18px;
color: #555!important;
}
.mainNav ul li ul li a {
font-size: 17px;
color: #333;
padding: 10px;
background: #ececec;
margin-bottom: 8px;
}
.mainNav .s-leavers li a {
border-left: 5px solid #24adb1;
}
.mainNav .adults li a {
border-left: 5px solid #1d8f92;
}
.mainNav .employers li a {
border-left: 5px solid #156b6d;
}
.mainNav .help-advice li a {
border-left: 5px solid #1c9b9d;
}
.mainNav ul li ul ul li {
float: none;
width: 100%;
}
.mainNav ul li ul ul li a {
font-weight: normal;
font-size: 14px;
background: none;
padding: 1px 5px;
margin-bottom: 3px;
border-left: none!important;
}
.mainNav ul li ul li a:hover {
background: #ececec;
}
.mainNav ul li ul li li a:hover {
background: none;
}
.mainNav ul li.label > a {
cursor: default;
}
.mainNav ul .menu-label {
margin: 10px;
background: #ffffff;
line-height: normal;
height: auto;
border-radius: 3px; }
.mainNav ul .menu-label:hover {
background: #d31279;
cursor: pointer; }
.mainNav ul .menu-label:hover a {
color: #fff; }
.mainNav ul .menu-label a {
color: #3c3c3c;
padding: 12px;
font-size: 15px; }
.mainNav ul .menu-label a:after, .mainNav .sub-menu__wrapper a:after {display: none;}
.border-radius {
border-radius: 8px}
.border-radius-top {
border-radius: 8px 8px 0 0;}
.border-radius-bottom {
border-radius: 0 0 8px 8px;}
.breadcrumbs {
background: #e7efef;
padding: 15px 0;
font-weight: 600;
border-bottom: 1px solid #fff;
font-size: 13px; }
.breadcrumbs a {
font-size: 13px; }
#main {
padding-left: 0; }
.article-header {
padding: 2rem;
border-bottom: 1px solid #ddd;
background: #fff;
margin: 0 0 25px 0;
}
.article-header h1 {
font-size: 1.3rem; }
.article-header h2 {
font-size: 1.8rem;
margin-bottom: 0; }
.newsletter {
padding: 15px 0;
background: #fff; }
.newsletter h4 {
font-weight: 600;
margin: 5px; }
.governingBodies {
background: #3e3e3e;
padding: 2rem 0;
color: #a09f9f; }
.governingBodies a {
color: #a09f9f; }
.governingBodies img {
padding: 0; }
.governingBodies .logos {
max-width: 900px; }
.newsCalendar {
margin-bottom: 30px !important; }
.newsCalendar .col .item {
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
padding-bottom: 10px; }
.newsCalendar .col .col-inner {
background: #fff;
padding: 2rem;
border: 1px solid #ddd; border-radius: 8px }
.newsCalendar .col .col-inner h3 {
margin: 0;
margin-bottom: 2rem;
color: #5e668b; }
.newsCalendar .col .col-inner h4 {
margin-bottom: 0; }
.newsCalendar .col ul {
padding: 0;
margin: 0;
margin-bottom: 2rem; }
.newsCalendar .col ul li {
list-style: none;
border-bottom: 1px solid #ddd;
padding: 10px 0; }
.newsCalendar .col ul li .date {
margin-right: 2rem;
font-weight: 700;
font-size: 1rem; }
.ofstedBanner {
background: #1d9a9d;
color: #fff; }
.ofstedBanner .quote {
margin-top: 12px; }
.ofstedBanner .f-left {
margin-top: 12px;
margin-left: 15px; }
.footerMain {
background: #4a4a4a;
padding: 30px 0;}
.footerMain .col {
border-right: 1px solid #6f6f6f; color: #fff; }
.footerMain .col ul {
padding: 0;
margin: 0; }
.footerMain .col h4 {
color: #fff;
margin: 0;
margin-bottom: 20px; }
.footerMain .col li {
list-style: none;
margin-bottom: 5px; }
.footerMain .col a, .footerMain .col p { color: #fff;}
.footerMain .col i {
font-size: 20px;
line-height: 35px;
text-align: center;
margin-top: 10px;
opacity: 0.9;
margin-right: 10px; }
.footerMain .col i:hover {
opacity: 1; }
.footerMain .last {
margin-right: 0;
border-right: none; }
.copyright {
margin-top: 15px;
}
.copyrightBar {
background: #f7f7f7;
color: #a09f9f;
font-size: 0.8rem;
padding: 10px 0;
font-weight: 600; }
.copyrightBar p {
margin: 0; }
.copyrightBar li {
float: left;
list-style: none; }
.copyrightBar a {
color: #a09f9f;
font-size: 0.8rem;
border-left: 1px solid #ddd;
padding: 0 5px; }
.fontAdjust {
padding: 5px;
font-weight: 600; }
.fontAdjust .ib {
vertical-align: middle;
margin: 0;
cursor: pointer;
color: #1f1f1f; }
.fontAdjust .ib:hover {
color: #1d9a9d; }
.button.primary, .button.secondary, .button.tertiary {
overflow: hidden;}
.button.primary span, .button.secondary span, .button.tertiary span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s; }
.button.primary span::before, .button.secondary span::before, .button.tertiary span::before {
position: absolute;
top: 100%;
content: attr(data-hover);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.button.primary:hover span, .button.secondary:hover span, .button.tertiary:hover span,
.button.primary:focus span , .button.secondary:focus span , .button.tertiary:focus span {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%); }
.effect-15 {
overflow: hidden;
padding: 0 10px !important; }
.effect-15 span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s; }
.effect-15 span::before {
position: absolute;
top: 100%;
content: attr(data-hover);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.effect-15:hover span,
.effect-15:focus span {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%); }
#header.mobileShow {
padding-top: 1rem; }
#header.mobileShow .tel {
background: #e81987;
color: #fff;
text-transform: uppercase;
font-weight: 600;
padding: 1rem;
margin-top: 1rem; }
#header.mobileShow .tel i {
position: relative;
top: 2px;
font-size: 1.2rem;
margin-right: 1rem; }
body .mobileNav {
width: 80%;
background: #fff;
height: 100%;
display: none; }
.col-third {
width: 32.3%;
padding: 5px; }
#totalContainer {
width: 100%; }
.loginTab {
display: none; }html {
font-size: 14px; }
body {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 100%;
background: #f7f7f7;
color: #444444;
min-width: 1080px;
hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none; }
html,
body {
margin: 0;
padding: 0; }
h1, h2, h3, h4, h5, h6 {
font-family: "Lato", Helvetica, Arial, sans-serif;
font-weight: 700;
letter-spacing: 1px; }
h1 {
font-size: 2rem;
margin: 1rem 0;
margin-top: 0 !important; }
h2 {
font-size: 1.6rem;
margin-top: 0; }
h3 {
font-size: 1.6rem;
margin-top: 0; }
h4 {
font-size: 17px;
margin-top: 0; }
h5 {
font-size: 1rem;
margin-top: 0; }
a {
color: #444;
text-decoration: none; }
a:hover {
cursor: pointer;
text-decoration: underline; }
p {
line-height: 1.7rem;
margin-top: 0;
hyphens: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
word-break: keep-all; }
p a {
text-decoration: underline; }
img {
max-width: 100%;
height: auto;
margin-bottom: -4px; }
p.title {
margin-top: 0;
margin-bottom: 1rem; }
a:focus {
outline: 0;
text-decoration: none; }
.ib {
display: -moz-inline-stack;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: top; }
.fa {
font-family: FontAwesome; }
.cf:before, .cf:after {
content: " ";
display: table; }
.cf:after {
clear: both; }
.cf {
*zoom: 1; }
.f-right {
float: right; }
.f-left {
float: left; }
.t-left {
text-align: left; }
.t-right {
text-align: right; }
.absolute {
position: absolute; }
.relative {
position: relative; }
.center {
text-align: center; }
.noPad {
padding: 0; }
.menuTab {
padding: 0 20px;
padding-right: 40px;
border-radius: 3px;
border: none;
text-transform: uppercase;
font-weight: 600;
height: 40px;
line-height: 40px;
position: relative; }
.menuTab:hover {
text-decoration: none; }
.menuTab:after {
font-family: FontAwesome;
content: "\f0c9";
position: absolute;
right: 10px;
top: 1px;
font-size: 19px;
font-weight: normal; }
.button {
padding: 0 20px;
padding-right: 40px;
border-radius: 3px;
border: none;
font-weight: 600;
height: 40px;
line-height: 40px;
position: relative;
letter-spacing: 1px;
font-weight: 700; text-transform: uppercase; }
.button:hover {
text-decoration: none; }
.button:after {
font-family: FontAwesome;
content: "\f054";
position: absolute;
right: 10px;
top: 1px;
font-weight: normal; }
.menuTab, .button.primary {
background: #9d1d6a;
color: #fff; }
.menuTab:hover, .button.primary:hover {
background: #ad2075; }
.button.primary {
background: #9d1d6a;
color: #fff; }
.button.primary:hover {
background: #ad2075; }
.button.secondary {
background: #1c9b9d;
color: #fff; }
.button.secondary:hover {
background: #1fb1b3; }
.button.tertiary {
background: #1d9a9d;
color: #fff; }
.button.tertiary:hover {
background: #1fb1b3; }
.button.banner-button {
background: #9d1d6a;
color: #fff;
padding: 15px 40px 15px 15px;
font-size: 18px; border-radius: 8px;
}
.button.banner-button:hover {
background: #ad2075; }
.button.banner-button:after {
right: 12px;
top: 9px; }
.log-button.not_logged_in, .log-button.logged_in, .log-button.dashboard  {
}
.log-button.not_logged_in:after, .log-button.logged_in:after, .log-button.dashboard:after {
display: none;
}  
a.primary {
background: #9d1d6a;
color: #fff; }
a.primary:hover {
background: #ad2075!important; }
a.secondary {
background: #1c9b9d;
color: #fff; }
a.secondary:hover {
background: #1fb1b3!important;; }
a.tertiary {
background: #1d9a9d;
color: #fff; }
a.tertiary:hover {
background: #1fb1b3; }
#menu-header-right {}
.mainNav .apply-link:after, .mainNav .vacancies-link:after {content: "\f054";}
.site-search {position: relative;}
.site-search .search input[type="search"] {
background-color: #fff;
padding: 10px;
border: none;
box-sizing: border-box;
line-height: 30px; 
height: 40px;
border-radius: 5px;}
.site-search .search input[type="submit"] {
height: 40px;
border: none;
background: none;
line-height: 30px;
top: 0;
right: 0;
font-size: 15px;
font-family: FontAwesome;
color: #3c3c3c; }
.search-dropdown {
display: none;
position: absolute;
width: 287px;
right: 0;
top: 63px;
background-color: #1d9a9d;
padding: 20px;
border-radius: 0 0 8px 8px;
z-index: 500000;
}
.site-search .fa-search {
font-size: 1.3rem;
padding: 22px 15px;
color: #fff;
cursor: pointer;
}
.site-search .fa-search:hover {background: #126567;}
.fixed-header {
position: fixed;
top: 0;
left: 0;
width: 100%; 
z-index: 500;
} .mainNav .logged_in:after {
font-family: FontAwesome;
content: "\f08b";
margin: 0 5px;
}
.mainNav .not_logged_in:after {
font-family: FontAwesome;
content: "\f090";
margin: 0 5px;
}
.mainNav .dashboard-link:after {
font-family: FontAwesome;
content: "\f015";
margin: 0 5px;
}
.button.back {
padding: 0 20px;
padding-left: 40px;
margin-bottom: 2rem; }
.button.back:after {
content: ""; }
.button.back:before {
content: "\f053";
font-family: FontAwesome;
position: absolute;
left: 10px;
top: 1px;
font-weight: normal; }
input[type="submit"] {
padding: 0 10px;
background: #9d1d6a;
color: #fff;
height: 30px;
line-height: 30px;
letter-spacing: 1px; }
input[type="submit"]:hover {
background: #ad2075; }
input[type="text"],
input[type="email"],
input[type="password"] {
padding: 0 10px;
background: #fff;
height: 30px;
line-height: 30px;
border: 1px solid #ddd; }
textarea {
padding: 10px;
background: #fff;
border: 1px solid #ddd; }
.col-md-5ths {
width: 18%;
margin-right: 2%;
float: left; }
.col-md-5ths.last {
margin-right: 0; }
.mobileShow {
display: none; }
.sectionWrapper {
background: #fff;
padding: 2rem;
border: 1px solid #ddd;
margin-bottom: 2rem; }
.sectionWrapper.no-background-no-border {background: none; border:none;}
.container {
max-width: 1080px;
margin: auto;
padding: 0 2rem; }
.container.outer {
padding-top: 15px;
padding-bottom: 15px; }
.hero {}
.hero h1 {
padding: 2rem;
margin: 0; }
.hero .wrapper.funnels {
margin: 2rem auto 2rem}
.hero .wrapper.funnels h2.home-strapline {
font-size: 1.8em;
margin: 0 0 2rem 0;
}
.hero .col a:hover {
text-decoration: none; }
.hero .col:hover {;
text-decoration: none; }
.hero .col h2 {
color: #fff;
margin-bottom: 0; }
.hero .col .pointers {
background: #fff;
padding: 1.4rem;
border: 1px solid #ddd;
border-top: none; border-radius: 0 0 8px 8px;}
.hero .col .pointers ul {
margin: 0;
margin-bottom: 1.4rem;
padding: 0; }
.hero .col .pointers ul li {
list-style: none;
font-weight: 600;
font-size: 1.1rem;
margin-bottom: 10px;
position: relative;
padding-left: 30px; }
.hero .col .pointers ul li:hover {
text-decoration: underline; }
.hero .col .pointers ul li:before {
content: "\f14a";
font-family: FontAwesome;
font-weight: normal;
font-size: 1.5rem;
position: absolute;
left: 0;
top: -2px; }
.hero .col.orange h2 {
background: #24adb1;
padding: 15px 10px;
border-radius: 8px 8px 0 0 }
.hero .col.orange li:before {
color: #24adb1; }
.hero .col.turq h2 {
background: #1d8f92;
padding: 15px 10px;
border-radius: 8px 8px 0 0  }
.hero .col.turq li:before {
color: #1d8f92; }
.hero .col.blue h2 {
background: #156b6d;
padding: 15px 10px;
border-radius: 8px 8px 0 0  }
.hero .col.blue li:before {
color: #156b6d; }
.headerBanner {
width: 100%;
max-width: 2000px;
min-width: 1080px;
margin: auto;
height: auto; }
.overview {
margin-bottom: 3rem; }
.company-logos img {}
.company-logos .col-inner, .newsCalendar .col-inner {border-radius: 8px; background: #fff; padding: 2rem; border: 1px solid #ddd; min-height: 488px;}
.sidebar .sectionWrapper ul, .sidebar .sectionWrapper ol {
list-style: none;
margin-bottom: 1rem;
padding: 0;
margin: 0; }
.sidebar .sectionWrapper ul li, .sidebar .sectionWrapper ol li {
margin-bottom: 10px; }
.sidebar h3 {
background: #1d9a9d;
margin: 0;
padding: 10px 15px;
font-size: 1.3rem;
color: #fff; border-radius: 8px 8px 0 0;}
.sidebar h4 {
margin-top: 0; }
.levelTitle {
font-size: 1.2rem;
color: #e81987; }
.gutter-sizer {
width: 2%; }
.masonry h4 {
margin-bottom: 10px;
font-size: 20px;}
.masonry h5 {
margin-top: 2rem;
margin-bottom: 5px; }
.masonry h5.caseTitle {
color: #444;
margin: 1rem 0;
font-size: 1.2rem; }
.masonry .item {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
.apprenticeshipGrid img {
margin-bottom: -4px; }
.apprenticeshipGrid h1 {background-color: #ececec;
padding: 10px;
border-radius: 8px;
border-left: 5px solid #24adb1; border-right: 5px solid #24adb1;}
.w3eden .h4, .w3eden h4 {
font-size: 14px !important; }
.w3eden .btn-group, .w3eden .btn-group-vertical {
display: block !important; }
.relatedCourses p {
margin-bottom: 0; }
.relatedCourses .entry-content h3 {
margin-bottom: 10px;
}
.relatedCourses .entry-content .button.secondary {margin:10px 0 0 0; }
h3.dark {
border-radius: 8px 8px 0 0;
background: #1c9b9d;
color: #fff;
margin: 0;
padding: 1rem; }
.tickList {
height: 291px;
padding-top: 15px; }
.tickList p {
font-weight: 600; }
.tickList ul {
list-style: none;
padding: 0;
margin: 0; }
.tickList ul li {
margin-bottom: 1rem; }
.tickList ul li:before {
content: "\f14a";
font-family: FontAwesome;
color: #1c9b9d;
margin-right: 1rem;     font-size: 20px;}
.tickList .button {
margin-top: 5px; }
.tickList2 ul {
list-style: none;
padding: 0;
margin: 0; }
.tickList2 ul li {
margin-bottom: 1rem; }
.tickList2 ul li:before {
content: "\f14a";
font-family: FontAwesome;
color: #1c9b9d;
margin-right: 1rem; }
.blockList h3 {
margin-top: 0; }
.blockList p {
font-weight: 600; }
.blockList ul {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 1rem; }
.blockList ul li {
margin: 5px;
margin-left: 0; }
.blockList ul li a {
background: #1c9b9d;
color: #fff;
text-transform: uppercase;
padding: 10px;
display: block;
font-weight: 600; }
.blockList ul li a:hover {
background: #d31279;
text-decoration: none; }
.advisorFooter img {
width: 100%;
height: auto; }
.advisorFooter .header {
background: #fff;
font-weight: 600;
padding: 2rem; }
.advisorFooter .header p {
margin: 0; }
.advisorFooter .header p.title {
font-size: 2rem;
margin-bottom: 1rem; }
.advisorFooter .area {
overflow: hidden; }
.advisorFooter .area .contactSection {
margin: 2rem auto;
max-width: 660px;
position: relative;
font-weight: 600; 
background-color: #fff;
border-radius: 8px;}
.advisorFooter .area .contactSection .col {
padding: 1rem; }
.advisorFooter .area .contactSection .col p {
margin: 0; }
.advisorFooter .area .contactSection .tel {
text-align: center; }
.advisorFooter .area .contactSection .tel p {
margin: 0; }
.advisorFooter .area .contactSection .tel p.number {
color: #000;
font-size: 3rem;
line-height: 3rem; }
.advisorFooter .area .contactSection-Adult {
margin: 2rem auto;
max-width: 660px;
position: relative;
font-weight: 600; 
background-color: #fff;
border-radius: 8px;}
.advisorFooter .area .contactSection-Adult .col {
padding: 1rem; }
.advisorFooter .area .contactSection-Adult .col p {
margin: 0; }
.advisorFooter .area .contactSection-Adult .tel {
text-align: center; }
.advisorFooter .area .contactSection-Adult .tel p {
margin: 0; }
.advisorFooter .area .contactSection-Adult .tel p.number {
color: #000;
font-size: 3rem;
line-height: 3rem; }
body .hrf-faq-list {
margin-bottom: 2rem; }
body .course-page-expandable-sections {
margin-bottom: 0rem!important; } 
body .hrf-entry {
margin-bottom: 10px !important; }
body .hrf-entry h3.hrf-title {
background: #1e999d!important;
color: #fff;
font-size: 1.2rem;
font-weight: 400;
position: relative;
padding: 15px;
cursor: pointer;     } body .hrf-entry h3.hrf-title.close-faq {border-radius: 8px;}
body .hrf-entry h3.hrf-title span {
position: absolute;
margin: 0;
left: 0;
background: none;
width: auto;
height: auto;
left: 10px;
top: 10px; }
body .hrf-entry h3.hrf-title:before {
margin-right: 10px; }
body .hrf-entry .hrf-content {
padding: 20px;
border: 1px solid #ddd;
border-top: none; background-color: #e7efef; border-radius: 0 0 8px 8px;}
body .hrf-entry .close-faq:before {
content: "\f055";
font-family: FontAwesome;
font-weight: normal; }
body .hrf-entry .open-faq:before {
content: "\f056";
font-family: FontAwesome;
font-weight: normal; }
.hrf-entry:nth-of-type(1) .hrf-content {
display: block; }
.apprenticeshipGrid .sectionWrapper {
padding: 1.5rem; }
.apprenticeshipGrid p.title {
font-weight: 600;
font-size: 1.3rem;
margin: 1rem 0 2rem 0; }
.apprenticeshipGrid h3 {
margin-top: 0;
font-size: 1.3rem; }
.pathwaysWrapper .pathwaysSection {
margin-top: 10rem; }
.pathwaysWrapper .pathwaysSection h3 {
margin-top: 0; }
.pathwaysWrapper .pathwaysSection ul {
list-style: none;
margin-bottom: 1rem;
margin: 0;
padding: 0; }
.pathwaysWrapper .pathwaysSection ul li {
padding: 10px;
display: inline-block;
margin-bottom: 10px;
font-weight: 600;
font-size: 1.1rem;
position: relative;
padding-left: 4rem;
background: #d0ecec; }
.pathwaysWrapper .pathwaysSection ul li i {
position: absolute;
left: 0;
top: 0;
height: 100%;
padding: 10px;
font-size: 20px;
color: #fff; 
background: #1d9a9d;}
.fundingPage h3 {
margin-top: 0; }
.fundingPage strong { }
.fundingPage ul {
list-style: none; }
.fundingPage ul li {
margin-bottom: 10px; }
.fundingPage ul li:before {
content: "\f00c";
font-family: FontAwesome;
margin-right: 10px;
color: #1d9a9d; }
.careersAdvicePage h3 {
margin-top: 0; }
.careersAdvicePage .resources ul {
list-style: none;
margin: 0;
padding: 0;
margin-top: 2rem; }
.careersAdvicePage .resources ul li {
margin-bottom: 10px; }
.careersAdvicePage .resources ul li a {
color: #1d9a9d;
font-weight: 600; }
.entry-time {
color: #afafaf; }
.tribe-events-list-widget-events {
list-style: none;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #ddd; }
.tribe-events-list-widget-events .tribe-event-title {
margin-bottom: 0; }
.tribe-events-list-widget-events .tribe-event-date-start, .tribe-events-list-widget-events .tribe-event-date-end {
color: #afafaf; }
#recent-posts-2, #archives-2 {
margin-bottom: 15px; }
#recent-posts-2 a, #archives-2 a {
color: #afafaf; }
.md-letter {
margin: 2rem 0; }
.md-letter p.mdName {
font-family: 'Seaweed Script', cursive;
font-size: 1.5rem; }
.media {
content: " ";
display: table;
clear: both;
*zoom: 1; }
.jobsBoardQuick {
background: url(//nltg.wp.demoproject.info/wp-content/uploads/2017/06/vancany-background-blue.png);
padding: 2rem;
margin-bottom: 2rem; border-radius: 8px;}
.jobsBoardQuick h3 {
color: #fff;
margin-bottom: 1rem; }
.jobsBoardQuick p {
color: #fff; width: 70% }
.jobsBoardQuick .button {
background: #fff;
color: #555;
cursor: pointer; margin-top: 2rem; }
.jobsBoardQuick .button:hover {
background: #f5f5f5; }
.quickapply-appren {
background: url(//nltg.wp.demoproject.info/wp-content/uploads/2017/06/apply-background-green.jpg);
padding: 2rem;
margin-bottom: 2rem; }
.quickapply-appren h3 {
color: #fff;
margin-bottom: 1rem; }
.quickapply-appren p {
color: #fff; width: 70% }
.quickapply-appren .button {
background: #fff;
color: #555;
cursor: pointer;
padding: 12px 32px 12px 12px;
}
.quickapply-appren .button:hover {
background: #efefef!important; }
.quickapply-appren .button:after {top: 2px;}
.open-employer-contact-form {
background: url(//nltg.wp.demoproject.info/wp-content/uploads/2017/06/apply-background-green.jpg);
padding: 2rem;
margin-bottom: 2rem; }
.open-employer-contact-form h3 {
color: #fff;
margin-bottom: 1rem; }
.open-employer-contact-form p {
color: #fff; width: 65% }
.open-employer-contact-form .button {
background: #fff;
color: #555;
cursor: pointer;
width: 30%;
}
.open-employer-contact-form .button:hover {
background: #efefef!important; }
.open-employer-contact-form .button:after {top: 2px;}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
width: 100%;
max-width: 100%;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box; }
.modalContact-Adult {
position: fixed;
width: 450px;
height: 500px;
left: 50%;
top: 50%;
margin-left: -225px;
margin-top: -250px;
display: none;
right: 0;
z-index: 3; }
.modalContact-Adult .close {
font-size: 26px;
cursor: pointer;
top: -40px;
right: 0;
width: 40px;
text-align: center;
height: 40px;
position: absolute;
background: #616161;
padding: 5px;
color: #ebebeb; }
.modalContact-Adult .close:hover {
background: #a5a5a5; }
.modalContact {
position: fixed;
width: 450px;
height: 500px;
left: 50%;
top: 50%;
margin-left: -225px;
margin-top: -250px;
display: none;
right: 0;
z-index: 3; }
.modalContact .close {
font-size: 26px;
cursor: pointer;
top: -40px;
right: 0;
width: 40px;
text-align: center;
height: 40px;
position: absolute;
background: #616161;
padding: 5px;
color: #ebebeb; }
.modalContact .close:hover {
background: #a5a5a5; }
#overlay {
background: rgba(0, 0, 0, 0.5);
height: 100%;
width: 100%;
position: fixed;
z-index: 2;
display: none; }
.openTab {
position: fixed;
left: 20px;
bottom: 0;
z-index: 1000; }
.openTab .button {
border-radius: 3px 3px 0 0;}
.openTab .button:after {
content: "\f077"; } .pulse {
cursor: pointer;
box-shadow: 0 0 0 rgba(0,0,0, 0.4);
animation: pulse 2s infinite;
}
.pulse:hover {
animation: none;
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(50,50,50, 0.4);
}
70% {
-webkit-box-shadow: 0 0 0 10px rgba(50,50,50, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(50,50,50, 0);
}
}
@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(50,50,50, 0.4);
box-shadow: 0 0 0 0 rgba(50,50,50, 0.6);
}
70% {
-moz-box-shadow: 0 0 0 10px rgba(50,50,50, 0);
box-shadow: 0 0 0 10px rgba(50,50,50, 0);
}
100% {
-moz-box-shadow: 0 0 0 0 rgba(50,50,50, 0);
box-shadow: 0 0 0 0 rgba(50,50,50, 0);
}
}
.offices .col {
margin-bottom: 30px; }
.offices h4 {
color: #1d9a9d;
margin-bottom: 10px; }
.appr-link {
color: #fff;
background: #4483c3;
text-transform: uppercase;
font-weight: 600;
padding: 10px; }
.commercialCourses {
background: url(//nltg.wp.demoproject.info/wp-content/uploads/2016/07/commercial-bg.png) #44c3b0 no-repeat;
background-position: right;
padding: 2rem;
color: #fff;
margin-bottom: 3rem; }
.commercialCourses ul {
padding: 0;
margin: 0;
margin-bottom: 2rem; }
.commercialCourses ul li a {
background: #309989;
color: #fff;
text-transform: uppercase;
padding: 10px;
display: block;
font-weight: 600; }
.commercialCourses ul li a:hover {
background: #238677;
text-decoration: none; }
.commercialCourses .button {
background: #fff;
color: #444; }
.commercialCourses .button:hover {
background: #f5f5f5;
color: #444; }
.metro-block {
padding: 10px;
border: 1px solid #ddd; border-radius: 8px;}
.metro-block h4 {
padding: 10px 0 !important;
font-size: 14px; }
.metro-block img {
width: 100%;
height: auto; }
.metro-block .btn-group a {
padding: 10px 20px;
border-radius: 3px;
border: none;
font-weight: 600;
height: 40px;
line-height: 40px;
position: relative;
letter-spacing: 1px;
font-weight: 700; background: #777;
color: #fff;}
.metro-block .btn-group a:hover {
background: #8e8e8e;
text-decoration: none; color: #fff; }
.metro-block .btn-group a:after {
content: "\f019";
font-family: FontAwesome;
margin-left: 15px; }
.w3eden .navbar-default {background-color: #1d9a9d!important; border: none!important; color: #fff!important;}
.w3eden .media-heading a {color: #000!important;; font-weight: 700; }
.w3eden .navbar-default .navbar-brand {color: #fff!important;}
.w3eden .navbar-default .navbar-nav > li > a {color: #fff!important;}
.w3eden .navbar-default .navbar-nav > li > a:hover {color: #ccc!important;}
.jbSidebar .widget {
margin-bottom: 1rem; }
.jbSidebar #wpjb_widget_alerts {
padding: 1rem;
border: 1px solid #ddd;
background: #fff;
border-top: none; }
.jbSidebar h4 {
background: #1d9a9d;
color: #fff;
padding: 1rem;
border-radius: 8px 8px 0 0;
margin-bottom: 0; }
.jbSidebar ul {
padding: 0;
margin: 0;
list-style: none;
padding: 1rem;
border: 1px solid #ddd;
background: #fff;
border-top: none; }
.jbSidebar ul li {
margin: 10px 0; }
.jbSidebar ul .wpjb-glyphs {
font-size: 20px; }
.jbSidebar .wpjb-custom-menu-link a {
font-weight: 600; }
.jbSidebar .grey .wpjb-glyphs {
color: #777; }
.jbSidebar .blue .wpjb-glyphs {
color: #4483c3; }
.jbSidebar .orange .wpjb-glyphs,
.jbSidebar .wpjb-icon-edit:before {
color: #eb973e; }
.jbSidebar .purple .wpjb-glyphs,
.jbSidebar .wpjb-icon-book:before {
color: #a16bcb; }
.jbSidebar .turq .wpjb-glyphs {
color: #44c3b0; }
.jbSidebar .pink .wpjb-glyphs,
.jbSidebar .wpjb-icon-heart:before {
color: #1c9b9d; }
.jbSidebar .black .wpjb-glyphs {
color: #444; }
.login-sidebar {
border: 1px solid #ddd;
padding: 20px;
background: url(//nltg.wp.demoproject.info/wp-content/uploads/2016/07/login-sidebar-img.png) #fff no-repeat bottom right;
margin-top: 20px;
margin-bottom: 20px;
font-size: 1.1rem; }
.login-sidebar h3 {
margin-bottom: 10px; }
.login-sidebar a {
color: #1c9b9d;
font-weight: 600; }
.login-sidebar.candidiates {
background: url(//nltg.wp.demoproject.info/wp-content/uploads/2016/07/employer-sidebar-img.png) #fff no-repeat right; }
.candidate-sidebar-section {
border: 1px solid #ddd; }
.candidate-sidebar-section h3 {
padding: 20px;
margin: 0;
background: #fff; }
.candidate-sidebar-section ul {
padding: 10px 20px;
margin: 0; }
.candidate-sidebar-section ul li {
color: #1c9b9d;
font-size: 1.2rem;
font-weight: 600; }
.candidate-sidebar-section ul li:before {
content: "\f046";
font-family: FontAwesome;
margin-right: 10px; }
.wpjb .wpjb-form input[type="submit"] {
padding: 0 20px;
border-radius: 3px;
border: none;
text-transform: uppercase;
font-weight: 600;
height: 40px;
line-height: 40px;
position: relative;
letter-spacing: 1px;
font-weight: 700;
cursor: pointer; }
body div.wpjb-flash-error {
background-color: #fedada;
border: 1px solid #f7caca;
color: #da3838;
font-weight: 600;
padding: 5px 10px; }
body div.wpjb-flash-error .wpjb-glyphs:before, div.wpjb-flash-info .wpjb-glyphs:before {
font-size: 1em;
margin-right: 10px; }
body div.wpjb-flash-error a {
color: #da3838; }
body div.wpjb-flash-info {
border: 1px solid #d9f2d2;
background-color: #e2ffda;
color: #659957;
font-weight: 600;
padding: 5px 10px; }
.wpjb-form-invite {
background: #f7f7f7;
padding: 1rem !important;
border: 1px solid #ddd !important;
margin-top: 10px !important; }
.reforms {
margin-top: 2rem; }
.page-id-10 .main {
width: 66%;
}
@media only screen and (min-width: 1300px) {
.container, .hero {
min-width: 1200px; }
.mainNav .sub-menu__wrapper > ul {
width: 1200px;
}
.tickList {
height: 334px; } }
.reform-options {
border-bottom: 1px solid #ddd;
margin: 0 0 10px 0;
padding: 0 0 10px 0;}
.reform-options .reform-options-title {
font-weight: 600;
font-size: 16px;
margin:10px 0;
}
.page-top-banner {
padding: 30px;
margin-bottom: 20px;
}
.page-top-banner .locationTitle {
font-size: 30px;
color: #e81987;
text-transform: uppercase;
background: #fff;
padding: 20px;
display: inline-block;
font-weight: 800;
}
#faq_container .faq_question {
background-color: #1e999d!important;
padding: 15px;
font-size: 17px;
cursor: pointer;
border-radius: 8px;
color: #fff;
}
#faq_container .faq_question.open {border-radius: 8px 8px 0 0;}
#faq_container .faq_answer_container {
padding: 20px;
border: 1px solid #ddd;
background: #e7efef;
display: none;
border-radius: 0 0 8px 8px;
height: auto!important;
}
#faq_container .faq_question:before {
content: "\f055";
font-family: FontAwesome;
margin-right: 10px;
}
#faq_container .faq {
margin-bottom: 15px;
}
.vacancies_banner {
display: block;
text-align: center;
padding: 20px;
margin: 20px 0;
}
.vacancies_banner h2 {
margin: 0;
font-size: 27px;
font-weight: 800;
margin-right: 10px;
color: #fff;
line-height: 35px;
}
.vacancies_banner .button {
background: #fff;
color: #333;
}
.vacancies_banner .button:hover {
background: #fff;
color: #e81987;
}  .container.landing-page-employers {
margin-top: 2rem;
}
.container.landing-page-employers .landing-ticklists.green-section h2 {
background: #44c3b0;
padding: 20px 10px;
color: #fff;
margin-bottom: 1px;
}
.container.landing-page-employers .landing-ticklists.orange-section h2 {
background: #eb973e;
padding: 20px 10px;
color: #fff;
margin-bottom: 1px;
}
.container.landing-page-employers .landing-ticklists {
min-height: 680px;
}
.container.landing-page-employers .landing-ticklists img {
margin-bottom: 15px;
}
.container.landing-page-employers .landing-ticklists ul {
margin: 0;
margin-bottom: 0;
padding: 0;
}
.container.landing-page-employers .landing-ticklists ul li {
list-style: none;
font-weight: 600;
font-size: 1.1rem;
margin-bottom: 10px;
position: relative;
padding-left: 30px;}
.container.landing-page-employers .landing-ticklists ul a li:nth-child(4) {
margin-bottom: 0!important;
}  
.container.landing-page-employers .landing-ticklists ul li:before {
content: "\f05d";
font-family: FontAwesome;
font-weight: normal;
font-size: 1.5rem;
position: absolute;
left: 0;
top: -2px;
}
.container.landing-page-employers .landing-ticklists ul li:before {
color: #eb973e;
}
.container.landing-page-employers .landing-ticklists.green-section ul li:before {
color: #44c3b0;  
}
.container.landing-page-employers .pink-checklist li:before {
color: #e81987!important;
content: "\f00c"!important;
font-family: FontAwesome!important;
font-size: 14px!important;
}
.container.landing-page-employers .pink-checklist li {
font-size: 14px!important;
font-weight: normal!important;
}
.sectionWrapper.purple-section {
background: #976cae url(//nltg.wp.demoproject.info/wp-content/uploads/2017/09/micro-phone-background.png) no-repeat 80px !important;
}
.sectionWrapper.purple-section .get-in-touch-landing-page {
float: right;
width: 40%;
color:#FFF;
text-align: center;
margin-right: 80px;
}
.sectionWrapper.purple-section .get-in-touch-landing-page p {
font-weight: 600;
}
.sectionWrapper.purple-section .get-in-touch-landing-page .button {
background: none;
color: #FFF;
border: 1px solid #FFF;
display: inline-block;
cursor: pointer;
}
.sectionWrapper.purple-section .get-in-touch-landing-page .button:hover {
background: #FFF;
color: #976cae
}
.modalContact-Landing-Page {
position: absolute;
width: 800px;
left: 50%;
top: 20%;
margin-left: -400px;
margin-top: 0px;
display: none;
right: 0;
z-index: 3; 
}
.modalContact-Landing-Page .sectionWrapper {
padding: 1rem;
}
.modalContact-Landing-Page .close {
font-size: 26px;
cursor: pointer;
top: -40px;
right: 0;
width: 40px;
text-align: center;
height: 40px;
position: absolute;
background: #616161;
padding: 5px;
color: #ebebeb;
}
.modalContact-Landing-Page .close:hover {
background: #a5a5a5;
} .modalContact-Landing-Page form .form-row {
float: left;
width: 48%;
margin: 1%;
}
.modalContact-Landing-Page form .form-row.checkboxes {
border: 1px solid #e2e2e2;
padding: 1%;
border-radius: 3px;
float: none;
width: 98%;
clear: both;
}
.modalContact-Landing-Page form .form-row.recaptcha, .modalContact-Landing-Page form .form-row.submit {
clear: both;
}
.modalContact-Landing-Page form .form-row.checkboxes .label {
display: block;
margin: 0 0 5px 0;
}
.modalContact-Landing-Page form .form-row.checkboxes span.wpcf7-list-item {
margin: 0;
}
.modalContact-Landing-Page form .form-row.checkboxes span.wpcf7-list-item.first {
margin-right: 10px;
}
.modalContact-Landing-Side-openTab {
position: fixed;
left: 20px;
bottom: 0;
z-index: 1000; }
.modalContact-Landing-Side-openTab .button {
border-radius: 3px 3px 0 0; }
.modalContact-Landing-Side-openTab .button:after {
content: "\f077"; } .sub-level-apprenticeships ul li {margin: 1% 0;} .sub-level-apprenticeships ul li a, .course-progression a {
padding: 15px 20px;
padding-right: 40px;
border-radius: 3px;
color: #fff;
border: none;
font-weight: 600;
position: relative;
letter-spacing: 1px;
font-weight: 700;
background: #9d1d6a;
display: block;
text-decoration: none;
}
.sub-level-apprenticeships ul li a:after, .course-progression a:after {font-family: FontAwesome;
content: "\f054";
position: absolute;
right: 15px;
top: 18px;
font-weight: normal;
}
.sub-level-apprenticeships ul li a:hover, .course-progression a:hover {text-decoration: none; background: #ad2075;}
.final-course-page .item {padding-bottom: 0!important}
.no-border {border: none!important;}
.apprenticeship-logo {border-radius: 8px;}
.other-courses {background: #3c3c3c; border: none;}
.dark-grey {background: #3c3c3c; border: none;}
.dark-grey h3 {color:#fff;}
.page-template-faq-layout3 .sectionWrapper, .page-template-faq-layout .sectionWrapper, .page-template-faq-layout2 .sectionWrapper, .page-template-faq-layout .sectionWrapper4 {border-radius: 8px;}.col-md-1 {
width: 11.1111%;
float: left;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
#post-67 .col-md-3.col-sm-6.col-xs-12 {
display: inline-grid;
float: none;
}
#post-67 ul.nav.navbar-nav.navbar-right li.dropdown {
display: block !important;
}
.col-md-2 {
width: 16%;
float: left;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.col-md-3 {
width: 25%;
float: left;
padding-right: 15px;
padding-left: 15px;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.col-md-4 {
width: 33.33333333%;
float: left;
padding-right: 15px;
padding-left: 15px;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.col-md-5 {
width: 41%;
float: left;
padding-right: 15px;
padding-left: 15px;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.col-md-6 {
width: 50%;
float: left;
padding-right: 15px;
padding-left: 15px;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.col-md-7 {
width: 59%;
float: left;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.col-md-8 {
width: 66%;
float: left;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.col-md-9 {
width: 75%;
float: left;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.col-md-10 {
width: 82%;
float: left;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.col-md-12 {
width: 100%;
padding-right: 15px;
padding-left: 15px;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.row {
margin-right: -15px;
margin-left: -15px;
}