/*
	lcl v3 main site stylesheet.
	author: cfront (sabn)
	created: 22-5-19
	fonts:
	colors: 
    
    LCL Green/Grey: #364651;
    LCL Bright Teal: #16AD97;
    LCL Bright Blue: #00A6E2;
    LCL Deep Red: #BF1A49;
    LCL Orange: #F7A600;
    LCL Dark Blue: #004E7E;
    LCL Bright Green: #95C11F;
    LCL Cool Grey: #7D8386;
    LCL Pale Blue: #C9E1F6;

*/

/* Variables */

:root {
    --deep-red: #BF1A49;
    --bright-teal: #16AD97;
}

/* EO Variables */

* {box-sizing:border-box;}
html {overflow-y:visible;}

header {
    background:#364651;
    color:#FFFFFF;
}

.urgent-msg a {
    text-decoration: none;
    font-size: 2rem;
    background: var(--deep-red);
    padding: 1rem 1rem;
    display: block;
    margin: 0 0 2rem 0;
    color: #FFFF;
}

.urgent-msg a:hover {
    text-decoration: none;
    background:var(--bright-teal);
    transition:0.7s;
}

.testimonial-container {
    display:flex;
    width:100%;
    padding: 64px;
    color: #FFFFFF;
    gap:48px;
    align-items: center;
    position:relative;
}

.more-on-hover {
    display:flex;
    opacity:0;
    gap:6px;
    align-items:center;
    color:#FFFFFF;
    text-decoration:none;
    position: absolute;
    bottom: 16px;
    right: 24px;
    transition:0.7s;
}

.testimonial-container:hover .more-on-hover {
    opacity:0.5;
}

.more-on-hover svg {
    display:block;
    fill:#FFFFFF;
    width:12px;
    height:12px;
}

.testimonial-container:hover .more-on-hover:hover {
    text-decoration:none;
    opacity:1;
}

.testimonial-page .testimonial-container {
    margin:48px 0;
}

.testimonial-page .more-on-hover { 
    display:none;
}

section.testimonials {
    margin:48px 0 0 0;
    background: rgb(0, 166, 226);
    background: linear-gradient(0deg, rgba(0, 166, 226, 1) 0%, rgba(20, 173, 151, 1) 100%);
}

.quotes svg {
    display:block;
    width:80px;
    height:37.5px;
}

.quote-org {
    font-size: 0.9rem;
}

.quote-photo img {
    clip-path: polygon(0 22%, 50% 0, 100% 22%, 100% 78%, 50% 100%, 0 78%);
    display: block;
}

.quote-text.noPhoto,
.noPhoto {
    margin-left:76px;
}

.quote-text.hasPhoto {
    margin: 36px 0 36px 0;
}

.quote-text {
    margin:24px 0 36px 0;
}

.quote-text p {
    max-width: 840px;
    font-size: 1.5rem;
    line-height: 2rem;
}

.quote-name {
    font-weight: 600;
    letter-spacing: 0.25px;
}

.svg-link {
    cursor:pointer;
}

.sticky {
  position: sticky;
  top: 24px;
  align-self: flex-start;
}

.case-studies-section .ni-link {
    display:none;
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: proxima-nova, sans-serif;
    background: #FFFFFF;
    color:#2A3D50;
}

body.hide_scroll {
	overflow-y:hidden;
}

h1, h2, h3, h4, h5 {
    color:#16AD97;
}

h1 {font-size:2.5rem;line-height: 3.4rem;}
h2 {font-size:2rem;}
h3 {font-size:1.8rem;}
h4 {font-size:1.5rem;}
h5 {font-size:1.2rem;}

ul,
p {
    line-height:1.5rem;
}

a {
    transition:0.7s;
    text-decoration:none;
    color:#16AD97;
}

a:hover {
    text-decoration:underline;
}

header .social {
    position:absolute;
    top:1rem;
    right:2.5rem;
    display:flex;
    justify-content:flex-end;
    width:120px;
}

header .social a {
    display:block;
    padding:0 0.5rem;
    text-decoration:none;
    outline:none;
}

header .social svg {
    fill:#FFFFFF;
    display:block;
    height:19px;
}

header .social a:hover svg {
    fill:#16AD97;
}

header .social .linkedin svg {
    stroke:#FFFFFF;
    transition:0.7s;
}

header .social a.linkedin:hover svg {
    stroke:#16AD97;
}

header .social .search-centres svg {
    stroke:#FFFFFF;
    fill:#FFFFFF;
    transition:0.7s;
}

header .social .search-centres:hover svg {
    stroke:#16AD97;
    fill:#16AD97;
    transition:0.7s;
}

nav {
    text-transform:uppercase;
    font-weight:600;
    display:flex;
    font-size:17px;
    align-items: center;
    margin-right:2rem;
    margin-top: 1.5rem;
}

nav a {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    padding: 1rem 0.8rem;
    text-align: center;
    font-size: 0.9rem;
    letter-spacing: 0.5px;
    font-weight: 500;
}

nav a:hover,
nav a.active {
    text-decoration:none;
    color:#16AD97;
}

header {    
    display: flex;
    justify-content: space-between;
    display: -webkit-flex;
    display: -moz-flex;
    display: -moz-box;
    position: relative;
    z-index: 10;
}

.logos {
    display:flex;
    align-items:center;
}

header .logo {
    display: block;
    padding: 16px 0 16px 16px;
    box-sizing: border-box;
    flex-shrink: 0;
}

header .twenty-years-logo {
    display: block;
    padding: 16px 0 16px 16px;
    box-sizing: border-box;
    flex-shrink: 0;
}

header .twenty-years-logo svg {
    display:block;
    width: 101px;
    height: 77px;
}

header .logo img {
    display:block;
    width: 170px;
    height: 77px;
}

.breadcrumb {
    display:flex;
    margin:0;
    padding:1rem 0;
    list-style-type:none;
    color:#999999;
    gap:2px;
    font-size: 0.9rem;
}

.breadcrumb li {
    display:flex;
    gap:2px;
}

.breadcrumb span.divider {
    display:block;
}

.breadcrumb a {
    display:block;
    text-decoration:none;
    color:#16AD97;
}

.breadcrumb a:hover {
    text-decoration:underline;
    color:#000;
}

.text-page {
    margin-bottom:64px;
}

.text-page table {
    border-collapse: collapse;
    width:100%;
    margin-top: 2rem;
}

.text-page table th,
.text-page table td {
    padding: 0.75rem;
    border: 1px solid #C8D0D8;
    text-align: left;
}

.text-page table td:first-child,
.text-page table th {
    font-weight:600;
}

.systems table img {
    display:block;
    width:24px;
    height:16px;
    margin: 0 auto;
}

/*
    
    POPUP NAV

*/

#navBars {
	box-sizing: border-box;
    height: 60px;
    transition: all ease 0.1s;
    padding: 10px 14px;
    position: absolute;
    right: 2rem;
    top: 25px;
	transition: all 0.7s;
    display:none;
}

.nav_bar {
    display: block;
    width: 35px;
    height: 4px;
    background: #FFFFFF;
    padding: 0;
    margin: 8px auto;
    position: relative;
    transition: all 0.7s;
}

header.fix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
}

header.fix #navBars {
    transition: all 0.7s;
}

header.fix nav {
    font-size:16px;
}

header.fix #navBars .nav_bar {
	background: #FFFFFF;
}

header.fix #navBars.popped .nav_bar {
	background:#FFFFFF;
}

#navBars:hover {
	cursor: pointer;
}

#navBars:hover {
    cursor: pointer;
	transition:all 0.7s;
}

header #navBars:hover .nav_bar,
header.fix #navBars:hover .nav_bar {
	background:#16AD97;
}

#navBars.popped {
	padding: 14px 14px 10px 14px;
	z-index: 102;
}

#navBars.popped .nav_bar {
	transition:all 0.7s;
}

#navBars.popped .nav_bar.nb_2 {
	display:none;
}

#navBars.popped .nav_bar.nb_1 {
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg) translate(7px, 5px);
}

#navBars.popped .nav_bar.nb_3 {
	-ms-transform: rotate(315deg); /* IE 9 */
    -webkit-transform: rotate(315deg); /* Safari */
    transform: rotate(315deg) translate(3px, -2px);
}

#popupNav {
	position:fixed;
	top:115px;
	left:0;
	width:100%;
	z-index: 13;
	display:none;
	background:rgba(50,70,81,0.9);
	height:100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

#popupNav img {
    width: 200px;
    margin: 80px 0 0 73px;
}

#popupNav.popped {
	
}

#popupNav ul {
	margin: 0;
    padding: 2rem 2rem 115px 2rem;
    list-style-type: none;
    box-sizing: border-box;
    color:#FFFFFF;
    text-align:center;
}

#popupNav ul li {
    padding: 1rem;
}

#popupNav ul li.contact {
    padding-top: 3rem 0 1rem 0;
}

#popupNav ul li:first-of-type {
    border:none;
}

#popupNav ul li span {
    display: block;
    margin: 5px 0 0 0;
    font-weight: 200;
    font-size: 15px;
}

#popupNav a, #popupNav ul li a {
    color: #FFFFFF;
    font-size: 1.5rem;
    text-decoration: none;
    position: relative;
    letter-spacing: 1px;
    font-weight: 400;
}

#popupNav a:hover,
#popupNav ul li a:hover {
	color:#16AD97;
	text-decoration:none;
}

#popupNav ul li.events_site span,
#popupNav ul li.events_site a {
    color: #5f74f1;
}

#popupNav .tel {
    font-size: 32px;
    color: #160524;
    margin: 0 auto;
}

#popupNav .tel .material-icons {
	display: block;
    font-size: 36px;
    margin-bottom: 10px;
}

.link-button,
a.link-button,
#popupNav .tel a,
#popupNav .email a {
    display:inline-block;
    color: #FFFFFF!important;
    background:#16AD97;
    padding:1rem;
    border-radius:30px;
    font-size:1.2rem;
    margin-bottom:1rem;
    text-decoration:none;
    width:200px;
    text-align: center;
}

.link-button:hover,
a.link-button:hover,
#popupNav .tel a:hover,
#popupNav .email a:hover {
    color: #FFFFFF;
    background:#364651;
    transition: all ease 0.7s;
    text-decoration:none;
}

#popupNav .logo {
    width: 300px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -150px;
}

#popupNav .logo img {
	display:block;
	width:100%;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.hero {
    height:50vh;
    background:#ededed;
    border-bottom:10px solid #16AD97;
    position:relative;
    background-repeat:no-repeat;
    background-size:cover;
    z-index:10;
}

.hero-text {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 4.55rem;
    position: absolute;
    right: 6rem;
    bottom: 3rem;
    z-index: 13;
}

.learner-zone .hero {
    border-bottom:10px solid #BF1A49;
}

.centre-zone .hero {
    border-bottom:10px solid #95C11F;
}

.qualifications-page .hero {
    border-bottom:10px solid #00A6E2;
}

.news-page .hero {
    border-bottom:10px solid #F7A600;
}

.hero-tick svg {
    display:block;
    fill:#16ad97;
    height:100%;
}

.learner-zone .hero-tick svg {
    fill:#BF1A49;
}
.centre-zone .hero-tick svg {
    fill:#95C11F;
}

.qualifications-page .hero-tick svg {
    fill:#00A6E2;
}

.news-page .hero-tick svg {
    fill:#F7A600;
}

.pagination ul {
    list-style-type:none;
    margin:2rem 0 0 0;
    padding:0;
    display:flex;
}

.pagination ul li {
    display:block;
}

.pagination ul li a {
    display: block;
    height: 40px;
    width: 40px;
    text-align: center;
    border: 1px solid #C8D0D8;
    border-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration:none;
}

.pagination ul li a:hover {
    background:#364651;
    color:#FFFFFF;
    text-decoration:none;
    border-color:#364651;
}

.pagination ul li:first-of-type a {
    border-left:1px solid #C8D0D8;
}

.pagination ul li.active a {
    background:#F7A600;
    color:#FFFFFF;
    text-decoration:none;
    border-color:#F7A600;
}

.hero-tick {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80%;
    height: calc(100% + 55px);
    z-index: 12;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    opacity: 0.55;
    pointer-events: none;
}

.hide_scroll .hero-tick { 
    display:none;
}

.news-page .hero-tick,
.qualifications-page .hero-tick,
.centre-zone .hero-tick,
.learner-zone .hero-tick {
    bottom: -55px;
    width: 100%;
    height: calc(100% + 110px);
}

.hero-tick img {
    display:block;
    height:100%;
}

.inner {
    max-width:1080px;
    margin:0 auto;
}

.cls-1-20y-home {
    fill: #19af97;
}

.cls-1-20y-home, .cls-2-20y-home {
    stroke-width: 0px;
}

.cls-2-20y-home {
    fill: #fff;
}

/*
    Inclusivity
*/

.inclusivity {
    margin: 2rem 0 4rem 0;
    position: relative;
}

.inclusivity .flex-container {
    padding: 0rem 3rem;
    align-items: center;
}
.inclusivity .inner {
    background: rgba(42,61,80, 0.07);
}

.inclusivity.anniv-home .inner {
    background: #364651;
    color:#FFFFFF;
    padding: 24px 8px;
}

.inclusivity .col-1-2,
.inclusivity .col-1-3,
.inclusivity .col-2-3 {
    padding: 0.5rem;
    font-size:1.2rem;
}

.inclusivity a.link-button {
    position: absolute;
    bottom: -42px;
    left: 50%;
    margin-left: -100px;
    text-align: center;
}

.inclusivity .inner svg {
    display:block;
    width:100%;
    max-width: 280px;
    margin: 0 auto;
}

.inclusivity-page .col-2-3 {
    padding:0 2rem 0 0;
}

.inclusivity-page .col-1-3 {
    padding:0 0 0 2rem;
}

.inclusivity-logo svg {
    display: block;
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
}

.inclusivity-logo img {
    display: block;
    width: 100%;
    max-width: 340px;
    margin:3rem auto;
}

.inclusivity-page ol {
column-count: 2;
    column-gap: 4rem;
    margin:2rem 0 4rem 0;
    background: #1ab098;
    padding: 4rem 4rem 2rem 4rem;
    color: #FFFFFF;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.5rem;

}

.inclusivity-page ol li {
    margin:0 2rem 2rem 2rem;
}

.logo-items {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.logo-items img,
.logo-items svg {
    display: block;
    max-height: 120px;
    width: 100%;
    margin:0 1rem;
}

.logo-items img {
    width:auto;
    max-height: 160px;
}

.fc-news {
    width:calc(100% + 2rem);
    margin-left:-1rem;
    overflow:hidden;
    flex-wrap:wrap;
}

.fc-winners {
    gap:48px;
    flex-wrap:wrap;
}

.fc-winners > div {
    width: calc(33.333% - 2rem);
    display: flex;
    flex-direction: column;
}

.fc-winners > div img {
    display:block;
    width:100%;
}

.fc-winners > div a {
    width:100%;
    display: block;
    background: #FFFFFF;
    text-decoration: none;
    transition: 0.5s;
    position: relative;
    height: 100%;
    margin:0;
    padding:0;
}

.fc-winners > div a div.content {
    padding:24px 24px 48px 24px;
}

.fc-winners > div a div.content .precis {
    display:none;
}

.cs-item,
.news-item {
    display:block;
    width:calc(33.333% - 2rem);
    margin:1rem 1rem 2rem 1rem;
    padding:1.2rem 1.2rem 2.4rem 1.2rem;
    background: #FFFFFF;
    text-decoration:none;
    transition:0.5s;
    position:relative;
}

.cs-item .link-button,
.news-item .link-button {
    position: absolute;
    bottom: -38px;
    left: 50%;
    margin-left: -80px;
    font-size: 0.9rem;
    text-align: center;
    width: 160px;
    padding: 12px;
}

.cs-item {
    padding:0;
}

.ni-link {
    background:#21333f;
    color:#FFFFFF;
}

.fcn-anniv .ni-link {
    background:#ededed;
    display:flex;
    align-items:center;
    justify-content:center;
}

.more-news {
    display:block;
    margin-top:0.5rem;
    text-align:center;
    font-style:italic;
}

.ni-link img {
    display: block;
    width: 55%;
    margin: 0 auto;
}

.cs-item:hover,
.news-item:hover  {
    box-shadow: 2px 3px 8px 0 #b2b2b2;
    text-decoration:none;
}

.news-item:hover {
    box-shadow: 2px 3px 8px 0 rgba(42,61,80, 0.07);
}

.row.case-studies,
.row.news-items {
    background:#ededed;
}

.row.news-items {
    background:#364651;
    padding: 0px 0 48px 0;
}

.section-page.news-items section h2 {
    color:#FFFFFF;
}

.case-studies-section,
.news-section {
    margin:2rem 0;
    padding:1rem 0 2rem 0;
}

.link-image img,
.cs-image img {
    display:block;
    width:100%;
}

.row.resource-items {
    background: #16ad97;
    padding: 2rem 0;
    margin-top:0;
}

.link-image {
    width:80%;
    margin:1rem auto;
}

.link-button svg {
    display: inline-block;
    position: relative;
    margin-left: 0.3rem;
    width: 14px;
    top: 3px;
    fill: #ffffff;
}

.section-page section h2 {
    margin:2rem 0;
}

.row.resource-items h2 {
    color:#FFFFFF;
}

.resource-items .link-button {
    background:#159885;
}

.resource-items .link-button:hover {
    background:#364651;
}

.case-studies-section h3,
.news-section h3 {
    margin:1rem 0!important;
}

.inclusivity-section {
    text-align:center;
}

.inclusivity-section p {
    font-size:1.6rem;
    margin:1rem 0 2rem 0;
}

.inclusivity-section p.sub-para {
    font-size: 1.1rem;
    margin: 1rem auto 0 auto;
    line-height: 1.5rem;
    width: 80%;
    max-width: 540px;
}

.cs-item h5 {
    color: #364651;
    margin: 0 0 0.8rem 0;
    line-height: 1.6rem;
    font-size: 1.3rem;
    padding: 1.2rem 1.2rem 2.4rem 1.2rem;
}

.section-page .news-item h3,
.news-item h5 {
    color: #364651;
    margin: 0 0 0.2rem 0;
    line-height: 1.6rem;
    font-size: 1.3rem;
    font-weight:900;
    margin-top:0!important;
}

.section-page .news-item h3:hover {
    color:#16AD97;
}

.cs-item:hover h5,
.news-item:hover h5 {
    color:#16AD97;
}

.fc-winners .news-item {
    margin:0;
    padding:0;
}

.fc-winners .news-item .content {
    padding:16px;
}

.news-item .precis {
    color:#364651;
    margin:1rem 0;
}

.news-item img {
    display:block;
    width:100%;
}

.cs-item h5 .normal {
    font-weight:400;
    font-style:italic;
}

/*
    EO INCLUSIVITY
*/

.page-intro {
    text-align:center;
    max-width:600px;
    margin:0 auto;
    padding:2rem;
}

.flex-container {
    display:flex;
}

.rte.additional {
    margin:64px 0;
}

.page-item-fc {
    gap:32px;
}

.item-image {
    width:30%;
    flex-shrink:0;
}

.item-image img {
    display:block;
    width:100%;
}

.centre-zone .page-content .rte.additional h3 {
    color:#364651;
}

.centre-zone .page-content .page-item-fc a.link-button {
    background:#364651;
    color:#FFFFFF;
    text-align:center;
}

.centre-zone .page-content .page-item-fc a.link-button:hover {
    background:#16AD97;
    color:#FFFFFF;
}


.flex-grid {
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: grid;
}

.page-not-found {
    background:#FFFFFF;
    height:100%;
    min-height:480px;
    overflow: hidden;
}

.page-not-found .inner,
.page-not-found .flex-container {
    height:100%;
}

.page-not-found .flex-container .col-1-2 {
    display:flex;
    align-items:center;
    padding:4rem
}

.page-not-found .flex-container .col-1-2:nth-of-type(1) {
    padding-left:0;
}

.page-not-found .flex-container .col-1-2:nth-of-type(2) {
    background:#16AD97;
    color:#364651;
    position:relative;
}

.page-not-found .flex-container .col-1-2:nth-of-type(2):after {
    content: "";
    background: #16AD97;
    width: 1000%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
}

.page-not-found .flex-container .col-1-2 .num-404 {
    font-size: 10rem;
    text-align: center;
    width: 100%;
    font-weight: 700;
}

.fg-3 {
	grid-gap: 3%;
    grid-template-columns: 31.333% 31.333% 31.333%;
}

.col-1-2 {
    width:50%;
}

.col-1-4 {
    width:25%;
}

.col-1-3 {
    width:33.333%;
}

.col-2-3 {
    width:66.667%;
}

.col-3-4 {
    width:75%;
}

.fg-sections .col-1-3 {
    text-align:center;
}

.fg-section {
    position:relative;
    padding:3rem 2rem 5rem 2rem;
    text-align:center;
}

.section-icon img {
    display:block;
    width:130px;
    margin:0 auto;
}

.fg-section a.link-button {
    position:absolute;
    bottom: -42px;
    left: 50%;
    margin-left: -100px;
}

.grey-row {
    background:rgba(42,61,80, 0.07);
}

.row.offset-links {
    margin-bottom: 96px;
}

.fc-sections {

}

.search {
    text-align:center;
    padding:3rem 1rem;
}

.search-text {
    text-transform:capitalize;
    font-size: 1.5rem;
}

.row-comment {
    width: 100%;
    max-width: 600px;
    padding: 3rem 1rem 0 1rem;
    margin: 0 auto;
    text-align: center;
    line-height: 2rem;
}

.col-1-2.tel,
.col-1-2.email {
    font-size:1.5rem;
}

.col-1-2.tel {
    text-align:right;
    padding-right:1rem;
}

.col-1-2.email {
    text-align:left;
    padding-left:1rem;
}

.qualifications-page h1,
.qualifications-page h2,
.qualifications-page h4,
.section-page h1,
.section-page h2,
.section-page h3,
.section-page h4,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4 {
    font-weight:400;
    margin-top:0;
}

.page-content .image-container {
    margin:3rem 0;
    background: #f5f7f9;
    padding: 3rem;
}

.page-content .image-container svg {
    display:block;
    width:100%;
}

.centre-search {
    margin: 2rem 0 1.5rem 0;
    background: #EDEDED;
    padding: 0;
    display: flex;
}

.centre-search > div:nth-of-type(1) {
    width:60%;
}
.centre-search > div:nth-of-type(2) {
    width:40%;
}

.centre-search > div {
    padding:1rem 2rem;
}


.centre-search input,
.centre-search select {
    width:80%;
}
.cs-name {
    font-weight:700;
}

.cs-distance {
    font-style:italic;
}

.centre-search .cs-postcode,
.centre-search .cs-sector,
.centre-search .cs-qual {
    display:flex;
    align-items: center;
}

.centre-search label {
    display:inline-block;
    width:140px;
}

.centre-search-results {
    position:relative;
}

.centre-search-results h3 {
    margin:1.5rem 0 0.5rem 0;
}

.centre-search-results ul {
    margin:0;
    padding:0;
    list-style-type:none;
}

.centre-search-results ul li {
    margin: 0;
    border-top: 1px solid #C8D0D8;
    padding: 0;
}

.centre-search-results ul li:nth-of-type(1) {
    border-top: 0;
}

.centre-search-results ul li a {
    display:block;
    padding:0.5rem;
}

.centre-search-results ul li a:hover {
    background:#EDEDED;
    text-decoration:none;
}

.qualification-content p {
    margin:0 0 1rem 0;
}

.qualification-content.rte-nopad p {
    margin:0;
}

.related-links {
    margin:0;
    padding:0;
    list-style-type:none;
}

.page-content {
    margin:3rem 0 4rem 0;
}

.learner-zone .page-content h1,
.learner-zone .page-content h2,
.learner-zone .page-content h3,
.learner-zone .page-content a,
.learner-zone .breadcrumb a {
    color:#BF1A49;
}

.centre-zone .page-content h1,
.centre-zone .page-content h2,
.centre-zone .page-content h3,
.centre-zone .page-content h4,
.centre-zone .page-content a,
.centre-zone .breadcrumb a {
    color:#95C11F;
}

.qualifications-page .page-content h1,
.qualifications-page .page-content h2,
.qualifications-page .page-content h3,
.qualifications-page .page-content h4,
.qualifications-page .page-content a,
.qualifications-page .breadcrumb a {
    color:#00A6E2;
}

.qualifications-page .page-type,
.qualifications-page h4.page-type {
    color:#7D8386;
    font-weight:500;
    font-size: 1.5rem;
    margin: 1.3rem 0;
    display:block;
}

.news-page .page-content h1,
.news-page .page-content h2,
.news-page .page-content h3,
.news-page .page-content h4,
.news-page .page-content a,
.news-page .breadcrumb a {
    color:#F7A600;
}

.learner-zone .breadcrumb a:hover,
.centre-zone .breadcrumb a:hover,
.qualifications-page .breadcrumb a:hover,
.news-page .breadcrumb a:hover {
    color:#000;
}

.qualifications-page .page-content h2 {
    font-size: 2rem;
    font-weight: 500;
    color: #00A6E2;
    margin: 24px 0;
}

.centre-zone a.web.link-button {
    color:#FFFFFF;
    font-size:1rem;
    text-align:center;
    background:#364651;
}

.course-faq-title {
    margin: 4rem 0 1rem 0;
    font-size: 1.5rem;
    padding-bottom: 1rem;
    color: #00A6E2;
    border-bottom: 1px solid #cccccc;
}

.faq-item {
    border-bottom: 1px solid #cccccc;
}

.faq-answer {
    display:none;
}

.faq-answer p {
    margin:0;
    padding:0 0 1rem 0;
}

.qualifications-page .page-content .faq-item.active h2,
.qualifications-page .page-content .faq-item.active h2 svg {
    color:#00A6E2;
    fill:#00A6E2;
}

.qualifications-page .page-content .faq-item.active h2 svg {
    transform:rotate(45deg);
}

.qualifications-page .page-content .faq-item h2 {
    font-size:1.2rem;
    font-weight:600;
    color:#364651;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
}

.qualifications-page .page-content .faq-item h2:hover {
    color:#00A6E2;
    cursor:pointer;
    transition:.5s;
}

.faq-item h2 svg {
    display:block;
    width:24px;
    height:24px;
    fill:#364651;
    transition:.5s;
}

.qualifications-page .page-content .faq-item h2:hover svg {
    fill:#00A6E2;
}

.centre-zone a.web.link-button:hover {
    color:#FFFFFF;
    background:#95C11F;
}

.entry-date {
    color:#97A5B1;
}

.page-content {
    font-weight:300;
}

ul.section-nav {
    margin:0;
    padding:0;
    list-style-type:none;
    font-weight:600;
    font-size: 1rem;
    padding-right:4rem;
}

ul.section-nav li {
    margin:1rem 0;
}

ul.section-nav li:first-of-type {
    margin-top:0;
}

.page-content ul.section-nav li a {
    margin:1rem 0;
    color:#7D8386;
}

.centre-details .col-1-3 {
    padding: 1rem 4rem 1rem 1rem;
}

.centre-details .col-1-3 a, 
.centre-details .col-1-3 img {
    display:block;
    width:100%;
    text-decoration:none;
}

ul.section-nav li.current a,
ul.section-nav li a:hover {
    color:#16AD97;
}

.learner-zone ul.section-nav li.current a,
.learner-zone ul.section-nav li a:hover {
    color:#BF1A49;
}

.centre-zone ul.section-nav li.current a,
.centre-zone ul.section-nav li a:hover {
    color:#95C11F;
}

.qualifications-page ul.section-nav li.current a,
.qualifications-page ul.section-nav li a:hover {
    color:#00A6E2;
}

a.qualification-item,
a.download-item {
    display:flex;
    justify-content:space-between;
    color:#16AD97;
    padding:1rem;
    border-top:1px solid #FFFFFF;
    text-decoration:none;
    background:#e7eaed;
    transition:background 0.7s;
}

a.qualification-item {
    justify-content:flex-start;
}

a.qualification-item .fal,
a.download-item .fal { 
    position:relative;
    top:0px;
    margin-right:0.5rem;
    transition:0.3s;
}

a.qualification-item:first-of-type,
a.download-item:first-of-type {
    border:none;
}

a.download-item:hover {
    background:#16AD97;
    color:#FFFFFF;
    text-decoration:none;
}

a.qualification-item:hover {
    text-decoration:none;
    background:#00A6E2;
    color:#FFFFFF;
}

a.download-item:hover .fal {
    top:2px;
}

ul.sector-list {
    list-style-type:none;
    margin:0;
    padding:0;
}

a.qualification-item svg {
    display:block;
    width:20px;
    height:20px;
    margin-right:1rem;  
    fill:#00A6E2;
    flex-shrink:0;
}

a.qualification-item:hover svg {
    fill:#FFFFFF;
}

.qualification-content a {
    display:block;
    line-height:1.5rem;
}

.qualification-content.qc-inline-links a {
    display: inline;
}

/*
    FORM ELEMENTS
*/

input, textarea, select {
    font-size: 1.2rem;
    padding: 0.5rem 1rem;
    margin: 0.5rem 0;
    border: 0;
    width: 90%;
    transition: 0.7s;
    border:1px solid #C4C4C4;
    outline: none;
    font-family: proxima-nova, sans-serif;
}

#contactForm textarea {
    height: 150px;
}

input:focus, textarea:focus, select:focus {
    border:1px solid #16AD97;
}

.learner-zone input:focus, 
.learner-zone textarea:focus, 
.learner-zone select:focus {
    border:1px solid #BF1A49;
}

button {
    outline:none;
    background:#16AD97;
    color:#FFFFFF;
    border:none;
    transition:0.7s;
    cursor:pointer;
    padding:0 0.5rem;
    font-family: proxima-nova, sans-serif;
}

button:hover {
    background:#364651;
}

.news-page .pager button {
    border-radius: 25px;
    margin: 0 8px;
    padding:8px 12px;
    font-family: proxima-nova, sans-serif;
    font-size: 1rem;
}

.news-page .pager input[type=text] {
    padding: 8px 12px;
    height: unset;
    border-radius: 25px;
    margin: 0 6px;
    font-size: 1rem;
}

.news-page .pager {
    border-top: 1px solid #c8d0d8;
    padding-top: 24px;
}

.awards-years {
    padding: 0 0 96px 0;
}

.award-years img {
    display:block;
    width:100%;
}

.award-year {
    background: #EDEDED;
    border-radius: 15px;
    padding: 2rem;
    text-align:center;
}

.award-year a {
    color: rgb(0, 166, 226);
    text-decoration: underline;
    text-align:center;
    font-style:italic;
}

.award-year a:hover {
    color: #16AD97;
}

.award-year h2 {
    color: #16AD97;
    padding: 16px 16px 36px 16px;
    font-size: 2rem;
    text-align: center;
    font-weight:500;
}

/*

    SLIDESHOW

*/

.slider_description {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 10px 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000;
    border: 2px solid transparent;
    border-radius: 50px;
    cursor: pointer;
    z-index: 100;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.slider_description:hover {
	color: #FFF;
	border-color: #FFF;
}

#slideshow {
	position: relative;
	width: 100%;
	height: 100%;
    min-height: 300px;
}
#slideshow .frame {
	width: 100%;
	height: 100%;
    min-height: 300px;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}
#slideshow .frame .slide_element {
	height: 100%;
    min-height: 300px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#slideshow .frame .slide_element > div {
	float: left;
	height: 100%;
    min-height: 300px;
}
#slideshow .frame .mSCover img {
	max-width: none;
}

.mSCover:hover {
    cursor: -webkit-grab;
    cursor: grab;
}

.mSCaption {
	text-align:center;
}

.mSCaption h2 {
	font-weight:300;
	font-size:26px;
}

.mSCaption a {
    color: #FFFFFF;
    line-height: 24px;
    padding: 10px 20px 12px 20px;
    background: #bf0e3e;
    display: inline-block;
    border-radius: 0;
    font-size: 17px;
    font-weight: 400;
    text-decoration: none;
    transition: all ease 0.7s;
    bottom: 0;
    position: absolute;
    text-align: center;
    right: 0;
    box-sizing: border-box;
	font-family: 'Andalus', serif;
	letter-spacing:1px;
}

.mSCaption a .material-icons {
	position:relative;
	top:6px;
	margin-left:5px;
}

.mSCaption a:hover {
	background:#009849;
	transition:all ease 0.7s;
	cursor:pointer;
}

.mSCaption.infoBlockFull {
    text-align: left;
    padding: 80px;
    box-sizing: border-box;
    display:-webkit-flex;
    display:-webkit-box;
    display:-moz-flex;
    display:-moz-box;
    display: flex;
    align-items: center;
    height: 100%;
}

.mSCaption.infoBlockFull h2 {
    font-weight: 500;
    letter-spacing: 3px;
    font-size: 48px;
    line-height: 60px;
    top: 10%;
    position: relative;
    transition: all ease-in-out 0.7s;
    text-shadow: 0 0 20px rgba(0,0,0,0.5);
    width: 65%;
    display: block;
    padding: 40px 60px;
}

.mSCaption.infoBlockFull h2:empty {
    background:none;
}

.debug {
    display:none;
}

.mSCaption.infoBlockLeft h2 {
	margin:0;
	font-weight:600;
	margin: 0 0 10px 0;
}


.mSCaption.infoBlockLeft span p {
	margin-top:0;
	width: 80%;
}

.mSCaption.infoBlockLeft a {
	text-align:center;
}

.mSCaption.infoBlockLeft i.fa {
	text-align:center;
}

.page_down {
	position:absolute;
	bottom:0;
	left:50%;
	-ms-transform: translate(0,-50%); /* IE 9 */
   	-webkit-transform: translate(0,-50%); /* Safari */
    transform: translate(0,-50%);
	display:block;
	font-size:3em;
	transition:all ease 0.7s;
	color:#FFFFFF;
}

.page_down:hover {
	-ms-transform: translate(0,-10px); /* IE 9 */
   	-webkit-transform: translate(0,-10px); /* Safari */
    transform: translate(0,-10px);
	transition:all ease 0.7s;
	cursor:pointer;
}


.before-footer {
    padding-bottom:60px;
}

.pg-masonry .grid {
    display:flex;
    gap:32px;
    flex-wrap:wrap;
    padding: 0 0 64px 0;
}

.winners-grid {
    display:flex;
    gap:48px 24px;
    justify-content:center;
    flex-wrap:wrap;
    padding: 32px 0;
}

.winner-item {
    padding:16px;
    display:flex;
    width:calc(33.333% - 16px);
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(233, 233, 233, 1) 100%);
    transition: .5s;
    gap:16px;
    border-bottom: 1px solid #16ad97;
}

.winner-item svg {
    display:block;
    width:32px;
}

.winner-item h3 {
    font-weight:600;
    font-size: 1.6rem;
}

.winner-item .shortlist {
    font-weight:600;
}


.winner-item .shortlist h4 {
    margin:16px 0 0 0;
    color:#364651;
    font-weight:400;
    font-size: 1rem;
    font-style: italic;
}

.winner-item .winner {
    font-weight:600;
    font-size:1.2rem;
}

.winner-item svg .cls-1-aw {
    fill: #16ad97;
}

.pg-masonry .grid-row {
    width:100%;
    display:flex;
    gap:32px;
    flex-wrap:wrap;
}

.pg-masonry .grid-row a {
    width:calc(33.333% - 22px);
    display: block;
    margin:0;
    text-decoration:none;
}

.pg-masonry .grid-row a img {
    width:100%;
    display: block;
    margin:0;
}

    .pg-masonry img {
        display: block;
        background: #ddd;
        object-fit: cover;
        width:100%;
        height:100%;
    }

    .pg-masonry .grid-row > a {
        width:unset;
        display:unset;
        margin: 0;
        position: relative;
        background:#ec2001;
        overflow:hidden;
    }
    
    @media( min-width: 45em ) {
        .pg-masonry .grid-row {
            display: flex;
            flex-wrap: wrap;
        }
    
        .pg-masonry .grid-row > a {
            flex: 47.5%;
            margin: .5%;
        }
    }

    @media( min-width: 65em ) {
        .pg-masonry .grid-row > a {
            flex: 24.25% 0;
            margin: .25%;
        }
  
        @supports( display: grid ) {
            .pg-masonry .grid-row {
                display: grid;
                grid-gap: 32px;
                grid-template-columns: repeat( 3, minmax( 200px, 1fr ) );
            }
    
            .pg-masonry .grid-row > a {
                margin: 0;
            }
    
            .pg-masonry .grid-row:nth-of-type(odd) > a:nth-of-type(3n + 1) {
                grid-row-end: span 2;
                grid-column-end: span 2;
            }

            .pg-masonry .grid-row:nth-of-type(even) > a:nth-of-type(3n + 2) {
                grid-row-end: span 2;
                grid-column-end: span 2;
            }
        }
    }


/*

    NEWS PAGE

*/

.news-page .page-content .flex-container > div:first-of-type {
    width:100%;
}

.news-header {
    display:flex;
    justify-content:space-between;
    margin-bottom:1rem;
    width:100%;
}

.news-article img {
    display:block;
    max-width:75%;
    margin:4rem auto;
}

.search-button img {
    display:block;
    width:27px;
}

.search-inputs,
.news-search form {
    display:flex;
}

.search-inputs {
    width: 400px;
    margin: 0 auto;
}

.search-inputs > * {
    margin:0;
}

.news-search form > span {
    display:flex;
    align-items:center;
    margin-right:1rem;
}

.news-search form input {
    margin:0;
    width:auto;
}

.news-search form input:focus {
    border-color:#F7A600;
}

.news-search form button {
    background:#F7A600;
}

.news-search form button:hover {
    background:#364651;
}
.news-search span {
    font-size:1.2rem;
}

.hentry {
    margin:0 0 1.5rem 0;
    border-top: 1px solid #C8D0D8;
    padding-top: 1.5rem;
}


.news-list > div:nth-of-type(1) {
    border-top:0;
}

::placeholder { /* Firefox, Chrome, Opera */ 
    color:#C8D0D8;
    font-weight:200;
    font-style:italic;
} 
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
    color: #C8D0D8; 
} 
  
::-ms-input-placeholder { /* Microsoft Edge */ 
    color: #C8D0D8; 
}

.search-terms {
    padding:0 0 1rem 0;
    font-style:italic;
}

.news-page .page-content h2,
.news-page .page-content h4,    
.hentry h4 {
    margin-bottom:0;
    font-weight: 400;
}

.hentry .entry-content {
    margin:16px 0; 
    font-weight:600;
}

.hentry a.link-button {
    background: #F7A600;
    color: #ffffff;
    font-size: 0.9rem;
    text-align: center;
    font-weight: 500;
    width: 160px;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

.hentry a.link-button:hover {
    background:#364651;
}


.flex-container.fc-ann {
    display:flex;
    flex-wrap:wrap;
    gap:32px;
    margin:32px 0;
}

 .ann-feature {
    width: calc(50% - 16px);
    padding: 16px 32px;
    background: rgba(42,61,80, 0.07);
    border-bottom: 6px solid #16ad97;
}

.ann-feature h3,
.fc-ann-inc h3 {
    margin: 16px 0 0 0;
    line-height: 24px;
    font-size: 24px;
    color: #16ad97;
    font-weight: 600;
}

 .fc-ann-inc {
    width: 100%;
    background: rgba(42,61,80, 0.07);
    border-bottom: 6px solid #16ad97;
    align-items:center;
 }

  .fc-ann-inc img {
      display:block;
      width:90%;
      margin:auto;
  }

.fc-ann-inc .col-1-2 {
    padding:32px;
}

/*
    CENTRE SIGN UP
*/
#contactFormContainer label,
.centre-signup label {
    display:block;
}

#contactFormContainer input[type=submit] {   
    display: inline-block;
    color: #FFFFFF;
    background: #364651;
    padding: 1rem;
    border-radius: 30px;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    text-decoration: none;
    width: 200px;
    transition: 0.7s;
    border:none;
}

#contactFormContainer input[type=submit]:hover {
    color: #FFFFFF;
    background: #16AD97;
    cursor: pointer;
}

/*
    QUALIFICATION DETAILS
*/

table.qualification-details {
    border-collapse:collapse;
    margin-top: 2rem;
}
table.qualification-details th,
table.qualification-details td {
    padding:0.5rem;
    border-bottom:1px solid #C8D0D8;
    text-align:left;
}
table.qualification-details th {
    background:#364651;
    border-bottom:1px solid #364651;
    color:#FFFFFF;
}
table.qualification-details th,
table.qualification-details td:first-of-type {
    font-weight:700;
}
table.qualification-details td {
    vertical-align: top;
}

table.qualification-details th .normal,
table.qualification-details td:first-of-type .normal{
    font-weight:400;
}

table.qualification-details th:nth-of-type(1),
table.qualification-details th:nth-of-type(1) {
    width:25%;
}

table.qualification-details th:nth-of-type(2),
table.qualification-details th:nth-of-type(2) {
    width:75%;
}

table.qualification-details td:first-of-type h3 {
    font-weight:700;
    font-size:16px;
    margin:0;
    color:#2A3D50;
}

.fg-section {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(233,233,233,1) 100%);
    transition:.5s;
}

/* rte mce overrides */

.mce-content-body a.link-button[data-mce-selected=inline-boundary],
.umb-rte a.link-button[data-mce-selected=inline-boundary],
.umb-rte a.link-button {
    background:#16AD97!important;
    color:#FFFFFF!important;
    border:none;
    outline:none;
}


/* 
    FOOTER

*/

footer {
    background:#364651;
    color:#FFFFFF;
    text-align:center;
}

.footer-logo {
    position:relative;
    top:-44px;
    width:110px;
    margin: 0 auto -44px auto;
}

.footer-logo svg {
    display:block;
    width:100%;
}

.footer-nav {
    padding:3rem 1rem 1rem 1rem;
    font-size:1rem;
    font-weight:600;
}

.footer-nav a {
    color:#FFFFFF;
    padding:0 1rem;
}

.footer-nav a:hover {
    text-decoration:none;
    color:#16AD97;
}

.footer-about {
    font-size:1rem;
    padding:2rem;
}

.footer-base {
    background:#FFFFFF;
    padding:2rem;
    color:#7D8386;
    font-size:0.9rem;
}

.footer-base a {
    color:#7D8386;
    padding-left:1rem;
}

.footer-base a:hover {
    color:#16AD97;
}

.footer-base .col-1-2:nth-of-type(1) {
    text-align:left;
}

.footer-base .col-1-2:nth-of-type(2) {
    text-align:right;
}

.lds-ellipsis {
    display:none;
    position: relative;
    width: 64px;
    height: 64px;
    margin: 0 auto;
}

.timeline {
    position:relative;
}

.timeline h1 {
    text-align: center;
    color: #16AD97;
    font-weight: 200;
    letter-spacing: 36px;
    font-size: 86px;
    background: rgb(214,214,214);
    background: linear-gradient(180deg, rgba(214,214,214,1) 0%, rgba(230,230,230,1) 3%, rgba(241,241,241,1) 6%, rgba(241,241,241,1) 50%, rgba(241,241,241,1) 94%, rgba(230,230,230,1) 97%, rgba(214,214,214,1) 100%);
    border-bottom: 8px solid #364651;
    margin: 0;
    padding: 64px 0;
}

.timeline svg {
    display:block;
    width:90%;
    margin:0 auto;
    padding-bottom:156px;
    position:relative;
    z-index:2;
}

.timeline::after {
    position: absolute;
    top: 33.02%;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 41%;
    background: rgb(214,214,214);
    background: linear-gradient(180deg, rgba(214,214,214,1) 0%, rgba(230,230,230,1) 3%, rgba(241,241,241,1) 6%, rgba(241,241,241,1) 50%, rgba(241,241,241,1) 94%, rgba(230,230,230,1) 97%, rgba(214,214,214,1) 100%);
    z-index: 1;
}

.timeline-link a {
    display:block;
    margin:36px;
    border:4px solid #364651;
}

.timeline-link a:hover {
    transition:.5s;
    border:4px solid #16AD97;
}

.timeline-link a img {
    display:block;
    width:100%;
}

.home-page .search-row {
    margin-bottom: 2rem;
}

.home-page .search {
    padding:1rem 1rem 3rem 1rem;
}

.centre-search-results.waiting .lds-ellipsis {
    display: inline-block;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #16AD97;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}


/* ================================================================================================================================================================ */
.efs {
    padding: 0 !important;
    margin: 0 !important;
}

.ef {
    display: none;
    padding: 0.5em;
    background: #BF1A49;
    color: #ffffff;
    border-radius: 2px;
    margin: 0.25em 0;
}

.efs.system-errors .ef:before {
    font-family: Material Icons;
    content: 'warning';
    padding-right: 10px;
    font-size: 24px;
    color: #ffff00;
}

.efs.system-errors .ef {
    padding: 10px;
    width: 100%;
    box-shadow: 0 0 3px 3px rgba(255, 255, 0, 1);
}

.wf {
    display: none;
    padding: 0.5em;
    background: rgb(249, 197, 0);
    color: #000000;
    border-radius: 2px;
    margin-bottom: 0.25em;
}

.if {
    display: none;
    padding: 5px !important;
    background: #4f1eff;
    color: #ffffff;
    border-radius: 2px;
    margin-bottom: 5px;
}

.if:before {
    font-family: FontAwesome;
    content: '\f05a';
    padding-right: 10px;
}

.ef.static,
.wf.static,
.if.static {
    display: inherit;
}

.page-not-found {
    background:url(/media/plnlxvfa/lcl-hero-renewables-offshore-wind.jpg);
    background-size:cover;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.pnf-content {
    padding: 32px;
    width: 50%;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    line-height: 32px;
}

.pnf-content h1 {
    font-size:3.75rem;
}

/* 2025 NEW */

.fg {
    display:grid;
}

.fg-3-1 {
    grid-template-columns:3fr 1fr;
    gap:64px;
}

.fg-2 {
    grid-template-columns:1fr 1fr;
    gap:64px;
}

.awards-page .fg-3 {
    grid-template-columns:1fr 1fr 1fr;
    gap:64px;
}

.link-box {
    background: #EDEDED;
    border-radius: 15px;
    padding: 2rem;
    margin-top:3rem;
}

.link-box h4 {
    color: #364651;
    margin: 0 0 1rem 0;
}

.awards-year-page,
.award-cat,
.awards-page {
    padding-bottom:64px;
}

.awards-page .link-button,
.link-box .link-button {
    text-decoration:none;
    padding:12px;
    border-radius:8px;
    text-align:center;
    color:#FFFFFF;
    background:#364651;
    margin: 0;
    width: fit-content;
}

.winner-item2,
.award-cat {
    background: #EDEDED;
    border-radius: 15px;
    padding: 2rem;
}

.winner-item2 a {
    display:inline-block;
}

.winners {
    padding-top:32px;
}

.winner-item2 {
    padding:2rem 0;
    max-width: 640px;
    margin: 0 auto;
}

.winner-item2 > * {
    padding:0 2rem;
}

.winner-item2 > .photo {
    padding:0;
}

.award-cat a {
    font-style:italic;
}

.winner-item2 h2,
.award-cat h2 {
    display:flex;
    gap:16px;
    font-weight:500;
    margin: 0;
}

.winner-item2 h3 {
    font-weight:500;
    margin-left:52px;
    color:#364651;
}

.winner-item2 svg,
.award-cat svg {
    fill:#16AD97;
    display:block;
    width:36px;
    height:36px;
}

.award-cat a {
    color:rgb(0, 166, 226);
    text-decoration:underline;
}

.award-cat a:hover {
    color:#16AD97;
}

/* MEDIA QUERIES */

@media all and (max-width: 1224px) {
	.inner {
        padding:0 2rem;
	}

    .page-not-found .inner {
        padding:0;
    }

    .page-not-found .flex-container .col-1-2:nth-of-type(1) {
        padding:2rem;
    }

    .timeline::after {
        top: 33.1%;
        height: 40.85%;
    }

    .timeline h1 {
        letter-spacing: 24px;
        font-size: 44px;
    }
}

@media all and (max-width: 1024px) {
	header .social,
    header nav {
        display:none;
	}

    #navBars {
        display:block;
    }

    .search-inputs {
        width:300px;
    }

    .search-text {
        font-size: 1.2rem;
    }

}

@media all and (max-width: 960px) {


    .fg-3-1,.fg-2,.awards-page .fg-3 {
        grid-template-columns:1fr;
        gap:32px;
    }
    
    .centre-details .col-1-3 {
        padding: 1rem 2rem 1rem 1rem;
    }

    .fg-3 {
        grid-gap: 4% 1%;
        grid-template-columns: 98%;
    }

    .search-row {
        margin-top:2rem;
    }

    .row.offset-links {
        margin-bottom: 6rem;
    }

    .grey-row.offset-links {
        background:#FFFFFF;
    }

    .flex-container,
    .news-header {
        flex-wrap:wrap;
    }

    .news-page .page-content .news-header h2 {
        margin-bottom:1rem;
    }

    .news-search form {
        flex-wrap:wrap;
    }
    .news-search form span {
        display:block;
        margin-bottom:0.5rem;
    }


}

@media all and (max-width: 768px) {

    .winner-item {
        width:100%;
    }

    .timeline h1 {
        letter-spacing: 14px;
        font-size: 36px;
    }

    .timeline::after {
        top: 33.1%;
        height: 40.85%;
    }

    .timeline svg {
        width:100%;
    }

    .centre-details .col-1-3 {
        padding: 1rem;
    }

	.flex-container,
    .centre-search .cs-postcode, .centre-search .cs-sector, .centre-search .cs-qual {
        flex-wrap:wrap;
    }

    .cs-item, .news-item,
     .ann-feature,
    .col-1-2,
    .col-1-4,
    .col-3-4,
    .centre-search > div:nth-of-type(1),
    .centre-search > div:nth-of-type(2),
    .centre-search label,
    .centre-search input, .centre-search select {
        width:100%;
    }

    .centre-search > div {
        padding:0 1rem;
    }

    .cs-notes ul {
        margin:1rem;
        padding:0;
    }

    ul.section-nav li {
        margin:0;
        border-bottom: 1px solid #e7eaed;
    }

    ul.section-nav {
        padding-right: 0;
        padding-top: 2rem;
    }

    .page-content ul.section-nav li a {
        padding:0.5rem 0;
    }

    #popupNav ul {
        padding: 2rem 1rem 115px 1rem;
    }

    #navBars {
        right: 1rem;
        top: 18px;
    }

    #popupNav {
        top: 100px;
    }

    .hero-tick,
    .news-page .hero-tick, .qualifications-page .hero-tick, .centre-zone .hero-tick, .learner-zone .hero-tick {
        width: 60%;
        height:50%;
        bottom: -35px;
	}

    .hero-text {
        right:unset;
        font-size: 3rem;
        left:1rem;
    }

    .footer-base.flex-container,
    .section-page .flex-container {
        flex-direction: column-reverse;
    }

    .footer-top,
    .col-1-2.tel, 
    .col-1-2.email,
    .footer-base .col-1-2:nth-of-type(1),
    .footer-base .col-1-2:nth-of-type(2) {
        text-align:center;
        padding:0;
    }

    .footer-base .col-1-2:nth-of-type(1) {
        padding-top:1rem;
    }

    .footer-nav,
    .centre-search {
        display: flex;
        flex-wrap: wrap;
        padding: 2rem 1rem 1rem 1rem;
    }

    .footer-nav a {
        width:100%;
        padding: 0.25rem 0;
    }
}

@media all and (max-width: 680px) {
        .timeline::after {
        top: 34.2%;
        height: 38.8%;
    }

        .quote-text.noPhoto,
        .noPhoto {
            margin-left:0;
        }

        .quote-text {
            margin: 36px 0;
        }

        .row.offset-links {
            margin-bottom: 9rem;
        }

        .testimonial-container {
            padding:32px;
            flex-wrap: wrap;
            justify-content: center;
        }

        .quote-text p {
            font-size: 1.1rem;
            line-height: 1.5rem;
        }

        .more-on-hover {
            opacity: 1;
            color: #00a6e2;
            bottom: -33px;
            right: 0px;
        }

        .testimonial-container .more-on-hover,
        .testimonial-container:hover .more-on-hover {
            opacity: 1;
        }

        .more-on-hover svg #Group_677 {
            fill: #00a6e2;
        }
}

@media all and (max-width: 320px) {
	
}