/*@font-face{font-family:Prompt;font-style:normal;font-weight:300;font-display:swap;src:local('Prompt Light'),local('Prompt-Light'),url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2Cy_gIZ2MuQ5Q.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-weight:300;font-display:swap;src:local('Prompt Light'),local('Prompt-Light'),url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2Cy_gIaWMu.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:swap;src:local('Prompt'),local('Prompt-Regular'),url(https://fonts.gstatic.com/s/prompt/v4/-W__XJnvUD7dzB2KbtodVkI.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-weight:400;font-display:swap;src:local('Prompt'),local('Prompt-Regular'),url(https://fonts.gstatic.com/s/prompt/v4/-W__XJnvUD7dzB2KYNod.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-weight:700;font-display:swap;src:local('Prompt Bold'),local('Prompt-Bold'),url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2C2_8IZ2MuQ5Q.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-weight:700;font-display:swap;src:local('Prompt Bold'),local('Prompt-Bold'),url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2C2_8IaWMu.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-weight:900;font-display:swap;src:local('Prompt Black'),local('Prompt-Black'),url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2C4_0IZ2MuQ5Q.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Prompt;font-style:normal;font-weight:900;font-display:swap;src:local('Prompt Black'),local('Prompt-Black'),url(https://fonts.gstatic.com/s/prompt/v4/-W_8XJnvUD7dzB2C4_0IaWMu.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*/


@charset "utf-8";
/* CSS Document */ :root {
  --main-brand-color:#034a93;
  --main-brand-color-hover:#076fd9;
  --main-brand-color-cornwall-college:#034a93;	
  --main-brand-color-cornwall-college-hover:#076fd9;	
  --bicton:#602a4c;
  --main-brand-color-bicton-college:#602a4c;	
  --main-brand-color-bicton-college-hover:#a51770;	
  --duchy:#ad6300;
  --main-brand-color-duchy-college:#ad6300;
  --main-brand-color-duchy-college-hover:#d37a03;	
  --main-brand-color-ccb-training:#D40036;
  --main-brand-color-ccb-training-hover:#000;	
  --falmouth: #00a0b3;
  --main-brand-color-falmouth-marine-school:#00a0b3;	
  --main-brand-color-falmouth-marine-school-hover:#00bad0;
  --main-brand-colorb: #d40036;
  --theme-color1: #52b0b2;
  --theme-color2: #fbd865;
  --theme-color3: #f8d0c3;
  --theme-color4: #726762;
  --theme-1618: #52b0b2;
  --theme-university: #555;
  --theme-adult: #426da0;
  --theme-apprenticeship: #dc328e;
  --theme-business: #ca0630;
  --theme-leisure: #a54399;	
  --uc-color: #000;
  --uc-color-hover: #eba904;
  --university: #000;	
  --gold:#eba904;
  --dark-grey: #333;
  --mid-grey: #666;
  --light-grey: #999;
}

@font-face {
  font-family: Apex;
  src: url('../webfonts/apexnew-book-opentype.woff');
  font-display: swap;
}

@font-face {
  font-family: Apex;
  src: url('../webfonts/apexnew-book-opentype.woff');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: Apex;
  src: url('../webfonts/apexnew-medium-opentype.woff');
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: Apex;
  src: url('../webfonts/apexnew-bold-opentype.woff');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: Typewriter;
  src: url('../webfonts/american-typewriter.woff');
  font-display: swap;
}


/*  Start of Patrics Stuff */


html, body, a {
  color: #333;
  font-family: 'Apex', sans-serif;
  text-decoration: none;
  font-size: 17px;
  line-height: 1.6;
}
body a {
  color: #333;
  text-decoration: none;
}



.btn {
  border-radius: 0.15rem;
}
.btn:hover {
  box-shadow: 0px 2px 4px 1px rgb(0 0 0 / 20%);
}
.rounded {
    border-radius: 0.15rem!important;
}
.form-select > option:nth-child(odd) {
  background: #f5f5f5;
}
.form-select > option:nth-child(even) {
  background: #ffffff;
}
body a:hover, .dropdown-item:focus, .dropdown-item:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: var(--main-brand-color-hover);
}
body p a:not(.cta2):not(p.degreelist a):not(.anchorlink):not(.btn):not(p#breadcrumbs a):not(a.small):not(.content a):not(.card__button):not(.hero__icon a):not(.hero__button a) {
	background: 
		linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
		linear-gradient(to right, var(--main-brand-color-hover), var(--main-brand-color));
	background-size: 100% 0.1em, 0 0.1em;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
	transition: background-size 400ms;
	padding:0.2rem;
}
body p a:not(.cta2):not(p.degreelist a):not(.anchorlink):not(.btn):not(p#breadcrumbs a):not(a.small):not(.content a):not(.card__button):hover, body p a:not(.cta2):not(p.degreelist a):not(.anchorlink):not(.btn):not(p#breadcrumbs a):not(a.small):not(.content a):not(.card__button):focus {
	background-size: 0 0.1em, 100% 0.1em;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff!important;
	background-color: var(--main-brand-color);}
html {
  scroll-behavior: smooth;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
  font-family: 'Apex';
  color: var(--main-brand-color)
}
h1, h1 a {
  font-size: 2.4rem;
  font-family: 'Apex';
}
h2, h2 a {
  font-size: 1.2rem;
}
.text-primary {
  color: var(--main-brand-color) !important;
}
.btn-primary {
  background: var(--main-brand-color);
  border-color: var(--main-brand-color);
	color:#fff;
}
.btn-primary a, .btn-primary a:hover {color:#fff;}
.btn-paybutn {    background: #a24593;
    border-color: #a24593;
	color:#fff;}
.btn-paybutn i {padding-right:10px;}
.btn-paybutn:hover, .btn-paybutn:active, .btn-paybutn:focus {    background: #b858a8;
    border-color: #b858a8;
	color:#fff;}
.border-primary {
  border-color: var(--main-brand-color) !important;
}
.border-light {
  border-color: #e3e3e3 !important;
}

.access-stats, .access-stats .bg-LightGrey {background:#dd6d11;}
.access-stats span.stat-subtitle {text-transform:initial;font-size:1.4rem;}
.btn-cci {background:#008777;border-color: #008777;color:#fff;}
.btn-cci:hover {background:#006c5f;color:#fff;}
/*
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding: 0px;
}
*/
section {
  padding: 70px 0px;
  background-size: cover;
  position: relative;
}
section.theme-color3 {
  background-color: var(--theme-color3);
}
section.adult {
  background-color: var(--theme-adult);
}
section.leisure {
  background: var(--theme-leisure);
}
section.school-leavers-top, section.school-leavers-middle {background-image:url('http://dev.cornwall.ac.uk/wp-content/uploads/2022/07/1618-green1.jpg');}

section.fixed-block {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding: 0px;
    background-color: #fff;
    background-blend-mode: luminosity;
}
section.fixed-block h2, section.fixed-block h3 {color:#fff;}
.fixed-block .fixed-content {
    width: 100%;
    height: 100%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 0px;
}

/* Hoempage sliders  */

@keyframes colorize {
0% {
}
100% {
filter: grayscale(0%) brightness(100%)
}
}
@keyframes animateInTopCta {
0% {
}
20% {
}
40% {
}
60% {
transform: translateX(0);
}
70% {
opacity: 1;
}
80% {
}
100% {
opacity: 1;
transform: translateX(0);
}
}
body .main-message {
    z-index: 85;
    padding: 2em;
    position: relative;
    text-align: left;
    font-size: 1.2rem;
    color: #fff;
    background-color: #fff;
}
body .main-message {
    box-sizing: border-box;
    height:70vh;
    padding-left: 10vw;
}
body .site-title {
margin:1rem 0;
    letter-spacing: 0.02rem;
    font-size: 2rem;
    display: inline-block;
    padding: 0.4em;
    position: absolute!important;
    color: #fff;
    font-weight: 700;
    width:32rem;
}
body .main-message .btn-stream {display:inline-block;position:absolute!important;background:#eaa903;border-color:#eaa903;top: 11rem;margin-left: 1rem;
    animation-delay: 1.9s;}
.main-message .site-title {animation: fadeIn 0.8s;}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
body .main-message * {
    /* position: relative; */
    box-sizing: border-box;
    z-index: 50;
    color: #fff;
}


body .main-message-img {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    background-attachment: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    opacity: 0;
    box-shadow: 0 300px 200px -60px rgb(0 0 0 / 30%) inset;
    filter: grayscale(100%) brightness(83%);
    transition: 1.5s opacity;
}
body .main-message-img {
    opacity: 1;
    box-shadow: 0 300px 200px -60px rgb(0 0 0 / 30%) inset;
}
body .main-message-img.js-colorize, body .uni-homesection.js-colorize {
    animation: colorize 6s forwards;
}
body .main-message-img {
background:url('https://www.cornwall.ac.uk/wp-content/uploads/2021/08/T1_4608@0.5x-1-scaled.jpg');
}
body .main-message-img {
    background-size: cover;
	-moz-background-size: cover;
  -webkit-background-size: cover;
    background-position: bottom center;
}

.chevronbg {background-image:url('https://www.cornwall.ac.uk/wp-content/uploads/2023/05/chevron-bg2.png');background-repeat:no-repeat;background-size:cover;}
a .portal-card {
    transition: all 0.6s;
font-size:3rem;
}
.portal-card {
    background: #0a58ca;
    padding: 30px 20px;
}
.portal-card h4 {font-size:1.6rem;}
.portal-card2 {
    
background: #9e0059;
}
.portal-card:hover {
    background: var(--main-brand-color);
}
.portal-card i {
    font-size: 3rem;
    margin-bottom: 10px;
}
.portal-card h5 {
    font-weight: 400;
    color: rgba(255,255,255,0.8);
    font-size: 0.9rem;
    margin-bottom: 0;
    text-align: center;
}
body .main-message {color:inherit;}



body .main-message {
    height: 70vh;
padding:0;
}

.bigsquare {
  position: relative;
}



.overlay-container {
position: absolute;
z-index: 99;
  bottom: 0;
  right: 0px;
	-webkit-animation: scale-in-br 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
	        animation: scale-in-br 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
}
.chevron1 {height:100%;width:100%;background-image:url('https://www.cornwall.ac.uk/wp-content/uploads/2023/05/chevron-bg10.png');background-repeat:no-repeat;background-size:cover;}
.main-message-img .overlay-container {right:0px;}
@-webkit-keyframes scale-in-br {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes scale-in-br {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}



.flat-form {
  color: white;
  width: 670px;
  height: 295px;
box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.flat-form .tabs {
  display: block;
  background: transparent;
  width: 100%;
  height: 40px;
  margin: 0;
  margin-bottom: 8px;
  padding: 0;
  position: relative;
  list-style-type: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.flat-form .tabs li {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
width:33.12%;
text-align:center;
margin-right:2px;
}
.flat-form .tabs li:last-child {margin-right:0;}
.flat-form .tabs li a {
  display: block;
   background: rgba(3,74,147,0.93);
  color: white;
  text-decoration: none;
  font-size: 15px;
  padding: 12px 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
#duchy-college .flat-form .tabs li a {background: rgb(173 99 0 / 93%);}
#bicton-college .flat-form .tabs li a {background: rgb(96 42 76 / 93%);}
#falmouth-marine-school .flat-form .tabs li a {background: rgb(0 160 179 / 93%);}
.flat-form .tabs li:nth-child(2) a {background: rgba(9,76,228,0.93)!important;}
.flat-form .tabs li:last-child a {
 background: rgba(225,9,228,0.93)!important;}
.flat-form .tabs li a.active {

  border-right: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.flat-form .tabs li:last-child a {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  border-right: none;
}
.flat-form .form-action {
  padding: 20px 20px 5px;
  position: relative;
  background: rgba(3,74,147,0.93);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
height: 250px;
}
.flat-form .btn-register {float:right;}
.flat-form #SiteSearchTab.form-action {background:rgba(9,76,228,0.93)!important;}
.flat-form #AccountTab.form-action {background:rgba(225,9,228,0.93)!important;}
.flat-form h1 {
  font-size: 24px;
  padding-bottom: 10px;
}
.flat-form p {
  font-size: 24px;
font-weight:200;
  margin-bottom: 15px;
}
.flat-form form .quicklinks a {font-size:0.88rem;color:rgba(255,255,255,0.8);font-style:italic;margin-right:0.8rem;transition: all 0.8s ease; display: inline-block;}
.flat-form form .quicklinks a:hover {color:#fff;text-decoration:underline;} 


.flat-form .btn-primary {border-radius: 2px;
    color: #fff;
    margin-top: 10px;
    letter-spacing: 0.1rem;
    font-size: 0.8rem;
    padding: 12px 12px 10px 12px;
    border: 2px solid #fff;
    text-transform: uppercase;
transition:all 0.3s;
background:none;
}
.flat-form .btn-primary:hover {background:rgba(0,0,0,0.2);}
.flat-form .btn-register {border-color:rgba(255,255,255,0.6);letter-spacing:0.03rem;color:rgba(255,255,255,0.6);}
.flat-form .btn-register:hover {border-color:rgba(255,255,255,1);color:rgba(255,255,255,1);}
.flat-form form input[type=text], .flat-form form input[type=password] {
  width: 100%;
  height: 46px;
  margin-bottom: 10px;
  padding-left: 15px;
  background: #fff;
  border: none;
border-radius:2px;
  color:var(--main-brand-color);
  outline: none;
font-size:1rem;
}

.flat-form form input::-webkit-input-placeholder {
  color: #999;
}
.flat-form form input:-moz-placeholder {
  color: #e74c3c;
}
.flat-form form input::-moz-placeholder {
  color: #e74c3c;
}
.flat-form form input:-ms-input-placeholder {
  color: #e74c3c;
}
.flat-form .show {
  display: block;
}
.flat-form .hide {
  display: none;
}

#duchy-college .flat-form .form-action {background: rgb(173 99 0 / 93%);}
#bicton-college .flat-form .form-action {background: rgb(96 42 76 / 93%);}
#falmouth-marine-school .flat-form .form-action {    background: rgb(0 160 179 / 93%);}
.greyimage img {filter: brightness(100%);transition: all 0.6s ease;border-radius:3px;}
.greyimage img[src*="jpg"]:hover {filter: brightness(115%);cursor: pointer;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}

@media (min-width: 800px) {
body .cta-section {
    width: 25%;
    padding: 1em 2em;
    box-sizing: border-box;
    height: auto;
}
@media (min-width: 800px) {
body .cta-backgrounds:after {
display: block;
content: "";
background: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 5vw;
z-index: 95;
}
}
}
body .cta-wrap {
    position: relative;
    z-index: 90;
}
body .cta-wrap {
    height: 500px;
}
body .cta-wrap * {
    position: relative;
    z-index: 50;
}
body .cta-content, body .cta-backgrounds {
    overflow: visible;
    height: 100%;
}

@media (min-width: 800px) {
body .cta-content, body .cta-backgrounds {
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
}
}
body .cta-backgrounds {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

@media (min-width: 800px) {
body .cta-backgrounds {
    height: 100%;
    background: #595959;
}
}
body .cta-section {
    height: 500px;
    box-sizing: border-box;
    padding: 3em 1.5em 0;
    transition: 1.2s transform ease-out;
}
body .cta-backgrounds .cta-section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (min-width: 800px) {
body .cta-backgrounds .cta-1 {
    transform-origin: 300% 0;
}
body .cta-backgrounds .cta-2 {
    transform-origin: 200% 0;
}
body .cta-backgrounds .cta-3 {
    transform-origin: 100% 0;
}
body .cta-backgrounds .cta-4 {
    transform-origin: 0 0;
}
body .cta-backgrounds .cta-1.skewed, body .cta-backgrounds .cta-2.skewed, body .cta-backgrounds .cta-3.skewed {
    transform: skewY(0deg);
}
body .cta-backgrounds .cta-4.skewed {
    transform: skewY(-0deg);
}
}

@media (min-width: 800px) {
body .cta-backgrounds .cta-1.skewed.moveskew, body .cta-backgrounds .cta-2.skewed.moveskew, body .cta-backgrounds .cta-3.skewed.moveskew {
    transform: skewY(3deg);
}
body .cta-backgrounds .cta-4.skewed.moveskew {
    transform: skewY(-5deg);
}
}
body .cta-backgrounds .cta-1:after {
    background-color: var(--theme-1618);
}
body .cta-backgrounds .cta-2:after {
    background-color: var(--theme-apprenticeship);
}
body .cta-backgrounds .cta-3:after {
    background-color: var(--theme-adult);
}
body .cta-backgrounds .cta-4:after {
    background-color: #555;
}
body .cta-backgrounds .cta-section:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    transition: 1.5s opacity;
}
body .cta-backgrounds .cta-section.moveskew:after {
    opacity: 0.9;
}
body .cta-section {
    height: 500px;
    box-sizing: border-box;
    padding: 3em 1.5em 0;
    transition: 1.2s transform ease-out;
}

@media (min-width: 800px) {
body .cta-section {
    width: 25%;
    padding: 1em 2em;
    box-sizing: border-box;
    height: auto;
}
}

@media (min-width: 800px) {
body .cta-section .cta-content-inner {
    opacity: 0.6;
    transform: translateY(20px);
    transition: 0.7s;
}
body .cta-section.moveskew .cta-content-inner {
    opacity: 1;
    transform: translateY(0);
}
}
body .cta-content .cta-section-icon {
    display: block;
    margin: 0 auto 1em;
    max-width: 75px;
}
body .cta-content-inner i {
    font-size: 3rem;
    margin-bottom: 2rem;
}
body .cta-content h2 {
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 600;
    margin-bottom: 0em;
    white-space: pre;
    color: #fff;
    letter-spacing: 0.04rem;
}
body .cta-content p {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    margin-top: 1em;
    margin-bottom: 2em;
    padding-top: 1em;
    font-size: 1.1em;
    font-weight: 200;
    line-height: 1.4em;
    text-align: left;
}
body .cta-content p {
    height: 6.5em;
}
body .cta-button {
    background-color: rgba(255,255,255,0.7);
    color: #881125;
    border-radius: 0.05rem;
    padding: 0.7em 1rem;
    display: inline-block;
    text-decoration: none;
    font-size: 0.8em;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    border: 1px solid #fff;
}
body .cta-button i {
    font-size: 0.9rem;
    margin: 0;
}
body a.cta-button {
    border-bottom: none;
    position: relative;
    transition: 0.2s left;
    left: 0;
}
body a.cta-button:hover {
    left: 4px;
    border-bottom: none;
    background: #fff;
}
body .cta-content .cta-1 a.cta-button {
    color: #52b0b1;
}
body .cta-content .cta-2 a.cta-button {
    color: var(--theme-apprenticeship);
}
body .cta-content .cta-3 a.cta-button {
    color: var(--theme-adult);
}
body .cta-content .cta-4 a.cta-button {
    color: #555;
}
body .cta-content .cta-section {
    text-align: center;
    color: #fff;
}
@media (max-width: 799px) {
body .cta-1 {
    transform-origin: 100% 0;
}
body .cta-1, body .cta-3 {
    transform: skewY(5deg);
}
body .cta-2 {
    transform-origin: -100% 0;
}
body .cta-2, body .cta-4 {
    transform: skewY(-5deg);
}
body .cta-3 {
    transform-origin: 300% 0;
}
body .cta-1, body .cta-3 {
    transform: skewY(5deg);
}
body .cta-4 {
    transform-origin: -300% 0;
}
body .cta-2, body .cta-4 {
    transform: skewY(-5deg);
}
body .cta-content .cta-1, body .cta-content .cta-3 {
    transform: skewY(5deg);
}
body .cta-content .cta-1 .cta-content-inner, body .cta-content .cta-3 .cta-content-inner {
    position: relative;
    z-index: 50;
    transform: skewY(-5deg);
}
body .cta-content .cta-2 .cta-content-inner, body .cta-content .cta-4 .cta-content-inner {
    position: relative;
    z-index: 50;
    transform: skewY(5deg);
}
body .cta-content .cta-1, body .cta-content .cta-3 {
    transform: skewY(5deg);
}
body .cta-content .cta-2, body .cta-content .cta-4 {
    transform: skewY(-5deg);
}
body .cta-wrap {
    height: 1918px;
}
body .main-message {
    height: 55vh;
}
}
.homeflip {
    position: relative;
    margin-top: -100px;
    z-index: 999;
    padding: 3rem 0 3.2rem!important;
}






.school-leavers-top .fixed-content {
    background-color: rgb(14 142 151 / 90%);
}
.school-leavers-middle .fixed-content {
    background:var(--theme-1618);
	color:#212529;
}
.school-leavers-middle .fixed-content h3 {color:#212529;}
.fixed-content .videowrapper iframe {
    border-radius: 5px!important;
    box-shadow: 0 3px 5px 2px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 3px 5px 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 3px 5px 2px rgba(0,0,0,.1);
}
.rightcolumn-vertical-offset {position:relative;top:-80px;}
.shadow-custom {box-shadow: rgb(0 0 0 / 12%) 0px 1px 5px;}
.shadow-custom:hover {box-shadow: rgb(0 0 0 / 20%) 0px 2px 9px;}
#totop {
  display: inline-block;
  background-color: var(--main-brand-color);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 0.15rem;
  position: fixed;
  bottom: 20px;
  right: 20px;
  visibility: hidden;
  z-index: 1000;
  transition: color .3s ease-in-out, background-color .5s ease-in-out, box-shadow .5s ease-in-out, opacity .5s, visibility .5s;
}
#totop::after {
  content: "\f102";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1.3em;
  line-height: 40px;
  color: #fff;
}
#totop:hover {
  cursor: pointer;
  background: var(--main-brand-color-hover);
  box-shadow: 0px 2px 5px 2px rgb(0 0 0 / 30%);
}
#totop:active {
  background-color: #002a55;
}
#totop.show {
  opacity: 1;
  visibility: visible;
}
header {
  padding: 2.3rem 1rem;background:#fff;
}
#bookmarkbox {padding: 15px;
    border-radius: 0.15rem;box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;z-index: 1021;}
#bookmarkbox em {font-style:normal;}
#bookmarkbox a {font-weight:bold;}
#bookmarkbox .dropdown-item::before {content:"\f352";font-family:'Font Awesome 6 Pro';padding-right:8px;} 

.mainheader, .mainfooter {
  background: var(--main-brand-color);
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.container {
  max-width: 1600px;
  padding: 0px 20px;
}
.container-fluid {max-width:100%!important;}
.headerlogo {
  height: 50px;
}
#uniheader .headerlogo {
    height: 70px;
}
.topnavbar {
  background-color: #999;
  color: #fff;
  height: 50px;
}
.topnavbar .container {
  flex-wrap: wrap !important;
  display: flex !important;
}
.topnavbar a:hover {
  transition: background 0.4s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.topnavbar .brandlogos .nav-item {
  width: 25%;
}
.topnavbar .nav-logos {
  margin-right: auto !important;
}
.topnavbar a.logo-link {
  border-style: solid;
  border-width: 0px 1px 0px 0px;
  border-color: #FFFFFF38;
  background: transparent;
  height: 50px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.topnavbar .brandlogos {
  border-left: 1px solid #FFFFFF38;
}
.topnavbar a.logo-link.cc-link:hover {
  background-color: #034A93;
}
.topnavbar a.logo-link.duchy-link:hover {
  background-color: #ad6300;
}
.topnavbar a.logo-link.bicton-link:hover {
  background-color: #602A4C;
}
.topnavbar a.logo-link.fms-link:hover {
  background-color: #00A0B3;
}
.topnavbar a.logo-link.ccb-link:hover {
  background-color: #D40036;
}
.topnavbar a.logo-link.uni-link:hover {
  background-color: #000;
}
.topnavbar .logo-link img {
  height: 24px;
}
.topnavbar .nav-link {
    color: #fff;
    padding: 12px 10px;
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #FFFFFF38;
    font-size: 0.85em;
}
.toplinks {
  border-right: 1px solid #FFFFFF38;
}

.nav-logos {
  border-left: 1px solid #FFFFFF38;
}
.list-group.mobile-options {
  display: none;
}
#main_nav {
  border-left: 1px solid #FFFFFF38;
}
.topnavbar .nav-link i {
  padding-right: 9px;
  font-size: 0.8rem;
}
.topnavbar .nav-link:hover {
  background: rgba(0, 0, 0, 0.3);
}
.headersearch {
  min-width: 550px;
}
.headersearch .form-control:focus {
  box-shadow: none;
}
.headersearch .input-group {
  padding: 8px;
  border: 2px solid #848383;
  border-radius: 0.15rem;
  box-shadow: 0px 4px 9px 0px rgb(0 0 0 / 6%);
  transition: all 0.4s ease;
}
.headersearch .input-group:hover, .navbar-btn:hover {
  border: 2px solid var(--main-brand-color);
  box-shadow: 0px 4px 9px 0px rgb(0 0 0 / 20%);
}
.headersearch .form-control:focus {
  color: var(--main-brand-color) !important;
  font-weight: 800;
}
.headersearch .btn {
  background-color: var(--main-brand-color);
  color: #fff;
  border-radius: 0 0.15rem 0.15rem 0;
}
.headersearch .dropdown-menu {
  min-width: 9rem;
  color: #333;
  border-radius: 0.15rem;
  z-index: 1021;
}
.headersearch .btn-categories {
  background-color: #f5f5f5;
  color: #333;
  border-color: #f5f5f5;
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
  margin-right: 3px;
  min-width: 9rem;
  text-align: left;
}
.headersearch .btn-outline-secondary.dropdown-toggle.show {
  background-color: #ccc;
  border-color: #ccc;
  color: #333;
}
body.offcanvas-active {
  overflow: hidden;
}
.offcanvas-header {
  display: none;
  padding: 1rem 1rem 0.5rem;
}
.navbar-btn {
  border-radius: 0.15rem;
  color: var(--main-brand-color);
  padding: 7px 20px;
  border: 2px solid #848383!important;
  box-shadow: 0px 4px 9px 0px rgb(0 0 0 / 6%);
}
.navbar-btn i {
  padding-right: 5px;
}
.stickymenuhide {
  display: none;
  transform: translate(9999px);
  opacity: 0;
}
.stickymenushow {
  display: block;
  transition: opacity 2s linear;
  transform: translate(0);
  opacity: 1;
}
.smalllogo .nav-link:hover, .smalllogo .nav-link:focus, .smalllogo .nav-link:active {
  background: rgba(0, 0, 0, 0.15) !important;
}
.mainheader .nav-link {
  color: #fff;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  line-height: 3em;
  font-size: 1rem;
	transition: 0.5s ease;
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.2rem;
    padding-left: 0.2rem;
}
}
.mainheader .nav-link img {
  height: 20px;
}
.mainheader .nav-link:hover, .mainheader .nav-link:focus, .mainheader .nav-link:focus-within, .mainheader .nav-link:active {
  color: var(--main-brand-color);
  background: #fff;
}
.mainheader .dropdown-menu[data-bs-popper] {
  margin-top: -1px;
  margin-left: -1px;
  border-radius: 0 0 4px 4px;
  border-top: none;
  box-shadow: 0px 4px 9px 0px rgb(0 0 0 / 6%);
  min-width: 15rem;
}
.mainheader .dropdown-menu-end[data-bs-popper] {
  margin-right: -1px;
}
.navbar-nav {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  width: 100%;
}

.search_box {
  clear: both;
  width: 100%;
  background: var(--main-brand-color-hover);
  padding: 0 1%;
  margin: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.search_box.active {
  height: auto;
  padding: 1%;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.search_box input {
  width: 89%;
  font-size: 1em;
  margin: 0px;
  padding: 1%;
  border: none;
  background: #fff;
 border-radius: 0.15rem;
}
.search_box input:focus {
  color: var(--main-brand-color);
  outline: none;
}
.search_box input.search_icon {
  clear: both;
  width: 10%;
  height: auto;
  padding: 1%;
  margin: 0;
  float: right;
  border: medium none;
  color: #FFF;
  cursor: pointer;
  background: var(--main-brand-color);
  opacity: 1;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  font-weight: 600;
  border-radius: 0.15rem;
}
.search_box input.search_icon:hover {
  background: #fff;
  color: var(--main-brand-color);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.social-links a {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.3);
  color: #fff;
  line-height: 1;
  padding: 10px 0;
  margin-right: 6px;
  border-radius: 0.15rem;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s
}
.social-links a:hover {
  background: #fff;
  color: var(--main-brand-color);
  text-decoration: none
}
 .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
     border-top-color: var(--main-brand-color);
}
 .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
     border-right-color: var(--main-brand-color);
}
 .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
     border-bottom-color: var(--main-brand-color);
}
 .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
     border-left-color: var(--main-brand-color);
}
 .tooltip-inner {
     color: #fff;
     background-color: var(--main-brand-color);
}

section {
    padding: 70px 0px 90px;
}

section.grey, section.career-section, .careerinfo, .coursedetails, .eventdetails {background:#F6F6F6;}
section.apprenticeships {background:var(--theme-apprenticeship);color:#fff;}

#course-section {padding:0 0 40px;}
#footer {
  background-color: var(--main-brand-color);
  background-image: linear-gradient(180deg, var(--e-global-color-primary) 0%, #003A76 100%);
  padding: 0 0 30px 0;
  color: #fff;
}
#footer .footer-top {
  background: var(--main-brand-color);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 40px 0 30px 0
}
#footer .footer-top .footer-info {
  padding-right: 60px;
}
#footer .footer-top .footer-info p, #footer .footer-top .footer-info p a {
  margin-bottom: 40px;
  color: rgba(255, 255, 255, 0.65);
}
#footer .footer-logos img {
  opacity: 0.8;
  height: 50px;
  transition: all 0.4s;
  margin: 0 15px;
}
#footer .footer-logos img:hover {
  opacity: 1;
}
#footer .footer-top h4 {
  font-size: 18px;
  color: #fff;
  position: relative;
  padding-bottom: 12px
}
#footer .footer-top .footer-links {
  margin-bottom: 30px
}
#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0
}
#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: rgba(255, 255, 255, 0.65);
  font-size: 18px;
  line-height: 1
}
#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center
}
#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0
}
#footer .footer-top .footer-links ul a {
  color: rgba(255, 255, 255, 0.65);
  transition: 0.3s;
  display: inline-block;
  line-height: 1
}
#footer .footer-top .footer-links ul a:hover {
  color: #fff
}
#footer .copyright {
  padding-top: 30px;
  color: rgba(255, 255, 255, 0.6);
}

.views {
    font-size: 0.85rem
}
.green-label {
    background-color: #defadb;
    color: #48b83e;
    border-radius: 0.15rem;
    font-size: 0.8rem;
    margin: 0 3px
}
.radio, .checkbox {
    padding: 6px 10px
}
.border {
    border-radius: 0.15rem;
}
.options {
    position: relative;
    padding-left: 25px
}
.radio label, .checkbox label {
    display: block;
    font-size: 14px;
    cursor: pointer;
    margin: 0
}
.options input {
    opacity: 0
}
.checkmark {
    position: absolute;
    top: 0px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 50%
}
.options input:checked ~ .checkmark:after {
    display: block
}
.options .checkmark:after {
    content: "";
    width: 9px;
    height: 9px;
    display: block;
    background: white;
    position: absolute;
    top: 52%;
    left: 51%;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: 300ms ease-in-out 0s
}
.options input[type="radio"]:checked ~ .checkmark {
    background: #61b15a;
    transition: 300ms ease-in-out 0s
}
.options input[type="radio"]:checked ~ .checkmark:after {
    transform: translate(-50%, -50%) scale(1)
}
.count {
    font-size: 0.8rem
}
label {
    cursor: pointer
}
.tick {
    display: block;
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    font-size: 0.8rem;
    margin: 0
}
.tick input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}
.check {
    position: absolute;
    top: 1px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 1px
}
.tick:hover input ~ .check {
    background-color: #f3f3f3
}
.tick input:checked ~ .check {
    background-color: #61b15a
}
.check:after {
    content: "";
    position: absolute;
    display: none
}
.tick input:checked ~ .check:after {
    display: block;
    transform: rotate(45deg) scale(1)
}
.tick .check:after {
    left: 4px;
    top: 1px;
    width: 6px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) scale(2)
}
#country {
    font-size: 0.8rem;
    border: none;
    border-left: 1px solid #ccc;
    padding: 0px 10px;
    outline: none;
    font-weight: 900
}
.close {
    font-size: 1.2rem
}
div.text-muted {
    font-size: 0.85rem
}
#sidebar {
    width: 25%;
    float: left;
}
#startsin4weeks, #offcanvasstartsin4weeks {
    display: none;
    padding: 12px;
    border-radius: 0.15rem;
    background:linear-gradient(90deg, rgba(223,24,142,1) 0%, rgba(0,167,210,1) 100%);
    margin-bottom: 40px;
	color:#fff;
}
.category {
    font-size: 0.9rem;
    cursor: pointer
}
.coursecount {
    color: #666;
    font-style: italic;
    float: right;
}
.sidebarsearch .check {
    background-color: #fff;
    border: 1px solid #666
}
.sidebarsearch .tick {
    font-size: 1rem;
    padding-left: 25px;
    display: inline-block;
}
.rating .check {
    background-color: #fff;
    border: 1px solid #666;
    top: 0
}
.rating .tick {
    font-size: 0.9rem;
    padding-left: 25px
}
.rating .fas.fa-star {
    color: #ffbb00;
    padding: 0px 3px
}
.sidebarsearch .tick:hover input ~ .check, .rating .tick:hover input ~ .check {
    background-color: #f9f9f9
}
.sidebarsearch .tick input:checked ~ .check, .rating .tick input:checked ~ .check {
    background-color: var(--main-brand-color);
}
#products {
    width: 75%;
    padding-left: 30px;
    margin: 0;
    float: right;
}
#products.productswide {
    width: 100%;
    padding-left: 0px;
}
.card-body {
    padding: 0.5rem
}
.card-body .description {
    font-size: 0.78rem;
    padding-bottom: 8px
}
div.h6, h6 {
    margin: 0
}
.product .fa-star {
    font-size: 0.9rem
}
.rebate {
    font-size: 0.9rem
}
.clear {
    clear: both
}
.container {
    max-width: 1460px;
}
.badge {
    background: var(--theme-1618);
	border-radius: 0.15rem;
}

.badge.adult {
    background: var(--theme-adult);
	color:#fff;
}
.badge.apprenticeship {
    background: var(--theme-apprenticeship);
	color:#fff;
}
.badge.leisure-and-professional {
    background: var(--theme-leisure);
	color:#fff;
}
.badge.university {
    background: var(--theme-university);
	color:#fff;
}
.coursecard {
    margin: 0;
    border: none;
    transition: background 0.5s;
	height:100%;
}
.coursecard:hover {
    background: #f5f5f5;
}

.coursecard .card-body {
    margin: 0% 0% 0% 3%;
    background: #fff;
    position: relative;
    top: -15px;
    padding: 5%;
    border-radius: 0.15rem;
}

.coursecard .corner-flair {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 120px;
    border-top-right-radius: calc(0.25rem - 1px);
    z-index: 1;
}
.coursecard .view {
    height: 220px;
    overflow: hidden;
}
.coursecard .card-img-top {
    transition: 0.4s ease-in-out;
}
.coursecard .card-img-top:hover {
    transform: scale(1.12);
}
.coursecard h4 a {
display: -webkit-box;
    height: 85px;
    overflow: hidden;
    font-size: 1.1rem;
    line-height: 1.4em;
    font-weight: 600;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.coursecard badge {
    margin-bottom: 15px;
}
.coursecard .badge {
border-radius: 0.07rem;
    padding: 6px 8px;
    font-weight: 500;
    font-size: 0.65rem;
    letter-spacing: 0.03rem;
}
.coursecard .card-body {
    width: 94%;
}
.coursecard .card-content {
    padding: 10px 0px 0px;


}
.search-result {padding-bottom:2rem;}
.eventscard .event-excerpt {    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;margin-bottom:10px;}


.coursecard .card-body .btn {
    background: var(--main-brand-color);
    color: #fff;
    border: none;
    font-weight: 500;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 0.1rem;
	display:inline-block;
	position:relative;
	margin-top:10px;
}
.coursecard.apprenticecard .card-body .btn {background:var(--theme-apprenticeship);width:100%;}
.apprentice-button {background:var(--theme-apprenticeship)!important;border:var(--theme-apprenticeship)!important;color:#fff!important;}

.coursecard .card-body .bookmark-btn {
    color: var(--main-brand-color);
	opacity: 0.3;
    font-size: 20px;
    position: relative;
    top: 8px;
}
.coursecard .card-body .bookmark-btn.bookmarked {opacity:1;}
.coursecard .card-body .bookmark-btn:hover {
    color: #0b5ed7;
}

.coursecard.apprenticecard  .card-body {
	width: 100%;
 	margin:0;
    top:0;
    padding: 5%;
}
.newscard .article-excerpt {margin-top:6px;display:block;
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.grid-item-content--height2 {
  height: 200px;
}
.button {
  display: inline-block;
  padding: 0.5em 1.3em;
  background: #fcfcfc;
  border: none;
  border-radius: 0.15rem;
  background-image: linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.01));
  font-size: 16px;
  cursor: pointer;
}
.button-group .button  {
  font-size: 16px;
  padding: 0.6em 1em;
}
.courselevels .button-1619 {
  color: var(--theme-1618);
}
.courselevels .button-adult {
  color: var(--theme-adult);
}
.courselevels .button-university {
  color: var(--theme-university);
}
.courselevels .button-leisure {
  color: #a54399;
}
.courselevels .button-apprenticeship {
  color: var(--theme-apprenticeship);
}
.button:hover {
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.08));
  color: var(--main-brand-color);
}
.button:active, .button.is-checked {
  background: #f5f5f5;
  background-color: var(--main-brand-color);
}
.button.is-checked {
  color: white;
}
.button:active {
  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}
/* ---- button-group ---- */
.button-group:after {
  content: '';
  display: block;
  clear: both;
}
.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}
.button-group .button:first-child {
  border-radius: 3px 0 0 3px;
}
.button-group .button:last-child {
  border-radius: 0 3px 3px 0;
}
.grid:after {
    content: '';
    display: block;
    clear: both;
}
.grid-item {
    margin-bottom: 30px;
}
/* ui group */
.ui-group {
    display: inline-block;
}
.ui-group h3 {
    display: inline-block;
    vertical-align: top;
    line-height: 32px;
    margin-right: 0.2em;
    font-size: 16px;
}
.ui-group .button-group {
    display: inline-block;
	box-shadow: rgb(0 0 0 / 12%) 0px 1px 5px;
}
.subjectcard {
    width: 100%;
    background-color: white;
}
.subjectcard:hover .card__caption {
    top: 50%;
    transform: translateY(-50%);
}
.subjectcard:hover .card__image {
    transform: translateY(-10px);
    filter: grayscale(100%);
}
.subjectcard:hover .card__thumb::after {
    top: 0;
   background: rgb(223,24,142);
    background: linear-gradient(180deg, #1973d0e0 0%, rgb(3 74 147 / 94%) 100%);
}
.subjectcard:hover .card__snippet {
    margin: 20px 0;
}
.card__thumb {
    position: relative;
    max-height: 240px;
    overflow: hidden;
    margin: 0;
    border: 0;
    border-radius: 0.15rem;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}
@media (min-width: 1024px) {
    .card__thumb {
        max-height: 240px;
    }
}
@media (min-width: 1024px) {
    .subjectarea .card__thumb {
        max-height: 160px;
    }
}
.card__thumb::after {
    position: absolute;
    top: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: #fff;
    transition: 0.3s;
}
@media (min-width: 1024px) {
    .card__thumb::after {
        top: calc(100% - 70px);
    }
}
.card__image {
    transition: 0.5s ease-in-out;
    width: 107%;
}
.card__caption {
    position: absolute;
    top: 50%;
    z-index: 1;
    padding: 0 15px;
    color: white;
    transform: translateY(-50%);
    text-align: center;
    transition: 0.3s;
    width: 100%;
}
@media (min-width: 1024px) {
    .card__caption {
        top: calc(100% - 53px);
        transform: unset;
    }	
}
.card__title {
    max-height: 85px;
    overflow: hidden;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2rem;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left;
    font-style: normal;
}
.subjectcard:hover .card__title {
    color: #fff;
    text-shadow: 0px 1px 2px black;
    text-align: center;
}
.subjectcard:hover .card__title i {
    display: none;
}
.card__snippet {
    display: -webkit-box;
    max-height: 150px;
    margin: 20px 0;
	color:#fff;
    overflow: hidden;
    line-height: 20px;
    text-shadow: 0px 1px 2px black;
    text-overflow: ellipsis;
    transition: 0.5s ease-in-out;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
	font-style:normal;
}
@media (min-width: 1024px) {
    .card__snippet {
        margin: 90px 0;
    }
}
.card__button {
    display: inline-block;
    padding: 6px 12px;
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
    border: 1px solid #fff;
	font-style:normal;
}
.card__button:hover {
    color: var(--main-brand-color);
    background-color: white;
}
.rescount {font-size: 0.8rem;
    color: var(--main-brand-color);
    letter-spacing: 0.03rem;
    padding-left: 5px;}
.search-filters {display:block;line-height:1.5rem;}
.search-filters label {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	margin-bottom:6px;
}
.search-filters input[type=checkbox], .search-filters input[type=radio] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.search-filters .radiobtn {
    position: absolute;
    top: 5px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
	border:1px solid #ddd;
    border-radius: 50%;
}
.search-filters input:checked ~ .radiobtn {
    background-color: var(--main-brand-color);
}
.search-filters input:checked ~ .radiobtn:after {
    display: block;
}
.search-filters .radiobtn:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.search-filters label {width:100%;}
.search-filters h3 {font-size:1.25rem;margin:2rem 0 0.75rem 0;}
.search-filters h3:first-of-type {margin-top:0;}
display: inline-block;
    color: var(--main-brand-color);
    font-size: 0.8rem;
    padding-left: 5px;
    letter-spacing: 0.04rem;

#your-next-step-block_62bad4c3ac54e, .home-next-step-block, .why-study-block {padding:0 8rem;}
.yournextstep .col {
  padding: 0px 20px;
}
.yournextstep .intro {
  padding: 3rem;
}
.yournextstep-cta {
  border-radius: 3px;
  padding: 30px;
  color: #fff;
  text-align: left;
  margin-bottom: 20px;
  transition: transform .4s;
}
.yournextstep-cta.college {
background: rgb(82,176,178);
background: linear-gradient(180deg, rgba(82,176,178,1) 0%, rgba(112,212,214,1) 60%, rgba(82,176,178,1) 100%);
}
.yournextstep-cta.university {
background: rgb(85,85,85);
background: linear-gradient(180deg, rgba(85,85,85,1) 0%, rgba(131,131,131,1) 60%, rgba(85,85,85,1) 100%);
}
.yournextstep-cta.adult {
background: rgb(67,111,163);
background: linear-gradient(0deg, rgba(67,111,163,1) 0%, rgba(83,134,194,1) 60%, rgba(67,111,163,1) 100%);
}
.yournextstep-cta.apprenticeships {
background: rgb(220,50,142);
background: linear-gradient(0deg, rgba(220,50,142,1) 0%, rgba(236,124,185,1) 60%, rgba(220,50,142,1) 100%);
}
.yournextstep-cta.business {
background: rgb(202,7,48);
background: linear-gradient(0deg, rgba(202,7,48,1) 0%, rgba(227,63,98,1) 60%, rgba(202,7,48,1) 100%);
}
.yournextstep-cta.leisure {
background: rgb(165,67,153);
background: linear-gradient(180deg, rgba(165,67,153,1) 0%, rgba(205,75,189,1) 60%, rgba(165,67,153,1) 100%);
}
.yournextstep-cta:hover {
  box-shadow: 0px 2px 5px 2px rgb(0 0 0 / 30%);
  transform: scale(1.03);
}
.yournextstep-cta i {
display: block;
    font-size: 3.5rem;
    float: right;
    color: #fff;
    position: relative;
    top: -20px;
}
.yournextstep-cta h3 {
  font-size: 1.4rem;
  display: block;
  color: #fff;
}
p.card-text {font-size: 0.95rem;}




#products .yournextstep-cta h3 {
  font-size: 1.3rem;
  margin-bottom: 1.2rem;
}
#products .yournextstep-cta i {
  font-size: 1.8rem;
}
.yournextstep-small .yournextstep-cta h3 {
  font-size: 1.1rem;
  color: #fff;

}
.yournextstep-small .yournextstep-cta i {
  font-size: 1.5rem;
  color: #fff;
  top:-2px;
}
.yournextstep-cta p {
  font-size: 1.1rem;
  min-height: 60px;
  color: #fff;
}
.yournextstep-cta .btn {
  color:#fff!important;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.03rem;
  padding: 4px 12px 3px;
}

.yournextstep-cta .moreinfo {color:#fff;font-size:0.8rem;letter-spacing:0.09rem;transition:0.4s;}
.yournextstep-cta .moreinfo i {font-size: 1rem;
    float: none;
    display: inline-block;
    padding: 0 0 0 8px;
    position: relative;
    top: 1px;}
.yournextstep-cta .moreinfo:hover {padding-left:8px;}


.why-study-panel {padding:2.5rem;background:#fff;border-radius:0.15rem 0 0 0.15rem;}
.why-study-photo img {margin:0;border-radius:0 0.15rem 0.15rem 0!important;}
.why-study-photo .wp-block-image {margin:0;}


.contact-card {padding: 1rem 0.5rem;text-align:center;border:1px solid #ccc;font-size:1.2rem;background:#fff;}
.contact-card i {font-size:2rem;margin-bottom:1rem;color:var(--main-brand-color);}
.contact-card h3 {font-size:1.5rem;color:#333;}
.contact-card:hover {background:var(--main-brand-color);border-color:var(--main-brand-color);}
.contact-card:hover i, .contact-card:hover h3, .contact-card:hover p {color:#fff;}

.eventdetailstitle {
  background: #fff;
  padding: 50px 0px 60px;
}
.eventdetailstitle h1, .news-content h1 {
  color: var(--main-brand-color);
  font-size: 2rem;
  padding-bottom: 15px;
}
.newquay-accomoodation-prices-table {background:#fff;}

.newquay-accomoodation-prices-table tr.blue td {background:#79dbff;}
.newquay-accomoodation-prices-table tr.purple td {background:#ab75d4;}
.newquay-accomoodation-prices-table tr.orange td {background:#fcd048;}
.newquay-accomoodation-prices-table tr.grey td {background:#c6c6c6;}
.newquay-accomoodation-prices-table tr.green td {background:#b3e67d;}
.newquay-accomoodation-prices-table tr.yellow td {background:#fefe3d;}
.newquay-accomoodation-prices-table tr.red td {background:#fb7777;}

.eventdetails .bg-texture {
      background-image: url('https://www.cornwall.ac.uk/wp-content/uploads/2023/06/newquay-accommodation-bg.jpg');
      background-size: cover;
      color: #fff;
      font-size: 1.3rem;
      display: flex;
      justify-content: center;
      align-items: center;
      padding:20px;
    }
    .eventdetails .bg-texture a {
      font-size: 1.3rem;
      color: #fff;
      font-weight: 600;
    }
    .eventdetails .bg-texture .title {
      font-weight: 800;
      font-size: 1.9rem;
      margin-bottom: 6px;line-height:normal;
    }
    .eventdetails .bg-town {
      background-image: url('https://www.cornwall.ac.uk/wp-content/uploads/2023/06/newquay-accommodation-town.jpg');
      background-size: cover;
    }

.news-content .date {color:#d22092;font-size:1rem;margin-bottom:15px;}
.eventdetailstitle h3 {
  font-size: 1.2rem;
  font-weight: 600;
}

.news-content blockquote {
  background: #034a9314;
  padding: 30px;
  margin: 50px auto;
  width: 100%;
  max-width: 100%;
	  border: solid 3px var(--main-brand-color);
  box-shadow: 10px 10px 0 0 var(--main-brand-color);
	font-size:1.3rem;font-style:italic;color:var(--main-brand-color);
}
.news-content blockquote::before, .news-content blockquote::after {content:none;}
.eventdetailstitle .timeandplace {
  font-weight: 600;
  font-size: 1.1rem;
}
.eventdetailsleft {
  position: relative;
  top: -90px;
}
.eventdetails #applynow {
  margin-top: 2rem;
  background: #fff;
  padding: 1.25rem;
  border-radius: 0.15rem;
}
@media(max-width:768px) {
  .eventdetailstitle {
    padding: 30px 0px;
  }
  .eventdetailstitle .coursebuttons {
    float: left;
    padding-bottom: 20px;
  }
  .eventdetailsleft {
    top: 0;
  }
}
section.map {
  padding: 0px;
  margin-bottom: -8px;
}
.shareicons i {
  opacity: 0;
  font-size: 32px;
  color: #fff;
  will-change: transform;
  -webkit-transform: scale(.1);
  transform: scale(.1);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.sharepanel {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  width: 160px;
  height: 60px;
  background-color: var(--main-brand-color);
  border-radius: 0.15rem;
  padding: 0 10px;
  will-change: transform;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.coursedetails .sharepanel {margin:40px 0px!important;}
.sharepanel:hover {
  /* transition-delay: .4s; */
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.sharepanel span {
  position: absolute;
  z-index: 99;
  width: 160px;
  height: 60px;
  border-radius: 0.15rem;
  font-size: 16px;
  text-align: center;
  line-height: 60px;
  background-color: #fff;
  padding: 0 10px;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
  border: 2px solid #fff;
}
.shareicons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 160px;
  height: 60px;
  border-radius: 0.15rem;
}
.shareicons .firsticon {
  -webkit-transition-delay: 1.1s;
  transition-delay: 1.1s;
}
.shareicons .secondicon {
  -webkit-transition-delay: .9s;
  transition-delay: .9s;
}
.shareicons .thirdicon {
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
}
.sharepanel:hover span {
  -webkit-transition-delay: .25s;
  transition-delay: .25s;
  -webkit-transform: translateX(-260px);
  transform: translateX(-260px)
}
.sharepanel:hover i {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.coursedetailstitle {
  background: var(--main-brand-color);
  padding: 40px 0px 90px;
}
.coursedetailstitle h1 {
  color: #fff;
  font-size: 2rem;
  padding-bottom: 15px;
}
.coursedetailstitle .whybtn {
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid #fff;
  border-radius: 0.15rem;
  padding: 6px 12px;
  color: #fff;
  font-size: 0.8rem;
}
.coursedetailstitle .whybtn:hover {
  background: rgba(0, 0, 0, 0.5);
}
.coursebuttons {
  float: right;
}
.coursebuttons .btn {
  color: #fff;
  border:1px solid rgba(255,255,255,0.4);
  background: rgba(0, 0, 0, 0.3);
  font-weight: 400;
  padding: 10px 15px;
  font-size: 1rem;
}
.coursebuttons .btn:hover {
  background: rgba(0, 0, 0, 0.5);
	border:1px solid rgba(255,255,255,1);
}
.coursebuttons .btn.applybtn, .btn-apply, .btn-openevent, .btn-question, .btn-brochure {
    background: #E6039D!important;
    color: #fff!important;
    border-color: #E6039D!important;
}
.coursebuttons .btn.applybtn:hover, .btn-apply:hover, .btn-openevent:hover, .btn-question:hover, .btn-brochure:hover {background-color: #0b5ed7!important;
    border-color: #0a58ca!important;}

main.newquay .coursebuttons .btn.applybtn, main.newquay .btn-apply, main.newquay .btn-openevent, main.newquay .btn-question, main.newquay .btn-brochure {
    background: var(--uc-color-hover)!important;
    color: #fff!important;
    border-color: var(--uc-color-hover)!important;
}

main.newquay .coursebuttons .btn.applybtn:hover, main.newquay .btn-apply:hover, main.newquay .btn-openevent:hover, main.newquay .btn-question:hover, main.newquay .btn-brochure:hover {background-color: #000!important;
    border-color: #ccc!important;color:#fff!important;}

.special-note {padding:15px;background:#ffc900;margin:10px 0;border-radius:0.15rem;}
.special-note a {font-weight:600;text-decoration:underline;}
.special-note span {font-weight:700;display:block;font-size:1rem;}	

.btn-apply, .btn-openevent, .btn-question, .btn-brochure {
  border: none;
  box-shadow: 2px 2px 4px #c7c7c7, -2px -2px 4px #ffffff;
  padding: 15px;
  margin-bottom: 8px;
}
.btn-openevent {
  background: #7a359e;
}
.btn-brochure {
  background: #5058b5;
}
.btn-question {
  background: #0790da;
}
.coursebuttons .btn.applybtn:hover {
  background: #0D92D9;
}
/* ==== Offcanvas Mobile Menu CSS ==== */


	.mobilesearchfilter {margin-bottom:20px;transition: all 0.7s;z-index:10;}
.mobilesearchfilter .accordion .item {
    border: none;
    margin-bottom: 30px;
    background: none;
}
.mobilesearchfilter .filtercontent{
  background:#f5f5f5;
  padding: 20px;
}
.mobilesearchfilter .accordion .item .item-header h2 button.btn.btn-link {
    background: var(--main-brand-color);
    color: white;
    border-radius: 0.15rem;
    font-weight: 400;
    text-decoration: none;
}


.mobilesearchfilter .accordion .item .item-header {
    border-bottom: none;
    background: transparent;
    padding: 0px;
    margin: 0px;
}

.mobilesearchfilter .accordion .item .item-header h2 button {
    color: white;
font-size: 1.2rem;
    line-height: 2.7rem;
    padding: 15px;
    width: 100%;
	text-align:left;
}

.mobilesearchfilter .accordion .item .item-header h2 i {
    float: right;
    font-size: 24px;
    color:#fff;
    background-color: var(--main-brand-color-hover);
    width: 50px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.15rem;
}

.mobilesearchfilter button.btn.btn-link.collapsed i {
    transform: rotate(0deg);
}

.mobilesearchfilter button.btn.btn-link i {
    transform: rotate(180deg);
    transition: 0.5s;
}
	.mobilesearchfilter.scrolled {color:#fff;
    margin-left: -15px;
    margin-right: -15px;
    border-radius: 0px;
}

.mobilesearchfilter.scrolled .btn-primary {background: linear-gradient(90deg, #bc007c, #0099df);
    background-size: 200% 200%;
    -webkit-animation: ccolorfade 20s ease infinite;
    -moz-animation: ccolorfade 20s ease infinite;
    animation: ccolorfade 20s ease infinite;border:none;padding-top:15px;}
body.offcanvas-active {
    overflow: hidden;
}
.offcanvas h5 {font-weight:600;}
.offcanvas-header {
    display: none;
    padding: 1rem 1rem 0.5rem;
}
.offcanvas .col-6 {padding:0px;}
.navbar-btn {
    border-radius: 0.15rem;
    color: var(--main-brand-color);
    padding: 7px 20px;
    border: 2px solid #bfbbbb;
	font-weight:600;
    box-shadow: 0px 4px 9px 0px rgb(0 0 0 / 6%);
}
.navbar-btn i {
    padding-right: 5px;
}
.screen-darken {
    height: 100%;
    width: 0%;
    z-index: 30;
    position: fixed;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(3, 74, 147, 0.8);
    ;
    transition: opacity .3s linear, visibility 0.3s, width 3s ease-in;
}
.screen-darken.active {
    z-index: 1;
    transition: opacity .3s ease, width 0s;
    opacity: 1;
    width: 100%;
    visibility: visible;
}
/* ============ Offcanvas Mobile Menu mobile view ============ */
@media all and (max-width: 991px) {
    .offcanvas-header {
        display: block;
    }
    .offcanvas-header .btn-close:hover {
        transform: scale(1.5);
        transition: transform .2s
    }
    .mobile-offcanvas {
        visibility: hidden;
        transform: translateX(-100%);
        border-radius: 0;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 50%;
        z-index: 1200;
        overflow-y: scroll;
        overflow-x: hidden;
        transition: visibility .3s ease-in-out, transform .3s ease-in-out;
    }
    .mobile-offcanvas.show {
        visibility: visible;
        transform: translateX(0);
    }
    .mobile-offcanvas .container, .mobile-offcanvas .container-fluid {
        display: block;
    }
}


.campusphoto img {
  border-radius: 0.15rem 0 0 0.15rem;
}
.campustext {
  background: #fff;
  padding: 2rem 2.5rem;
  border-radius: 0 0.15rem 0.15rem 0;

}
.campusdetails {
  background: #fff;
  padding: 2.5rem;
  border-radius: 0.15rem 0 0 0.15rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.campusmap {
  border-radius: 0 0.15rem 0.15rem 0;
}
.campustext p, .campustext a {
  font-size: 1.1rem;
}
.campustext h1, .campusdetails h2, .locationinfo h2 {
  font-size: 1.4rem;
  font-weight: 700;
}
.locationinfo h2 {
  padding: 0 0 15px 5px;
  border-bottom: 2px solid var(--main-brand-color);
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .campusphoto img {
    border-radius: 0.15rem 0.15rem 0 0;
  }
  .campustext {
    border-radius: 0 0 0.15rem 0.15rem;
  }
  .campusdetails {
    border-radius: 0.15rem 0.15rem 0 0;
  }
  .campusmap {
    border-radius: 0 0 0.15rem 0.15rem;
  }
  .locationinfo.featured {
    margin-top: 40px;
  }
}
.accordion-button:not(.collapsed) {
  color: #fff;
  background-color: var(--main-brand-color);
}
.accordion-button:not(.collapsed):after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
.accordion-body {
  padding: 1.5rem 1.8rem;
}

.faqpanel {
  border-radius: 0.15rem;
  padding: 40px 20px;
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  background: var(--main-brand-color);
  transition: transform .4s;
}
.faqpanel i {
  display: block;
  font-size: 2.4rem;
  padding: 0px 0px 25px 0px;
  color: #fff;
}
.faqpanel h3 {
  font-size: 1.3rem;
  display: block;
  color: #fff;
  margin-bottom:0;
}
.faqpanel:hover {
  background: #002a55;
  box-shadow: rgb(50 50 93 / 15%) 0px 3px 7px -2px, rgb(0 0 0 / 20%) 0px 2px 4px -3px;
  transform: scale(1.03);
}

.coursecard.apprenticecard .card-body {
  width: 100%;
  margin: 0;
  top: 0;
  padding: 5%;
	background:#fff;
}
.apprenticeshipform {
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
  border-radius: 0.15rem;
  box-shadow: 0px 2px 5px #c7c7c7, 0px -2px 4px #ffffff;
}
.apprenticeshipform span {padding-left:10px;}
.apprenticeshipform label {
  padding:0 0 6px 0;
}
.apprenticeshipform .form-control {
  border: 1px solid #333;
  border-radius: 0.15rem;
}
@media (max-width: 820px) {
  .apprenticeshipform {
    padding: 10px 15px 20px;
    margin-bottom: 10px;
  }
  .apprenticeshipform label {
    font-size: 13px;
  }
}
#yousearched {display:inline-block;padding-right:20px;}
.browseoptions { display: inline-block;
    position: relative;
    top: -5px;
    padding-bottom:30px;}





.browseoptions a {
  border-color: var(--main-brand-color);
  color: var(--main-brand-color);
  font-size: 1.25rem;
  border-width: 2px;
	border-radius:0.15rem;
	background:#fff;
}
.browseoptions a:hover {
  color: #fff;
  background: var(--main-brand-color);
}
.formpanel {background:#fff;padding:30px;}
.formpanel h3 {margin-bottom:20px;}

#signup-welcome {display:none;}
.wp-activate-container p {margin:0;}


.subjectarea h4 {
  padding: 15px;
  background-color: var(--main-brand-color);
  color: #fff;
  font-size: 20px;
  border-radius: 0.15rem;
  margin-bottom: 20px;
}

#case-studies {
  background: linear-gradient(112deg, #ffffff 50%, #f9f9f9 50%);
  margin: auto;
  border-radius: 0.15rem;
  box-shadow: 2px 2px 5px rgb(0 0 0 / 10%), -2px -2px 4px #ffffff;
}
#case-studies h4 {
  display: inline-block;
  padding: 40px 0px 30px;
  position: relative;
}
#case-studies h4:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 5px;
  bottom: 10px;
  left: 25%;
  border-bottom: 2px solid var(--main-brand-color);
}
#case-studies .carousel-caption {
  position: initial;
  z-index: 10;
  padding: 2.5rem 6rem 4rem;
  color: #333;
  text-align: center;
}
@media(max-width:767px) {
  #case-studies .carousel-caption {
    position: initial;
    z-index: 10;
    padding: 1rem 2.5rem;
  }
}
#case-studies .casestudy-crop {
  margin-top: 2rem;
  width: 10rem;
  height: 10rem;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  display: flex;
  margin-left: auto;
  margin-right: auto;
  background: #ccc;
  box-shadow: 2px 2px 4px #c7c7c7, -2px -2px 4px #ffffff;
}
#case-studies .casestudy-pic {
  display: inline;
  margin: 0 auto;
  margin-left: -25%;
  height: 100%;
  width: auto;
}
#case-studies .image-caption {
  color: var(--main-brand-color);
  font-size: 1rem;
  margin-top: 1.5rem
}
#case-studies i {
  background-color: var(--main-brand-color);
  padding: 1.4rem;
}
#case-studies .carousel-control-prev i {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
#case-studies .carousel-control-next i {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
@media(max-width:767px) {
  #case-studies i {
    padding: 0.5rem;
  }
}
#case-studies .carousel-control-prev {
  justify-content: flex-start;
}
#case-studies .carousel-control-next {
  justify-content: flex-end
}
#case-studies .carousel-control-prev, #case-studies .carousel-control-next {
  transition: none;
  opacity: unset
}



.pagecard {
    border: 1px solid #e1dfdf;
}	
.pagecard .card-body {
width: 100%;
    top: 0px;
    margin: 0;
	padding:7%;
}	
.pagecard .card-content {
    height: 190px;
}	
.pagecard .card-content .article-excerpt {    display: -webkit-box;overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.cccolourgradient {
  background: linear-gradient(90deg, rgba(223, 24, 142, 1) 0%, rgba(0, 167, 210, 1) 100%);
  background-size: 200% 200%;
  -webkit-animation: ccolorfade 20s ease infinite;
  -moz-animation: ccolorfade 20s ease infinite;
  animation: ccolorfade 20s ease infinite;
}
main.newquay #careers {
  background: linear-gradient(90deg, rgba(200, 200, 200, 1) 0%, rgba(0, 0, 0, 1) 100%);
  background-size: 200% 200%;
  -webkit-animation: ccolorfade 20s ease infinite;
  -moz-animation: ccolorfade 20s ease infinite;
  animation: ccolorfade 20s ease infinite;	
}
@-webkit-keyframes ccolorfade {
  0% {
    background-position: 0% 31%
  }
  50% {
    background-position: 100% 70%
  }
  100% {
    background-position: 0% 31%
  }
}
@-moz-keyframes ccolorfade {
  0% {
    background-position: 0% 31%
  }
  50% {
    background-position: 100% 70%
  }
  100% {
    background-position: 0% 31%
  }
}
@keyframes ccolorfade {
  0% {
    background-position: 0% 31%
  }
  50% {
    background-position: 100% 70%
  }
  100% {
    background-position: 0% 31%
  }
}

.testimonial-slider .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    background-color: var(--main-brand-color);
    border-radius: 100%;
}
.testimonial-slider {
    padding: 10px 0px 20px;
}
.testimonial-slider i {
    color: var(--main-brand-color);
    font-size: 2.4rem
}
.testimonial-slider .casestudy-crop {
    margin: 3rem 0 2rem;
    width: 8rem;
    height: 8rem;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    background: #ccc;
    box-shadow: 2px 2px 4px #c7c7c7, -2px -2px 4px #ffffff;
}
.testimonial-slider blockquote {background:transparent;padding:0px;font-size: 1rem;margin-bottom:4rem;}
.testimonial-slider blockquote::before, .testimonial-slider blockquote::after {content:none;}
.career-facts {
  padding: 30px 0px;
}
.career-facts p {
  font-size: 1.1rem;
  margin-top: 20px;
}
.career-panel .h4, h4 {
  font-size: 1.2rem;
}
.career-jobs .counter-value, .career-jobs .salarycount {
  font-weight: 800;
  color: #E6039D;
  font-size: 2.2rem;
  padding: 8px 0px 6px;
}

main.newquay .career-jobs .counter-value, main.newquay .career-jobs .salarycount {
color:var(--uc-color-hover);
}	


.career-jobs span {
  font-weight: 600;
  font-size: 1.7rem;
}
section.career-section, .careerinfo, .coursedetails, .eventdetails {
  background: rgb(219, 219, 219);
  background: linear-gradient(360deg, rgba(219, 219, 219, 1) 0%, rgb(244 244 244) 100%);
  padding: 40px 0px 60px;
}
.career-panel {
  padding: 25px;
  margin-bottom: 30px;
  border-radius: 5px;
  background: #ffffff;
}
.career-facts .career-panel {
  min-height: 250px;
}
.career-help {
  color: var(--main-brand-color);
  font-size: 20px;
  float: right;
  display: inline-block;
}
.career-help:hover {
  color: var(--main-brand-color-hover);
}
.task-list li {
  margin-bottom: 10px;
}
.task-list li::first-letter {
  text-transform: capitalize;
}
.task-list {
  position: relative;
  list-style: none;
  margin-left: 0;
  padding-left: 1.2em;
}
.task-list li:before {
  content: "+";
  position: absolute;
  left: 0;
}
#careers h5 {
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 300;
  mix-blend-mode: overlay;
}
.career-stats {
  padding: 30px;
}
.career-stats .icon {
  font-size: 56px;
  color: var(--main-brand-color);
  opacity: 0.2;
  float: right;
  display: inline-block;
  position: relative;
  top: -15px;
  right: -15px;
}
.career-stats h3 {
  padding-bottom: 0px;
  font-size: 26px;
}
.career-stats p {
  font-size: 15px;
  color: #666;
  margin-bottom: 0px;
}
.career-jobslink a {
  text-transform: capitalize;
  padding: 4px 6px 4px 10px;
  border-radius: 2px;
  border: 1px solid var(--main-brand-color);
  margin-bottom: 6px;
  display: block;
  font-weight: 600;
  background: #fff;
  transition: 0.3s
}
.career-jobslink a:hover {
  background: #EBEBEB;
  color: var(--main-brand-color-hover);
}
.career-jobslink a i {
  padding-right: 8px;
  color: var(--main-brand-color);
  font-size: 16px;
}
.career-jobslink a span {
  float: right;
  font-size: 11px;
  padding: 4px;
  background: var(--main-brand-color);
  color: #fff;
  min-width: 40px;
  text-align: center;
  border-radius: 2px;
  display: none;
}
.thecareercollege {
  color: #fff;
  font-weight: 600;
  font-size: 1.8rem;
  float: right;
  letter-spacing: 1px;
  mix-blend-mode: overlay;
}
.coursefacts {
  margin-top: -110px;
    margin-bottom: 70px;
    padding: 20px 0px;
  border-radius:0.15rem;
  font-size: 1rem;
  position: relative;
  box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
	background:#fff;
}
.coursefacts-small {
  font-size: 0.9rem;
  box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px 2.6px;
  padding: 10px 0px;
  margin: 30px 0px;
}

.coursefacts strong {
    margin-bottom: 10px;
    color: var(--main-brand-color);
    font-weight: 600;
}
.coursefacts .col-md-2, .coursefacts .col-md-4 {
    text-align: center;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #9696966b;
    padding: 5px 10px 5px 10px;
}


.coursefacts .btn-light {padding:4px 10px;font-size:12px;margin-top:6px;border-radius:0.16rem;display:block;}
.coursefacts .btn-light:hover {background:var(--main-brand-color);box-shadow:none;color:#fff;}
.coursefacts .col-md-2:last-child {
  border-right: none;
}
.coursedetails .nav-pills .nav-link {
  border-radius: 0.15rem;
  background-color: #fff;
  color: var(--main-brand-color);
  box-shadow: rgb(0 0 0 / 8%) 0px 1px 4px;
}
.coursedetails .nav-pills .nav-link:hover {
  box-shadow: rgb(0 0 0 / 14%) 0px 2px 6px;
}



.coursedetails .nav-pills .nav-link.active, .coursedetails .nav-pills .show > .nav-link {
  color: #fff;
  background-color: var(--main-brand-color);
box-shadow: box-shadow: rgb(0 0 0 / 8%) 0px 1px 4px;	
}
.coursedetails .tab-content > .active {
  display: block;
  padding: 25px;
  background-color: #fff;
  border-radius: 0.15rem;
  box-shadow: rgb(0 0 0 / 8%) 0px 1px 4px;	
}


.coursedetails .tab-content h4 {font-weight:600;}

.coursedetails .ratio iframe, .coursedetails .carousel-inner {border-radius: 0.15rem;}

#related {padding: 0;margin: 5px 0px;}
#related .similar {padding: 3rem 4rem;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);}
#related .events {padding:3rem 4rem;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);}

.coursemessage {background:#fff;padding:1.4rem;border-radius:0.2rem;margin:2rem 0rem;}
.coursemessage img {width:140px;}
.coursemessage span {line-height:2.5rem;}



.career-panel {
  padding: 25px;
  margin-bottom: 30px;
  border-radius: 5px;
  background: #ffffff;
}
.career-panel img {padding:20px;}

.wp-block-button__link {
    border-radius: 0.15rem;
}

.cloud {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
section.coursedetails .cloud {align-items: left;
    justify-content: left;}
ul.cloud {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
section.coursedetails ul.cloud {
    align-items: left;
    justify-content: left;
}
ul.cloud a {
--size: 1;
--color: var(--theme-adult);
    color: var(--color);
font-size: calc(var(--size) * 0.25rem + 0.7rem);
    display: block;
    padding: 0rem 0.7rem;
    position: relative;
    text-decoration: none;
	text-transform:capitalize;
}
section.coursedetails ul.cloud a {font-size:1rem;}
ul.cloud a[data-weight="1"] {
--size: 1.4;
}
ul.cloud a[data-weight="2"] {
--size: 1.8;
}
ul.cloud a[data-weight="3"] {
--size: 2.2;
}
ul.cloud a[data-weight="4"] {
--size: 2.6;
}
ul.cloud a[data-weight="5"] {
--size: 3;
}
ul.cloud a[data-weight="6"] {
--size: 3.4;
}
ul.cloud a[data-weight="7"] {
--size: 3.7;
}
ul.cloud a[data-weight="8"] {
--size: 4.1;
}
ul.cloud a[data-weight="9"] {
--size: 4.5;
}
ul.cloud a[data-weight="10"] {
--size: 4.9;
}
ul[data-show-value] a::after {
    content: " (" attr(data-weight) ")";
    font-size: 1rem;
}
ul.cloud li:nth-child(2n+1) a {
--color: var(--theme-1618);
}
ul.cloud li:nth-child(3n+1) a {
--color: var(--theme-university);
}
ul.cloud li:nth-child(4n+1) a {
--color: var(--theme-apprenticeship);
}
ul.cloud a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 100%;
    background: var(--color);
    transform: translate(-50%, 0);
    opacity: 0.1;
    transition: width 0.25s;
    border-radius: 0.25rem;
}
ul.cloud a:focus::before, ul.cloud a:hover::before {
    width: 100%;
}

@media (prefers-reduced-motion) {
ul.cloud * {
    transition: none !important;
}
}





.uni-homesection {
    height: 75vh!important;
}
.uni-homesection h2 {
    color: #fff;
	font-weight:800;
    font-size: 4rem;
    letter-spacing: 0.01rem;
    position: absolute;
    top: 0;
    right: 0;
    padding: 3rem 3rem 0 0;
    text-shadow: 0 4px 3px rgb(0 0 0 / 40%), 0 8px 13px rgb(0 0 0 / 10%), 0 18px 23px rgb(0 0 0 / 10%);
}
.tracking-in-expand {
    -webkit-animation: tracking-in-expand 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 2.5s both;
    animation: tracking-in-expand 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) 2.5s both;
}
@-webkit-keyframes tracking-in-expand {
0% {
letter-spacing: -0.5em;
opacity: 0;
}
40% {
opacity: 0.6;
}
100% {
opacity: 1;
}
}
@keyframes tracking-in-expand {
0% {
letter-spacing: -0.5em;
opacity: 0;
}
40% {
opacity: 0.6;
}
100% {
opacity: 1;
}
}
.unicontent .headerlogo {
    height: 70px;
}
.map-bg {
    background-image: url('https://www.cornwall.ac.uk/wp-content/uploads/2022/10/sw-map-background.jpg');
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0px;
}
.home-black-box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    backdrop-filter: blur(2px) saturate(180%);
    -webkit-backdrop-filter: blur(2px) saturate(180%);
    background-color: rgba(0,0,0,0.65);
    padding: 2.5rem 6rem 3rem 3.5rem;
    width: 50%;
    height: 60%;
    font-size: 1rem;
}
.home-black-box p, .home-black-box h1, .home-black-box ul li {
    color: #fff;
}
.campusus .row {
    padding: 0 3rem
}
.campuses .col-sm-3 {
    padding: 20px;
}
.homelocation {
    border: 3px solid var(--gold);
    background: rgba(255,255,255,0.5);
    align-items: flex-end;
    justify-content: center;
    padding: 1px;
    backdrop-filter: blur(3px) saturate(180%);
    -webkit-backdrop-filter: blur(3px) saturate(180%);
transition: transform .4s;
}
.homelocation img {
    filter: grayscale(100%);
    width: 100%;
    transition: 0.7s;
}
.homelocation:hover img {
    filter: grayscale(0%);
}
.homelocation p {
    text-align: center;
    margin-bottom: 0;
    padding: 40px;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    packground: transparent;
    transition: all 0.7s;
    margin-top: 1px;
}
.homelocation:hover {transform: scale(1.02);}
.homelocation:hover p {
    color: var(--gold);
    background: #000;
}
.uni-news {
    background: #000;
    padding: 0;
}
.uni-news .news-img {
    width: 100%;
}
.news-article {
    background: var(--gold);
    color: #000;
    padding: 4rem;
    font-size: 1.2rem;
}
.morenews {
    display: inline-block;
    padding: 15px 35px;
    background: #000;
    color: #fff;
    float: right;
    border: 2px solid var(--gold);
    border-top: none;
    border-right: none;
}
.morenews:hover {
    background: var(--gold);
    color: #000;
}
.uni-subjects h2 {
    font-size: 2rem;
    font-weight: 100;
    margin: 2rem 0 4rem;
    font-weight: 400;
}
.uni-subjects .subjectlist {
    background: #000;
    color: #fff;
    padding: 50px 30px 30px;
}
.uni-subjects .subjectlist li a {
    padding: 0 0 8px 3px;
    border-bottom: 2px solid #fff;
    margin-bottom: 2rem;
    color: #fff;
    display: block;
    line-height: 1.3rem;
    width: 95%;
    transition: all 0.5s;
    font-size: 1.1rem;
}
.uni-subjects .subjectlist li a:hover {
    color: var(--gold);
    border-bottom: 2px solid var(--gold);
    width: 100%;
}
.uni-alumni .storypanel {
    padding: 30px;
}
.uni-alumni .storypanel .content {
    padding: 40px;
    background: #fff;
    border-radius: 0.15rem;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.uni-alumni .storypanel .content p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
img.tm-people {
    width: 80px!important;
    height: 80px!important;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: none;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    margin-bottom: 10px;
    filter: grayscale();
}
@media (max-width: 768px) {
.uni-alumni .carousel-inner .carousel-item > div {
    display: none;
}
.uni-alumni .carousel-inner .carousel-item > div:first-child {
    display: block;
}
}
.uni-alumni .carousel-inner .carousel-item.active, .uni-alumni .carousel-inner .carousel-item-start, .uni-alumni .carousel-inner .carousel-item-next, .uni-alumni .carousel-inner .carousel-item-prev {
    display: flex;
// transition-duration: 10s;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.uni-homesection {
    height: 105vh!important;
}
.home-black-box {
    padding: 2rem;
    width: 100%;
    height: 70%;
}
.uni-subjects h2 {
    font-size: 2rem;
    margin: 0rem 0 2rem;
}
.uni-homesection h2 {
    font-size: 2.3rem!important;
    padding: 1rem 1rem 0 0;
}
}



.flipbanner {
  color: inherit;
  cursor: pointer;
  height: 300px;
  min-height: 300px;
  perspective: 1000px;
  margin: 1rem 0rem;
  position: relative;
  background: transparent;
  border: none;
}
@media screen and (max-width: 800px) {
  .flipbanner {
    width: calc(50% - 2rem);
  }
}
@media screen and (max-width: 500px) {
  .flipbanner {
    width: 100%;
    margin: 1rem 0rem;
  }
}
.flipbanner .front, .flipbanner .back {
  display: flex;
  border-radius: 3px;
  background-position: center;
  background-size: cover;
  text-align: center;
  align-items: center;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: ease-in-out 600ms;
}
.flipbanner .front {
  background-size: cover;
  padding: 1rem 2rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  overflow: hidden;
  font-family: 'Apex Medium';
  align-items: flex-end;
  text-align: left;
  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.6);
}
.flipbanner .front:before {
  position: absolute;
  display: block;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*    background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 32%, rgba(255, 255, 255, 0) 100%);  */
  opacity: 0.85;
  z-index: -1;
}
.flipbanner:hover .front {
  transform: rotateY(180deg);
}
.flipbanner:nth-child(even):hover .front {
  transform: rotateY(-180deg);
}
.flipbanner .back {
  background: #fff;
  transform: rotateY(-180deg);
  padding: 0 2em;
  font-size: 1.2rem;
}
.flipbanner .back h5 {font-weight:600;}
.flipbanner:hover .back {
  transform: rotateY(0deg);
  box-shadow: 2px 2px 4px #c7c7c7, -2px -2px 4px #ffffff;
}
.flipbanner:nth-child(even) .back {
  transform: rotateY(180deg);
}
.flipbanner:nth-child(even):hover .back {
  transform: rotateY(0deg);
}
.tccg-logos .logo {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #E6E6E6;
  text-align: center;
  border-radius: 3px;
  padding: 30px 10px!important;
  transition: transform .4s;
	background:#fff;
}
.tccg-logos .logo:hover {
  transform: scale(1.03);
}
.tccg-logos img {
  height: 85px;
}


.adultrow .col-md-4, .adultrow .col-md-6, .adultrow .col-lg-4 {
    padding: 6px;
}
.adultpanel a {background: rgb(32,58,113);
background: linear-gradient(0deg, rgba(32,58,113,1) 25%, rgba(31,68,146,1) 100%);padding:40px 40px 0px 40px!important;font-size:24px;text-align:center;min-height:250px;display:block;border-radius:0.15rem;box-shadow: 0 3px 5px 2px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 3px 5px 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 3px 5px 2px rgba(0,0,0,.1);}


.adultpanel2 a {background: rgb(3,119,69);}

.adultpanel a, .whitetext a {color:#fff!important;}

.whitetext.wp-block-media-text .wp-block-media-text__content {padding-right:40px;}
.adultpanel i {display:block;font-size:70px;margin-bottom:20px;}

.adultpanel a:hover {color:#fff;text-decoration:none!important;}
.professionalpanel a {
    background: linear-gradient(0deg,rgb(40 71 172) 25%,rgb(74 132 221) 100%)!important;
}

.leisurepanel a {
    background: #b95b8b;
    background: linear-gradient(0deg,rgb(186 94 139) 25%,rgb(226 114 157) 100%);
}

.professionalpanel a:hover {
    background: linear-gradient(0deg,rgb(74 132 221) 25%,rgb(40 71 172) 100%)!important;
}

.leisurepanel a:hover {
    background: #b95b8b;
    background: linear-gradient(0deg,rgb(226 114 157) 25%,rgb(186 94 139) 100%);
}


.adultpanel a {
    background: var(--theme-adult);
}
.adultpanel a:hover {background: rgb(42 83 131);}
.adultpanel2 a {
    background: rgb(66 160 156);
}
.adultpanel2 a:hover {background: rgb(44 129 126);
}






/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}



/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

.carousel-section {
  padding: 7em 0; }

.ftco-no-pt {
  padding-top: 0; }

.ftco-no-pb {
  padding-bottom: 0; }

.heading-section {
  font-size: 28px; }

.img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }

@media (max-width: 991.98px) {
  .work-wrap .btn {
    display: block;
    width: 100%; } }
.carousel-section {
    padding: 0em 0 10em;
}
.owl-carousel {
  position: relative; }
  .owl-carousel .owl-item {
    opacity: 1; }
    .owl-carousel .owl-item.active {
      opacity: 1; }
  .owl-carousel .owl-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block; }
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
      position: absolute;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin-top: 60px;
      color: rgba(0, 0, 0, 0.2) !important;
      -webkit-transition: 0.7s;
      -o-transition: 0.7s;
      transition: 0.7s;
      opacity: 1; }
      @media (prefers-reduced-motion: reduce) {
        .owl-carousel .owl-nav .owl-prev,
        .owl-carousel .owl-nav .owl-next {
          -webkit-transition: none;
          -o-transition: none;
          transition: none; } }
      .owl-carousel .owl-nav .owl-prev p span, .owl-carousel .owl-nav .owl-prev p small,
      .owl-carousel .owl-nav .owl-next p span,
      .owl-carousel .owl-nav .owl-next p small {
        display: block;
        color: #000;
        line-height: .8;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s; }
        @media (prefers-reduced-motion: reduce) {
          .owl-carousel .owl-nav .owl-prev p span, .owl-carousel .owl-nav .owl-prev p small,
          .owl-carousel .owl-nav .owl-next p span,
          .owl-carousel .owl-nav .owl-next p small {
            -webkit-transition: none;
            -o-transition: none;
            transition: none; } }
      .owl-carousel .owl-nav .owl-prev small,
      .owl-carousel .owl-nav .owl-next small {
        text-transform: uppercase; font-size:.7rem;}
      .owl-carousel .owl-nav .owl-prev span,
      .owl-carousel .owl-nav .owl-next span {
        line-height: 0; }
        .owl-carousel .owl-nav .owl-prev span:before,
        .owl-carousel .owl-nav .owl-next span:before {
          font-size: 40px;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          transition: 0.3s; }
          @media (prefers-reduced-motion: reduce) {
            .owl-carousel .owl-nav .owl-prev span:before,
            .owl-carousel .owl-nav .owl-next span:before {
              -webkit-transition: none;
              -o-transition: none;
              transition: none; } }
      .owl-carousel .owl-nav .owl-prev:hover small,
      .owl-carousel .owl-nav .owl-next:hover small {
        color: var(--main-brand-color); }
      .owl-carousel .owl-nav .owl-prev:hover span:before,
      .owl-carousel .owl-nav .owl-next:hover span:before {
        color: var(--main-brand-color); }
    .owl-carousel .owl-nav .owl-prev {
      left: 50%;
      margin-left: -35px; }
    .owl-carousel .owl-nav .owl-next {
      right: 50%;
      margin-right: -35px; }
  .owl-carousel .owl-dots {
    text-align: center;
    margin-top: 20px; }
    .owl-carousel .owl-dots .owl-dot {
      width: 10px;
      height: 10px;
      margin: 5px;
      border-radius: 50%;
      background: transparent;
      position: relative;
      border: 1px solid #000; }
      .owl-carousel .owl-dots .owl-dot:hover, .owl-carousel .owl-dots .owl-dot:focus {
        outline: none !important; }
      .owl-carousel .owl-dots .owl-dot.active {
        background: var(--main-brand-color);
        border: 1px solid var(--main-brand-color); }
    @media (min-width: 992px) {
      .owl-carousel .owl-dots {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 0;
        margin-right: -40px; }
        .owl-carousel .owl-dots .owl-dot {
          display: block; } }

.owl-carousel.owl-drag .owl-item {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }
.work-wrap .text, .work-wrap .img {
  width: 50%; }
  @media (max-width: 767.98px) {
    .work-wrap .text, .work-wrap .img {
      width: 100%; } }

.work-wrap .img {
  height: 700px; }
	.work-wrap .text img {width:auto;display:inline-block;}
.work-wrap .text {
background: rgb(228,228,228);
background: linear-gradient(0deg, rgba(228,228,228,1) 0%, rgba(245,245,245,1) 100%); }
  .work-wrap .text h2 {
    font-size: 32px;
    font-weight: 800;
    text-transform: uppercase; }
    @media (max-width: 991.98px) {
      .work-wrap .text h2 {
        font-size: 24px; } }	

.work-wrap .text .btn {background-color: #fff;
    color: #444444;
    border-color: #aeaeae;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.06rem;
    border-radius: 0.05rem;
transition:0.8s;}
.work-wrap .text .btn:hover {color:#000;box-shadow:none;margin-right:10px;}

.wobble-hor-bottom {
	-webkit-animation: wobble-hor-bottom 0.8s 4 both;
	        animation: wobble-hor-bottom 0.8s 4 both;
}

@-webkit-keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}
@keyframes wobble-hor-bottom {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}
.has-luminous-vivid-amber-background-color {
    padding: 20px 0px!important;
    font-size: 1rem;
}
    font-size: 1rem;
}
.alert-bar i {font-size:1.2rem;}


.profilecard {
    height: 440px;
    margin: 1em;
    perspective: 1500px;
}
.profilecard .content {
    position: relative;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: transform 0.8s cubic-bezier(0.75, 0, 0.85, 1);
}
.profilecard .more {
    display: none;
}
.profilecard .more:checked ~ .content {
    transform: rotateY(180deg);
}
.profilecard .front, .profilecard .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    border-radius: 6px;
}
.profilecard .front .inner, .profilecard .back .inner {
    height: 100%;
    display: grid;
    padding: 1.5em;
    transform: translateZ(80px) scale(0.94);
}
.profilecard .front {
    background-color: #fff;
    background-size: cover;
    background-position: center center;
}
.profilecard .front:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 6px;
    backface-visibility: hidden;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
}
.profilecard .front .inner {
    grid-template-rows: 4fr 1fr 1fr 3fr 1fr;
    justify-items: center;
    text-align: center;
}
.profilecard .front img {
    grid-row: 1;
    max-width: 170px;
    filter: grayscale(100%);
    margin-bottom: 10px;
}
.profilecard .front h2 {
    grid-row: 3;
    margin-bottom: 0.3em;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2rem;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.profilecard .front p {
    grid-row: 4;
    text-transform: uppercase;
    font-weight: bold;
    color: #B4B4B4;
    letter-spacing: 1px;
    font-size: 13px;
}
.profilecard .back {
    transform: rotateY(180deg);
    background-color: #fff;
    border: 2px solid #f0f0f0;
}
.profilecard .back .inner {
    grid-template-rows: 2fr 18fr 1fr 1fr;
    grid-template-columns: repeat(4, auto);
    grid-column-gap: 0.8em;
    justify-items: center;
}
.profilecard .back .description {
    grid-row: 2;
    grid-column: 1/-1;
    line-height: 1.5em;
    overflow: auto;
    padding-right: 10px;
}
.profilecard .back .button {
    grid-column: 1/-1;
    justify-self: center;
}
.profilecard .button {
    grid-row: -1;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    display: block;
    padding: 0 1em;
    height: 3em;
    line-height: 2.9em;
    min-width: 3em;
    background-color: transparent;
    border: solid 2px #ccc;
    border-radius: 2px;
    text-align: center;
    left: 50%;
    backface-visibility: hidden;
    transition: 0.3s ease-in-out;
}
.profilecard .button:hover {
    background-color: var(--main-brand-color);
    text-shadow: none;
    color: #fff;
}
.profilecard .button.return {
    line-height: 3em;
    color: var(--main-brand-color);
    border-color: var(--main-brand-color);
    text-shadow: none;
}
.profilecard .button.return:hover {
    background-color: var(--main-brand-color);
    color: #fff;
    box-shadow: none;
}

.profilecard .inner  ::-webkit-scrollbar {
width: 5px;
}

.profilecard .inner ::-webkit-scrollbar-track {
background: #f1f1f1;
}

.profilecard .inner ::-webkit-scrollbar-thumb {
background: var(--main-brand-color);
}

.profilecard .inner ::-webkit-scrollbar-thumb:hover {
background: var(--main-brand-color);
}

.leisurecolumn .cta2, .curiousmindsintro .cta2 {
    font-size: 1.2rem;
    font-weight: 800;
    color: #fff;
    display: block;
    border: none;
    background-color: #fff;
    border-radius: 0.15rem;
    text-align: center;
    background: rgb(236,0,140);
    background: linear-gradient(
149deg
, rgba(236,0,140,1) 0%, rgba(0,165,200,1) 100%);
}
.leisurecolumn img, .curiousminds-prospectus img {margin-bottom:15px;border-radius:0.15rem!important;box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.14);
-webkit-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.14);}

.leisurecolumn {padding-bottom:15px!important;
padding-top:0px;}

.curiousmindscolumn {color:#fff;text-align:center;}
.curiousmindsimg img {border-radius:0.15rem 0.15rem 0px 0px!important;}
.curiousmindscolumn .bg-secondary {border-radius:0.15rem; padding-bottom:20px!important; background-color:#203a71!important;}
.curiousmindscolumn2 .bg-secondary {background-color:#602a4c!important;}
.curiousmindscolumn3 .bg-secondary {background-color:#00a0b3!important;}
.curiousmindscolumn .wp-block-image {
    margin: 0 0 0em;
}
.curiousmindscolumn a, .hecoursethumb a {color:#fff;}
.curiousmindscolumn .cta {padding:8px 12px;border:1px solid #fff;border-radius:0.15rem;display:inline-block;margin-top:10px;}

.pdflink p {
    font-size: 1.2rem;
    margin-top: 20px;
}
.pdflink p strong {
    font-size: 1rem;
}

@media only screen and (min-width: 600px) { .curiousmindsvideo {margin-top:-85px;}}

#rescountrow {margin-bottom:15px;}
#locationslist {margin-bottom:5px;}
#locationslist, #areaslist {font-size:1rem; color:#999;font-weight:600;text-transform:capitalize;}


.adultblueparallax {
    background: var(--theme-adult);
}
.adultgreenparallax {
    background: rgb(66 160 156);
}
.adultblueparallax i, .adultgreenparallax i {
    font-size: 4.6em;
}


.onlinecourses .btn-primary {
    background: rgb(66 160 156);
    border: none;
}

.col-5th
{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-5th {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

@media (max-width: 768px) {
    .col-5th {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}


.adult10panels .col-5th {padding: 15px;
}
@media (max-width: 768px) {
.cmplz-cookiebanner .cmplz-buttons {
    flex-direction: row!important;
}
	.adult10panels .col-5th {padding: 5px;
}
}
@media only screen and (max-width: 420px) {.adultpanel a {padding:25px 10px 0px!important;font-size:20px;min-height:200px;}.adultpanel i {font-size:50px;}.degreelist{column-count:1;font-size: 0.9em;line-height: 1.8em;}.degreelist a {
	padding: 4px 7px;}.hecourses {padding:0px 15px!important;}.adultgreenparallax .col-lg-1, .adultblueparallax .col-lg-1 {display:none;}
.whitetext.wp-block-media-text .wp-block-media-text__content {padding-right:0px;padding:15px;}
	.weathertable {font-size:13px;}.wp-block-table.is-style-stripes.weathertable td {
    border-color: transparent;
    padding: 10px 10px;
}}

.ucaslist .table-light {
    --bs-table-hover-bg: #eaa903;
    --bs-table-hover-color: #000;
	font-size:0.9rem;
}
.lcecontainer {
    position: relative;
    margin-top: -200px;
}
 .meshbg {
     background-image: url("https://www.cornwall.ac.uk/wp-content/uploads/2022/05/meshbg.jpg");
     background-repeat: no-repeat;
     background-size: cover;
     background-position: bottom left;
}
 .meshbg h1 {
     color: #fff;
     font-size: 3.5em;
}
 .meshbg h4 {
     color: rgba(255,255,255,0.6);
}
 .videowrapper iframe {
     border-radius: 6px!important;
     box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
     border: 2px solid #fff;
}
 .professionalpanel a, .leisurepanel a {
    font-size: 30px;
}
@media (max-width: 991px) {
.lcecontainer {margin-top:auto;}
}
}
 @media only screen and (max-width: 595px) {
     .meshbg h1 {
         font-size:2.1em;
    }
}
.bounce-top a {font-size:1.4rem!important;}
.bounce-top {	-webkit-animation: bounce-top 1.8s both;
	        animation: bounce-top 1.8s both;}
.bounce-top-leisure {	-webkit-animation: bounce-top 2.6s both;
	        animation: bounce-top 2.6s both;}
@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}

.businesscourses .adultpanel a {min-height:200px;font-weight:600;}.startagain, .backbtn {
    border-radius:3px;
    text-transform:uppercase;
    border:1px solid #ccc;
    background:rgba(255,255,255,0.2);
    padding:5px;
    display:inline-block;
    font-size:0.7rem;
    float:left;
    width:100px;
text-align:center;
}
 .backbtn {
    float:right;
}
.businesscolumn {
    column-count: 2;
}
.businesscolumn p {
    display: inline-block;
	width:100%;
}

.leisurecoursebanner {
    background: rgb(236,0,140);
    background: linear-gradient(149deg, rgba(236,0,140,1) 0%, rgba(0,165,200,1) 100%)!important;
}


.news-content img.alignright {float:right;margin:0px 0px 10px 20px;}
.parallax {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
    border-color: transparent;
    padding: 10px 20px;
}
.level1row, .level4row {background:#ffffff;}
.level1row .col-md-4, .level4row .col-md-6, .level6row .col-md-6 {padding:40px 20px;}
.level1row .col-md-4, .level4row .col-md-6 {background:rgba(32,58,113,0.1);}
.level1row .col-md-4+.col-md-4, .level4row .col-md-6+.col-md-6 {background:rgba(32,58,113,0.15);}
.level1row .col-md-4+.col-md-4+.col-md-4 {background:rgba(32,58,113,0.2);}
.level6row .col-md-6 {background:rgba(32,58,113,0.2);}
.level6row .col-md-6+.col-md-6 {background:rgba(32,58,113,0.25);}
.level1row h3, .level4row h3, .level6row h3 {margin: 0 0 6px
 0;color:#203a71;}
.workrow .col-md-6 {background:rgba(32,58,113,0.3);}
.workrow .col-md-6+.col-md-6 {background:rgba(32,58,113,0.25);}
.level1row h3, .level4row h3,  .workrow h3 {margin: 0 0 6px
 0;color:#203a71;}
.coursecta {background:rgba(255,255,255,0.4);border:1px solid #fff;padding:6px 12px;font-size:0.8em;border-radius:0.15rem;}
.opendayheader {margin-bottom:8px;}
.opencamborne .h-100.bg-primary {background:#203a71!important;color:#fff;padding:60px!important;color:#fff;}
.openstaustell .h-100.bg-primary {background:#52b3d9!important;color:#fff;padding:60px!important;color:#fff;} 
.bookcta {border-radius:0.15rem;border:2px solid #fff;padding:8px 15px;background:rgba(255,255,255,0.1);color:#fff;}
.bookcta a {color:#fff;}
.bookcta:hover {background:rgba(255,255,255,0.2);color:#fff;}
.bookcta a:hover {text-decoration:none;}
.opendayslider .carousel-inner {border-radius:0.15rem;}
.opencamborne img, .openstaustell img {border-radius:0.15rem!important;}
.notused {opacity: 0.3;cursor:not-allowed;text-decoration:none;pointer-events:none;}
.cim-panel {background:#d40036;background-image:url("https://www.cornwall.ac.uk/wp-content/uploads/2021/11/cim-panel-bg.jpg");background-repeat:no-repeat;background-position:bottom;background-size:contain;padding-bottom:80px!important;}
@media screen and (max-width: 380px) {
.cim-panel {padding-bottom:180px!important;}
}

.leisurecoursebanner {background: rgb(236,0,140);
background: linear-gradient(149deg, rgba(236,0,140,1) 0%, rgba(0,165,200,1) 100%)!important;}
.leisurebullets {padding:10px!important;}
.leisurecolumn .bg-LightGrey {
    padding: 24px!important;
	margin: 0 -24px;
border-radius:0.15rem;}



.multicolumn a {line-height:1.4em!mportant;padding: 9px 12px;
    border: 2px solid #ccc;
    border-radius: 0.15rem;
    display: block;
    margin-bottom: 10px;}
@media only screen and (max-width: 360px) {.freetime {display:none;}}
@media only screen and (min-width: 600px) {.multicolumn {column-count:3;}}
.researchteam .col-md-2, .researchpartners .col-md-6 {padding:10px!important;}
.researchteam img, .researchpartners img, {border-radius:0.15rem!important;box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);}

.learning-area::before {background: linear-gradient(0deg, rgba(0,0,0,0.50) 25%, rgba(255,255,255,0) 100%);
}
.learning-area:hover a::before, .learning-area:focus-within a::before, .learning-area:focus a::before {
    box-shadow: none;
}
.course-listing .post-column:hover, .course-listing .post-column:focus-within {
    background-color: #ffffff;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow: none;
}
.course-info .learning-area, .container .learning-area {
    border: 4px solid #FFF;
}
.facility::before {
    background: rgba(0,0,0,.4);
}
.recruitmentvideos {background-color:#f5f5f5;padding:15px;}
.careerslinks a {color:#fff!important;}


.bg-LightGrey .cta2 {background-color:#fff;}
.bg-LightGrey .cta2:hover {background-color:var(--main-brand-color);}

.narrowform .two-col-list .nf-field-element ul li {min-width:50%;}


.wp-block-image .alignright {
    margin: 0.5em 0 2em 0;
}
}







/*  End of Patrics Stuff */



.mu_register label[for="user_name"], .mu_register input[name="user_name"], .mu_register input[name="user_name"] + br { display: none; }




main {
  position: relative;
}


.dropdown-toggle::after {
  display: inline-block;
  margin-left: .5em;
  vertical-align: .155em;
}

#headvideo {
  width: 100%;
  object-fit: contain;
  height: calc(70vh - 103px);
  top: 0;
  z-index: 0;
  background-color: #000;
}

.home-carousel {
  position: relative;
  height: calc(70vh - 103px);
  top: 0;
  z-index: 1;
  overflow: hidden;
}

.home-carousel img {
  height: 100%;
  object-fit: cover;
}

.home-carousel.no-breadcrumb, .home-carousel.no-breadcrumb #headvideo {
  height: calc(70vh - 51px);
}

.home-carousel.no-video .carousel-inner, .home-carousel.no-video .carousel-item {
  height: calc(70vh - 51px);
}

.home-carousel .carousel-inner, .home-carousel .carousel-item {
  position: relative;
  height: calc(100vh - 51px);
}

.home-carousel .carousel {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 0;
  left: 0;
}

.navbar-toggler {
  color: #FFFFFF;
}

.navbar-brand {
  position: absolute;
  top: -5px;
  z-index: 3;
}

.navbar-brand img {
  width: 200px;
  height: auto;
}

.navbar-brand:nth-of-type(1) {
  display: block;
  left: 0;
  z-index: 7;
}

.navbar-brand:nth-of-type(2) {
  display: block;
  left: 32px;
  z-index: 6;
}

.navbar-brand:nth-of-type(3) {
  display: block;
  left: 64px;
  z-index: 5;
}

.navbar-brand:nth-of-type(4) {
  display: block;
  left: 96px;
  z-index: 4;
}

.navbar-brand:nth-of-type(5) {
  display: block;
  left: 128px;
  z-index: 3;
}

.nav-link {
  padding: 4px 0;
  color: var(--main-brand-color-hover);
}

.parallax {
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  color: #FFFFFF;
}

.parallax::before {
  content: ' ';

  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}

.parallax div {
  position: relative;
}



.eventdetailsleft .carousel-caption {
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0.15rem;
}
#parallax-block_62cc09d2f9656::before, #parallax-block_62cc09d2f9656::before {
    background-color: rgba(0,0,0,0.45);
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.post-column em {
  font-size: 0.9rem;
}

h3, #signup-content h2 {
  font-size: 1.6rem;
  margin: 0 0 20px 0;
	font-weight: 600;
}

#signup-content h2 {
  margin-bottom: 0 !important;
}

.mu_register {
  font-size: 0.9rem;
}

.mu_register form, #activateform {
  margin-top: 0 !important;
}

span.h3 {
  padding: 0 8px 0 0 !important;
  font-size: 14pt !important;
  font-weight: 700 !important;
}

.mu_register label {
  font-weight: 400 !important;
  font-size: 14pt !important;
  margin: 8px 0 8px 0 !important;
}

.mu_register p {
  font-size: 14pt !important;
}

.mu_register #user_email, .mu_register #user_name {
  margin: 0 0 8px 0 !important;
}

#signup-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  justify-content: center!important;
  margin: 32px 0;
}

.wp-activate-container, .mu_register {
  padding: 32px;
  border-radius: 0.15rem;
  background-color: #F6F6F6;
}

.post-column h3 {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 16px;
  line-height: 1.4;
}

.post-column h4 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 16px;
}

.post-column .header, .post-column .header-tile {
  background-size: contain;
  border: 1px solid #CCCCCC;
  background-color: #E6E6E6;
  border-radius: 0.15rem;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 200px;
  padding-top: 66.66% !important;
}

h1, h2 {
    
    
    margin: 0 0 0.7rem;
}

h1 {font-size:2rem;font-weight:700;}

h2 {font-size: 1.4rem;font-weight:600;}

h2 a {text-decoration:underline;}

#nf-app-form-title h2, #ninja-forms-dashboard h2 {
  font-size: 2rem;
}

.nf-progress-container {
  margin-top: 32px;
  margin-bottom: 32px;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
  background: #FFFFFF !important;
}

.parallax h1, .home-carousel h1, .home-carousel h2  {
  font-size: 3em;
	color:#fff;
}

.home-carousel h1 {
  font-size: 3rem;
}
/*
.parallax h1, .parallax h2, .parallax h3 {
  background: var(--main-brand-color);
    padding: 15px 25px;
    display: inline-block;
    margin: 0 1rem;
}

.parallax.schoolleaver h1, .parallax.schoolleaver h2, .parallax.schoolleaver h3 {background: var(--theme-1618);}
.parallax.adult h1, .parallax.adult h2, .parallax.adult h3 {background: var(--theme-adult);}
.parallax.apprenticeship h1, .parallax.apprenticeship h2, .parallax.apprenticeship h3 {background: var(--theme-apprenticeship);}
.parallax.leisure h1, .parallax.leisure h2, .parallax.leisure h3 {background:transparent;margin:0;}

*/
.parallax h1 {margin-bottom:0.5rem;}
.parallax h1, .parallax h3 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    line-height: 1.2;
	padding:2px 8px;
}
.parallax h3 {display:block;}
.parallax h1::after, .parallax h3::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--main-brand-color);
    animation: a-ltr-after 2s cubic-bezier(.77,0,.18,1) forwards;
    transform: translateX(-101%);
}

.parallax h1::before, .parallax h3::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: var(--bg-color);
    animation: a-ltr-before 2s cubic-bezier(.77,0,.18,1) forwards;
    transform: translateX(0);
}

.parallax.schoolleaver h1::after, .parallax.schoolleaver h3::after {
    background: var(--theme-1618);
}
.parallax.apprenticeship h1::after, .parallax.apprenticeship h3::after{
    background: var(--theme-apprenticeship);
}

.parallax.university h1::after, .parallax.university h3::after{
    background: var(--theme-university);
}
.parallax.adult h1::after, .parallax.adult h3::after{
    background: rgb(66 160 156);
}
.parallax.leisure h1::after, .parallax.leisure h3::after{
    background:white;
}
.parallax h1:nth-of-type(1)::before,
.parallax h1:nth-of-type(1)::after{
    animation-delay: 1s;
}

.parallax h3:nth-of-type(1)::before,
.parallax h3:nth-of-type(1)::after{
    animation-delay: 1.5s;
}

@keyframes a-ltr-after{
    0% {transform: translateX(-100%)}
    100% {transform: translateX(101%)}
}

@keyframes a-ltr-before{
    0% {transform: translateX(0)}
    100% {transform: translateX(200%)}
}
.degreelist {column-count:3;column-gap:40px;font-size:1.2em;line-height:2em;font-weight:500;}
.degreelist a {padding: 7px 13px;background:#fff;border:1px solid #203a71;border-radius:0.15rem;display:block;margin-bottom:12px;font-size: 1.3rem;color:#333;transition:0.3s;}
.degreelist a:hover {background: #ec008c;
    background: linear-gradient( 149deg , rgba(236,0,140,1) 0%, rgba(0,165,200,1) 100%);color:#fff;text-decoration:none;border-color:#f5f5f5;border-radius:0.15rem;}


.home-carousel a.cta1, .parallax a.cta1 {
  border: 1px solid #FFFFFF;
  display: inline-block;
}

.home-carousel {
  position: relative;
  height: 70vh;
  top: 0;
  z-index: 800;
  overflow: hidden;
}

.home-carousel.no-breadcrumb, .home-carousel.no-breadcrumb #headvideo {
  height: 70vh;
}

.home-carousel.no-video .carousel-inner, .home-carousel.no-video .carousel-item {
  height: 70vh;
}

.home-carousel .carousel-inner, .home-carousel .carousel-item {
  position: relative;
  height: 70vh;
}

.home-carousel .carousel {
  position: absolute;
  z-index: 900;
  width: 100%;
  top: 0;
  left: 0;
}

.home-carousel h2, .home-carousel h3, .parallax h2, .parallax h3, .editor-styles-wrapper .home-carousel h2, .editor-styles-wrapper .home-carousel h3, .editor-styles-wrapper .parallax h2, .editor-styles-wrapper .parallax h3 {
  color: #fff;
  font-weight: 800;
  font-size: 48px;
  line-height: 64px;
  margin: 0px 0;
}

.home-carousel h3, .parallax h3, .editor-styles-wrapper .home-carousel h3, .editor-styles-wrapper .parallax h3  {
  font-size: 2rem;
  line-height: 40px;
	font-weight:600;
}
.home-carousel .anchorlink, .parallax .anchorlink {color: #fff;
    font-size: 1.2rem;
    margin-top: 40px;
    display: inline-block;
    padding: 8px 14px;
    background: rgba(0,0,0,0.5);
    border-radius: 0.1rem;
	transition:0.5s;
	margin-right:6px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.parallax .anchorlink:first-of-type {border-top-left-radius: 3px;
border-bottom-left-radius: 3px;}
.parallax .anchorlink:last-of-type {border-top-right-radius: 3px;
border-bottom-right-radius: 3px;}

.parallax.schoolleaver .anchorlink {background:var(--theme-1618);}
.parallax.university .anchorlink {background:var(--theme-university);}
.parallax.adult .anchorlink {background:rgb(66 160 156);}
.parallax.apprenticeship .anchorlink {background:var(--theme-apprenticeship);}
.home-carousel .carousel-control-next, .home-carousel .carousel-control-prev {
  width: 5%;
}

.home-carousel .carousel-control-next-icon, .home-carousel .carousel-control-prev-icon {
  width: 50px;
  height: 50px;
}

.parallax h2 {
  font-size: 3.6rem;
  font-weight: 600;
}

p {
  margin: 0 0 25px 0;
}

p.has-background {
  margin-bottom: 0;
}
/* Removed by Patric
p:last-child {
  margin: 0 0 0 0;
}
*/

.post-column.col:not(.tweet-column):not(.link-column) {
  position: relative;
  padding: 32px 32px 96px 32px !important;
}

/*.course-sidebar .post-column.col:not(.tweet-column):not(.link-column) {
  padding: 32px 32px 32px 32px !important;
}*/

.post-column p {
  margin-bottom: 0;
}

.post-column {
  -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.75);
  box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.75);
  transition: all 0.5s ease;
}

.post-column:hover, .post-column:focus-within {
  background-color: #F6F6F6;

    box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px;
}

.bg-LightGrey .post-column:hover, .bg-LightGrey .post-column:focus-within {
background-color: #FFFFFF;
}

.post-column a:not(.news-cta) {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.post-column.inverted h3 {color:#fff;}
.post-column p.text-right {
  position: absolute;
  right: 32px;
  bottom: 32px;
  z-index: 1;
}

.post-column.tweet-column p.text-right {
  right: 16px;
  bottom: 16px;
}

.news-listing .post-column.col {
  padding: 16px 16px 96px 16px;
}

.news-listing .post-column.col.tweet-column {
  padding: 8px 8px 8px 8px;
}

.post-column a.news-cta {
  color: #FFFFFF;
  border-radius: 0.15rem;
}

.course-listing.has-pb .post-column.col {
  padding-bottom: 96px;
}

figcaption {
  font-style: italic;
  text-align: center;
  font-size: 0.9rem;
}

.videowrapper, .ratio-16x9 {
	position: relative;
	padding-bottom: 56.25% !important; /* 16:9 */
	height: 0;
	border-radius:0.15rem!important;box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1);
}

.ratio-16x9 iframe, .videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border-radius: 0.15rem;
    border: 2px solid #fff;	
}


/* patric removed
.mb-2, .my-2 {
  margin-bottom: 0 !important;
}
*/
.eventdetailsleft .carousel-caption h4 {
  margin: 0 0;
  font-size: 1.1rem;
}

.eventdetailsleft .carousel-caption p {
  font-size: 0.9rem;
}

.eventdetailsleft .carousel-caption hr {
  border-top: 1px dotted rgba(255,255,255,.3);
  width: 50%;
  margin-top: 4px;
  margin-bottom: 4px;
}

.eventdetailsleft .carousel-indicators li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.eventdetailsleft .carousel-caption {
  background-color: rgba(0,0,0,0.9);
  padding-top: 8px;
}


.eventdetailsleft .carousel-control-next-icon, .eventdetailsleft  .carousel-control-prev-icon {
  background: no-repeat 50%/50% 100%;
  background-color: #000;
  padding: 20px;
  z-index: 1;
}

.eventdetailsleft .carousel-control-prev-icon {
  background-image: url(data:image/svg+xml,%3csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ fill=\'%23fff\'\ viewBox=\'0\ 0\ 8\ 8\'%3e%3cpath\ d=\'M5.25\ 0l-4\ 4\ 4\ 4\ 1.5-1.5-2.5-2.5\ 2.5-2.5-1.5-1.5z\'/%3e%3c/svg%3e);
}

.eventdetailsleft .carousel-control-next-icon {
    background-image: url(data:image/svg+xml,%3csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ fill=\'%23fff\'\ viewBox=\'0\ 0\ 8\ 8\'%3e%3cpath\ d=\'M2.75\ 0l-1.5\ 1.5\ 2.5\ 2.5-2.5\ 2.5\ 1.5\ 1.5\ 4-4-4-4z\'/%3e%3c/svg%3e);
}

.wp-block-media-text {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 32px;
}

.wp-block-media-text .wp-block-media-text__content {
  padding: 0 0;
}

.has-image.ui-tabs-panel div {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.ui-tabs .ui-tabs-panel .row {
  padding: 0 0;
  margin: 0 0;
}

.ui-tabs .ui-tabs-panel .row .image {
  min-height: 200px;
}

.ui-tabs .ui-tabs-panel.image-right .row .col:not(.image) {
  padding-right: 32px;
}

.ui-tabs .ui-tabs-panel.image-left .row .col:not(.image) {
  padding-left: 32px;
}

.ui-tabs .ui-tabs-nav li {
  font-size: 1.4rem;
}

/*  Commented out by Patric

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding:2 0px 0px;
}

.wp-bootstrap-blocks-row .col, .wp-bootstrap-blocks-row .col-1, .wp-bootstrap-blocks-row .col-10, .wp-bootstrap-blocks-row .col-11, .wp-bootstrap-blocks-row .col-12, .wp-bootstrap-blocks-row .col-2, .wp-bootstrap-blocks-row .col-3, .wp-bootstrap-blocks-row .col-4, .wp-bootstrap-blocks-row .col-5, .wp-bootstrap-blocks-row .col-6, .wp-bootstrap-blocks-row .col-7, .wp-bootstrap-blocks-row .col-8, .wp-bootstrap-blocks-row .col-9, .wp-bootstrap-blocks-row .col-auto, .wp-bootstrap-blocks-row .col-lg, .wp-bootstrap-blocks-row .col-lg-1, .wp-bootstrap-blocks-row .col-lg-10, .wp-bootstrap-blocks-row .col-lg-11, .wp-bootstrap-blocks-row .col-lg-12, .wp-bootstrap-blocks-row .col-lg-2, .wp-bootstrap-blocks-row .col-lg-3, .wp-bootstrap-blocks-row .col-lg-4, .wp-bootstrap-blocks-row .col-lg-5, .wp-bootstrap-blocks-row .col-lg-6, .wp-bootstrap-blocks-row .col-lg-7, .wp-bootstrap-blocks-row .col-lg-8, .wp-bootstrap-blocks-row .col-lg-9, .wp-bootstrap-blocks-row .col-lg-auto, .wp-bootstrap-blocks-row .col-md, .wp-bootstrap-blocks-row .col-md-1, .wp-bootstrap-blocks-row .col-md-10, .wp-bootstrap-blocks-row .col-md-11, .wp-bootstrap-blocks-row .col-md-12, .wp-bootstrap-blocks-row .col-md-2, .wp-bootstrap-blocks-row .col-md-3, .wp-bootstrap-blocks-row .col-md-4, .wp-bootstrap-blocks-row .col-md-5, .wp-bootstrap-blocks-row .col-md-6, .wp-bootstrap-blocks-row .col-md-7, .wp-bootstrap-blocks-row .col-md-8, .wp-bootstrap-blocks-row .col-md-9, .wp-bootstrap-blocks-row .col-md-auto, .wp-bootstrap-blocks-row .col-sm, .wp-bootstrap-blocks-row .col-sm-1, .wp-bootstrap-blocks-row .col-sm-10, .wp-bootstrap-blocks-row .col-sm-11, .wp-bootstrap-blocks-row .col-sm-12, .wp-bootstrap-blocks-row .col-sm-2, .wp-bootstrap-blocks-row .col-sm-3, .wp-bootstrap-blocks-row .col-sm-4, .wp-bootstrap-blocks-row .col-sm-5, .wp-bootstrap-blocks-row .col-sm-6, .wp-bootstrap-blocks-row .col-sm-7, .wp-bootstrap-blocks-row .col-sm-8, .wp-bootstrap-blocks-row .col-sm-9, .wp-bootstrap-blocks-row .col-sm-auto, .wp-bootstrap-blocks-row .col-xl, .wp-bootstrap-blocks-row .col-xl-1, .wp-bootstrap-blocks-row .col-xl-10, .wp-bootstrap-blocks-row .col-xl-11, .wp-bootstrap-blocks-row .col-xl-12, .wp-bootstrap-blocks-row .col-xl-2, .wp-bootstrap-blocks-row .col-xl-3, .wp-bootstrap-blocks-row .col-xl-4, .wp-bootstrap-blocks-row .col-xl-5, .wp-bootstrap-blocks-row .col-xl-6, .wp-bootstrap-blocks-row .wp-bootstrap-blocks-row .col-xl-7, .wp-bootstrap-blocks-row .col-xl-8, .wp-bootstrap-blocks-row .col-xl-9, .wp-bootstrap-blocks-row .col-xl-auto {
  padding: 20px 0px;
}

*/

.wp-bootstrap-blocks-row .col>div, .wp-bootstrap-blocks-row .col-1>div, .wp-bootstrap-blocks-row .col-10>div, .wp-bootstrap-blocks-row .col-11>div, .wp-bootstrap-blocks-row .col-12>div, .wp-bootstrap-blocks-row .col-2>div, .wp-bootstrap-blocks-row .col-3>div, .wp-bootstrap-blocks-row .col-4>div, .wp-bootstrap-blocks-row .col-5>div, .wp-bootstrap-blocks-row .col-6>div, .wp-bootstrap-blocks-row .col-7>div, .wp-bootstrap-blocks-row .col-8>div, .wp-bootstrap-blocks-row .col-9>div, .wp-bootstrap-blocks-row .col-auto>div, .wp-bootstrap-blocks-row .col-lg>div, .wp-bootstrap-blocks-row .col-lg-1>div, .wp-bootstrap-blocks-row .col-lg-10>div, .wp-bootstrap-blocks-row .col-lg-11>div, .wp-bootstrap-blocks-row .col-lg-12>div, .wp-bootstrap-blocks-row .col-lg-2>div, .wp-bootstrap-blocks-row .col-lg-3>div, .wp-bootstrap-blocks-row .col-lg-4>div, .wp-bootstrap-blocks-row .col-lg-5>div, .wp-bootstrap-blocks-row .col-lg-6>div, .wp-bootstrap-blocks-row .col-lg-7>div, .wp-bootstrap-blocks-row .col-lg-8>div, .wp-bootstrap-blocks-row .col-lg-9>div, .wp-bootstrap-blocks-row .col-lg-auto>div, .wp-bootstrap-blocks-row .col-md>div, .wp-bootstrap-blocks-row .col-md-1>div, .wp-bootstrap-blocks-row .col-md-10>div, .wp-bootstrap-blocks-row .col-md-11>div, .wp-bootstrap-blocks-row .col-md-12>div, .wp-bootstrap-blocks-row .col-md-2>div, .wp-bootstrap-blocks-row .col-md-3>div, .wp-bootstrap-blocks-row .col-md-4>div, .wp-bootstrap-blocks-row .col-md-5>div, .wp-bootstrap-blocks-row .col-md-6>div, .wp-bootstrap-blocks-row .col-md-7>div, .wp-bootstrap-blocks-row .col-md-8>div, .wp-bootstrap-blocks-row .col-md-9>div, .wp-bootstrap-blocks-row .col-md-auto>div, .wp-bootstrap-blocks-row .col-sm>div, .wp-bootstrap-blocks-row .col-sm-1>div, .wp-bootstrap-blocks-row .col-sm-10>div, .wp-bootstrap-blocks-row .col-sm-11>div, .wp-bootstrap-blocks-row .col-sm-12>div, .wp-bootstrap-blocks-row .col-sm-2>div, .wp-bootstrap-blocks-row .col-sm-3>div, .wp-bootstrap-blocks-row .col-sm-4>div, .wp-bootstrap-blocks-row .col-sm-5>div, .wp-bootstrap-blocks-row .col-sm-6>div, .wp-bootstrap-blocks-row .col-sm-7>div, .wp-bootstrap-blocks-row .col-sm-8>div, .wp-bootstrap-blocks-row .col-sm-9>div, .wp-bootstrap-blocks-row .col-sm-auto>div, .wp-bootstrap-blocks-row .col-xl>div, .wp-bootstrap-blocks-row .col-xl-1>div, .wp-bootstrap-blocks-row .col-xl-10>div, .wp-bootstrap-blocks-row .col-xl-11>div, .wp-bootstrap-blocks-row .col-xl-12>div, .wp-bootstrap-blocks-row .col-xl-2>div, .wp-bootstrap-blocks-row .col-xl-3>div, .wp-bootstrap-blocks-row .col-xl-4>div, .wp-bootstrap-blocks-row .col-xl-5>div, .wp-bootstrap-blocks-row .col-xl-6>div, .wp-bootstrap-blocks-row .wp-bootstrap-blocks-row .col-xl-7>div, .wp-bootstrap-blocks-row .col-xl-8>div, .wp-bootstrap-blocks-row .col-xl-9>div, .wp-bootstrap-blocks-row .col-xl-auto>div {
  padding: 0;
}

.wp-block-media-text {
  margin: 20px 0;
}

.wp-block-media-text .wp-block-media-text__content {
  padding-right: 0;
  padding-left: 0;
  grid-column: auto;
  grid-row: auto;
}

.wp-block-media-text .wp-block-media-text__media {
  grid-column: auto;
  grid-row: auto;
}

.bg-LightGrey {
  background-color: #F6F6F6;
}

.row .bg-LightGrey {
  padding: 32px !important;
  margin: 0 ;
}

.ui-accordion .ui-accordion-header {
  font-size: 1.4rem;
  font-weight: 600;
}

.ui-accordion table td {
  padding: 8px;
}

.ui-icon {
  display: inline-block !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background-color: #F6F6F6 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background-color: #58595b !important;
  border-color: #F6F6F6 !important;
}

.ui-widget {
  font-family: Apex, sans-serif !important;
}

.ui-widget-header {
  background-color: #FFFFFF !important;
}

blockquote span.stars {
  display: block;
  position: absolute;
  top: -16px;
  left: 0;
  width: 100%;
  text-align: center;
  text-shadow: 1px 1px 2px #333333;
  font-size: 1.4rem;
}

.stars .fas.fa-star {
  color: #d3af37;
}

blockquote p {
  margin-bottom: 8px;
}

blockquote cite {
  display: block;
  width: 100%;
}

blockquote h3 {
  margin-bottom: 16px;
}

blockquote {
  position: relative;
  padding: 32px;
  background-color: #FFFFFF;
  margin-top: 16px;
}

blockquote::before {
  font-family: sans-serif;
  font-weight: 900;
  content: '\201C';
  position: absolute;
  top: -48px;
  left: 16px;
  font-size: 5rem;
}

blockquote::after {
  font-family: sans-serif;
  font-weight: 900;
  content: '\201D';
  position: absolute;
  bottom: -16px;
  right: 16px;
  font-size: 5rem;
  line-height: 0;
}

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
    width: 100% !important;
}

.wp-bootstrap-blocks-row .col.insta div, .insta div {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  padding-bottom: 100% !important;
}

.instarow {
  margin-left: -4px;
  margin-right: -4px;
}

.insta {
  padding: 0 !important;
}

.insta span {
  position: absolute;
  top: 45%;
  width: 100%;
  text-align: center;
  opacity: 0;
  font-weight: 600;
  color: #FFFFFF;
  transition: opacity 0.5s ease;
}

.insta a::before {
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  background-color: rgba(0,0,0,0);
  transition: all 0.5s ease;
}

.insta a:hover::before {
  background-color: rgba(0,0,0,0.7);
}

.insta a:hover span {
  text-decoration: none;
  opacity: 1;
}

.insta a {
  top: 8px;
  left: 8px;
  bottom: 8px;
  right: 8px;
  position: absolute;
  display: block;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

h3.stat-header, h4.stat-header {
  font-size: 1.6rem;
  font-weight: 400;
  margin-bottom: 8px;
}

h3.stat-header span.stat-number {
  font-weight: 900;
  font-size: 3rem;
}

h4.stat-header span.stat-number {
  font-weight: 900;
  font-size: 1.4rem;
}

.course-info h4.stat-header {
  color: #58595b;
}

span.stat-subtitle {
  font-size: 1.1rem;
  text-transform: uppercase;
  display: block;
}

#job-stats h3 {
  color: #58595b;
  font-size: 1.6rem;
}

#job-stats span.stat-subtitle {
  font-size: 1rem;
  margin-bottom: 16px;
}

#job-stats p {
  font-size: 0.9rem;
}

.col.stats {
  padding: 64px 16px;
  position: relative;
}

.col.stats img {
  margin-bottom: 8px;
}

.wpcf7-form p {
  margin-bottom: 8px;
}

.wpcf7-form label, .wpcf7-form span {
  font-size: 0.9rem;
  width: 100%;
}

.wpcf7-form input[type="text"], .wpcf7-form input[type="number"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form textarea {
  width: 100%;
  padding: 8px;
}

.wpcf7-form textarea {
  resize: none;
}

.home-carousel {
  padding: 0 0;
}

.course-header .course-sidebar img {
  position: absolute;
  top: -50px;
  right: 0px;
}

.course-header {background:var(--main-brand-color);padding-top: 50px; padding-bottom: 50px;}
.course-header h1, .course-header h3 {color:#fff;}
.course-header .app-stages {margin-top:50px;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
.course-header img {max-width:170px;float:right;}

#applyModal .modal-header {background:#009fae;color:#fff;}
#applyModal .modal-title {color:#fff;font-weight:800;font-size:1.4rem;}
#applyModal .modal-content {box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
#applyModal .modal-content p {padding:14px;margin-bottom:20px;}
#applyModal .modal-content i {font-size:32px;
  float: left;
  margin-right: 1em;}


.home-carousel {
  padding: 0 0;
}

.home-carousel .carousel-item::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-position: right;
  background-size: auto 100%;
  background-repeat: no-repeat;
  opacity: 0.8;
  background-color: rgba(0,0,0,0.3);
  background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 100%);
}

.home-carousel .carousel-item {
  background-size: cover;
  background-repeat: no-repeat;
}

.home-carousel .carousel-caption {
  background-color: transparent;
  text-align: left;
  margin-right: auto!important;
  width: 40%;
  bottom: 0;
  left: 7%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 0;
}

.home-carousel .carousel-control-next, .home-carousel .carousel-control-prev {
  width: 5%;
}

.home-carousel .carousel-control-next-icon, .home-carousel .carousel-control-prev-icon {
  width: 50px;
  height: 50px;
}

.container .eventdetailsleft .carousel-item {
  padding-top: 59.25%;
background-color:#f5f5f5;
    border: 1px solid #e4e4e4;
    border-radius: 0.15rem;
}

.container .eventdetailsleft .carousel-item img {
  position: absolute;
  top: 0;
  /*max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto;*/
}

.cta1, .cta1 .wp-block-button__link {
  font-size: 1rem;
  font-weight: 600;
  color: #58595b;
  display: inline-block;
  padding: 16px 16px 14px 16px;
  word-spacing: 0.2rem;
  border: 1px solid #58595b;
  text-transform: uppercase;
  background-color: #fff;
  transition: all 0.5s ease;
  border-radius: 0.15rem;
  text-decoration: none;
}

.cta2, input[type="submit"], .cta2 .wp-block-button__link {
font-size: 1rem;
    font-weight: 600;
    color: var(--main-brand-color);
    display: inline-block;
    padding: 12px 12px 10px 12px;
    border: 2px solid var(--main-brand-color);
    text-transform: uppercase;
    background-color: transparent;
    transition: all 0.5s ease;
    border-radius: 0.15rem;
    text-decoration: none;
}

.cta1.wp-block-button, .cta2.wp-block-button {
  padding: 0 0 0 0;
}

.cta1:hover, .cta1:focus, .cta2:hover, .cta2:focus, input[type="submit"]:hover, input[type="submit"]:focus, .cta1 .wp-block-button__link:hover, .cta1 .wp-block-button__link:focus, .cta2 .wp-block-button__link:hover, .cta2 .wp-block-button__link:focus {
  text-decoration: none;
  color: #fff;
  background-color: var(--main-brand-color);
}

.cta1.bookmark:hover, .cta1.bookmark:focus, .cta1.bookmarked {
  background-color:var(--main-brand-color);color:#fff;
}

.course-sidebar .cta1:hover, .course-sidebar .cta1:focus {
  background-color: #FFFFFF;
  color: var(--main-brand-color);
}

.course-search label {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 1.2rem;
  margin-bottom: 4px;
  cursor: pointer;
}

.course-search input::placeholder {
  color: rgba(255,255,255,0.5);
  transition: all 0.5s ease;
}

.course-search input, .course-search select {
  display: block;
  width: 100%;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  padding: 8px;
  font-size: 1.4rem;
  font-style: italic;
  cursor: pointer;
  background-color: rgba(0,0,0,0);
  transition: all 0.5s ease;
}

.course-search input:focus, .course-search input:focus::placeholder, .course-search select:focus {
  background-color: rgba(255,255,255,1);
  color: #58595b;
}

.course-search select {
  background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+') no-repeat calc(100% - 1px) 50%;
  -moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
  text-transform: uppercase;
  padding-right: 5%;
}

.course-search button {
  display: block;
  width: 100%;
  padding: 8px;
  background-color: #fff;
  color: #58595b;
  border: 0;
  cursor: pointer;
  font-size: 1.4rem;
  text-transform: uppercase;
  transition: all 0.5s ease;
  margin-bottom: 4px;
}

.course-search button:hover, .course-search button:focus {
  background-color: #58595b;
  color: #FFFFFF;
}

.course-search .search-icon {
  font-size: 10rem;
  text-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}

.course-search [class*="col-"].col {
  padding: 8px;
}

.navbar-collapse .row {
  width: 100%;
}

.navbar-collapse {
  padding-top: 48px;
}

.form-inline {
  opacity: 1;
  transition: opacity 0.5s ease;
  margin-right: 1rem;
}

.form-inline.hidden {
  opacity: 0;
}

.navbar>.container.collapse:not(.show) {
  display: none;
}

.headerform input {
  background-color: #FFFFFF;
  border: 0;
  border-radius: 0.15rem 0 0 0.15rem;
  color: #58595b;
  padding: 4px 8px;
  font-size: 1rem;
  transition: all 0.5s ease;
  line-height: 1.2rem;
}

.headerform input:focus {
  background-color: #FFFFFF;
  color: #58595b;
}

.headerform input::placeholder {
  color: #58595b;
}

.headerform button.btn {
  background-color: #E6E6E6;
  color: #222222;
  transition: all 0.5s ease;
  border-radius: 0 0.15rem 0.15rem 0;
  margin-top: 0 !important;
}

.headerform button.btn:hover {
  background-color: #AAAAAA;
  color: #000000;
}

.search-row button.btn {
  background-color: #E6E6E6;
  color: #222222;
  transition: all 0.5s ease;
  border-radius: 0 0.15rem 0.15rem 0;
}

.search-row button.btn:hover {
  background-color: #AAAAAA;
  color: #000000;
}

.search-row input {
  background-color: #FFFFFF;
  border: 2px solid #FFFFFF;
  border-radius: 0 0 0 0.15rem;
}

.search-row input::placeholder {
  text-transform: none;
  color: #58595b;
}

.search-row input:focus::placeholder {
  text-transform: none;
}

.post-column a.news-cta {
  display: inline-block;
  font-size: 1rem;
  margin-top: 16px;
  padding: 12px 12px 10px 12px;
  color: #FFFFFF;
  background-color: var(--main-brand-color);
  margin-left: auto;
  font-weight: 600;
  border: 1px solid var(--main-brand-color);
  transition: all 0.5s ease;
  text-transform: uppercase;
  text-decoration: none;
}

.post-column a.news-cta:nth-of-type(odd) {
  color: var(--main-brand-color);
  background-color: transparent;
  border: 1px solid var(--main-brand-color);
}

.bg-LightGrey a.news-cta {
  border: 1px solid var(--main-brand-color);
  color: var(--main-brand-color);
}

.news-cta i {
  margin-right: 8px;
}

.post-column a.news-cta:hover {
  text-decoration: none;
  background-color: #FFFFFF;
  color: var(--main-brand-color);
}

.post-column a.news-cta:nth-of-type(odd):hover {
  text-decoration: none;
  background-color: var(--main-brand-color);
  color: #FFFFFF;
}

.corner-label-bg {
  content: '';
  position: absolute;
  top: 16px;
  right: 16px;
  display: block;
  width: 64px;
  height: 64px;
  background-color: var(--main-brand-color);
  border-radius: 0.15rem;
  transform: rotate(45deg);
}

.corner-label {
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 64px;
  height: 64px;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 20px 4px 20px 4px;
  text-align: center;
  font-weight: 300;
}

.corner-logo {
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
}

.news-listing .corner-logo {
  top: 8px;
  right: 8px;
}

.menu-item {
  position: relative;
}

.menu-item:not(.spacer):hover::before, .menu-item:not(.spacer):focus-within::before {
  content: '';
  position: absolute;
  display: block;
  top: 10px;
  left: -20px;
  width: 10px;
  height: 10px;
  background-color: #FFFFFF;
  transform: rotate(45deg);
}

.menu-item.spacer {
  height: 20px;
}

.menu-item.spacer a {
  cursor: default;
}

#hvplay {
  color: rgba(255,255,255,1);
  font-size: 5rem;
  transition: color 0.5s ease;
}

#hvplay:hover, #hvplay:focus {
  color: rgba(255,255,255,0.5);
}

.portal-links .col {
  padding: 0 32px;
}

.search-links .col {
  padding: 32px 0 0 0;
}

.search-links .col:first-of-type {
  margin-left: 32px;
}

.search-row {
  margin-top: -1px;
}

.search-row .col {
  padding-top: 0px;
}

.portal-links a, .search-links a {
  display: block;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  background-color: var(--main-brand-color);
  transition: all 0.5s ease;
  padding: 4px;
}

.search-links a {
  color: #222222;
  background-color: #E6E6E6;
  border-width: 1px 1px 0 0;
  border-color: #333333;
  border-radius: 0.15rem 0.15rem 0 0;
}

.portal-links a:hover, .portal-links a:focus {
  text-decoration: none;
  color: var(--main-brand-color);
  background-color: #FFFFFF;
}

.search-links a.selected, .search-links a:hover, .search-links a:focus {
  color: #000000;
  background-color: #AAAAAA;
  font-weight: 700;
}

.search-links a {
  font-size: 0.8rem;
}

.headerform input {
  width: 95%;
}

.headerform button.btn {
  width: 5%;
  padding: 0 0;
}

.learning-area {
  padding: 16px;
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  align-self: flex-end!important;
}

.learning-area a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.learning-area div {
  color: #FFFFFF;
  font-size: 1.4rem;
  position: relative;
  padding-top: 50%;
  z-index: 0;
  overflow: hidden;
}

.learning-area:hover div {
  text-shadow: 1px 1px 2px #000;
}

.learning-area span {
  white-space: nowrap;
  overflow-x: hidden;
}

.course-info .learning-area:not(.hashtag-area) {
  padding: 8px;
  align-self: stretch!important;
}

.course-info .learning-area:not(.hashtag-area):hover div {
  text-shadow: none;
}

.course-info .learning-area:not(.hashtag-area) div:hover {
  background-color: #58595b;
  color: #FFFFFF;
}

.course-info .learning-area:not(.hashtag-area) div {
  background-color: #FFFFFF;
  color: #58595b;
  font-size: 1rem;
  padding-top: 16px;
  padding: 16px;
  border: 1px solid #58595b;
  border-radius: 0.15rem;
  box-shadow: -1px 0px 0px #58595b;
  transition: all 0.5s ease;
  width: 100%;
}

.course-info .learning-area:not(.hashtag-area) hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}



#facilities img {
  width: 300px;
  height: auto;
  float: left;
  margin-right: 32px;
  margin-bottom: 32px;
}

.always-horizontal .col.facility {
  background-size: cover;
  background-position: center;
  position: relative;
  color: #FFFFFF;
  font-size: 0.9rem;
  padding: 64px;
}

.course-info .facility h3 {
  color: #FFFFFF;
  position: relative;
}

.facility p, .facility hr {
  position: relative;
}

.facility:hover::before {
  backdrop-filter: blur(10px);
}

.facility::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.8);
  transition: all 0.5s ease;
}

.learning-area::before {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
  z-index: 0;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.learning-area a {
  z-index: 1;
}

.learning-area:not(.d-flex) a::before {
  content: ' ';
  position: absolute;
  display: block;
  top: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000000;
  transition: all 0.5s ease;
  overflow: hidden;
  z-index: 1;
  opacity: 0;
  font-size: 3rem;
  padding: 0 32px 0 32px;
  color: #FFFFFF;
  text-align: center;
}

.learning-area.hashtag-area a::before {
  font-size: 2rem;
}

.learning-area:hover a::before, .learning-area:focus-within a::before, .learning-area:focus a::before {
  top: 0;
  opacity: 1;
  box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.5);
  padding: 20% 32px 32px 32px;
}

.learning-area:hover::before, .learning-area:focus-within::before {
  opacity: 0.2;
}

.course-info .learning-area:not(.hashtag-area)::before {
  display: none;
}

.accordion-button {
  font-size: 1.3rem !important;
	background-color: #f5f5f5;
}

.accordion-button:not(.collapsed) {
  background-color: var(--main-brand-color);
  color: #FFFFFF;
}
.accordion-button:focus {
    border-color: var(--main-brand-color);
	box-shadow:none;
}
.course-info .ui-accordion .ui-icon {
  display: none !important;
}

.course-header {
  border-bottom: 5px solid #CCCCCC;
}

.course-header h1 {
  margin-bottom: 16px;
	color:#fff;
}

.course-header h2 {
  font-size: 2rem;
	margin-bottom:20px;
}

.course-sidebar {
  background-color: #F6F6F6;
  color: var(--main-brand-color);
}

.course-sidebar:first-child {
  padding-top: 64px;
}

blockquote .img-wrapper, .staff-block .img-wrapper {
  margin-bottom: 16px;
}

.course-sidebar blockquote {
  color: #58595b;
  border-radius: 0.15rem 0 0 0.15rem;
  border-left: 10px solid var(--main-brand-color);
  box-shadow: -1px 0px 0px #FFFFFF;
}

.course-sidebar>div:not(.spacer):not(.wp-block-spacer):not(.fb-page):not(.instarow), div.facts {
  position: relative;
  background-color: #FFFFFF;
  color: #58595b;
  margin-bottom: 25px;
  padding: 25px;
  border-radius: 0.15rem;
  border:none;
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.course-sidebar>div.unpadded:not(.spacer):not(.wp-block-spacer) {
  padding: 0 !important;
}

.course-sidebar div p, div.facts p {
  margin-bottom: 8px;
}

.partner-logo {
  margin-bottom: 32px;
}

.course-sidebar>div.row, .course-sidebar>div .col:not(.post-column), div.facts .col {
  padding: 8px;
  margin-left: 0;
  margin-right: 0;
}

.hashtags a {
  display: inline-block;
  border: 1px solid var(--main-brand-color);
  color: var(--main-brand-color);
  margin: 4px;
  padding: 4px 8px;
  white-space: nowrap;
  transition: all 0.5s ease;
}

.hashtags a:hover {
  background-color: var(--main-brand-color);
  color: #FFFFFF;
}

.ui-state-default,  .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html  .ui-button.ui-state-disabled:active,
.filter-form .ui-state-default, .filter-form .ui-widget-content .filter-form .ui-state-default, .filter-form .ui-widget-header .ui-state-default, .filter-form .ui-button, html .filter-form .ui-button.ui-state-disabled:hover, html .filter-form .ui-button.ui-state-disabled:active {
  background-color: transparent !important;
  color: var(--main-brand-color);
  transition: all 0.5s ease;
}

 .ui-state-default:hover,  .ui-widget-content  .ui-state-default:hover,  .ui-widget-header .ui-state-default:hover,  .ui-button:hover, html  .ui-button.ui-state-disabled:hover, html  .ui-button.ui-state-disabled:active,
.filter-form .ui-state-default:hover, .filter-form .ui-widget-content .filter-form .ui-state-default:hover, .filter-form .ui-widget-header .ui-state-default:hover, .filter-form .ui-button:hover, html .filter-form .ui-button.ui-state-disabled:hover, html .filter-form .ui-button.ui-state-disabled:active {
  background-color: #F6F6F6 !important;
}

 .ui-state-active,  .ui-widget-content .ui-state-active,  .ui-widget-header .ui-state-active,  a.ui-button:active,  .ui-button:active,  .ui-button.ui-state-active:hover,  .ui-state-active:hover,  .ui-widget-content .ui-state-active:hover,  .ui-widget-header .ui-state-active:hover,
.filter-form .ui-state-active, .filter-form .ui-widget-content .ui-state-active, .filter-form .ui-widget-header .ui-state-active, .filter-form a.ui-button:active, .filter-form .ui-button:active, .filter-form .ui-button.ui-state-active:hover, .filter-form .ui-state-active:hover, .filter-form .ui-widget-content .ui-state-active:hover, .filter-form .ui-widget-header .ui-state-active:hover {
  background-color: var(--main-brand-color) !important;
  border-color: #F6F6F6 !important;
  color: #FFFFFF !important;
}

.course-info h3 {
  color: var(--main-brand-color);
}

.course-info hr, .course-sidebar hr {
  margin-top: -16px;
  border-width: 2px;
}

.hashtag-area hr {
  margin-top: 1rem;
}

.course-info .carousel-item hr, .course-sidebar .carousel-item hr {
  margin-top: 4px;
  border-width: 1px;
}

.course-info .post-column hr, .course-sidebar .post-column hr {
  margin-top: 1rem;
  border-width: 1px;
}

.always-horizontal {
    flex-wrap: nowrap!important;
    overflow-x: scroll;
    overflow-y: hidden;
    position: relative;
    justify-content: flex-start!important;
    padding-bottom: 16px;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}

.always-horizontal[data-max="0"] {
  padding-bottom: 0;
}

.always-horizontal .col {
  padding: 0 16px;
  scroll-snap-align: start;
}

.always-horizontal .col:first-of-type {
  margin-left: 0;
}

.always-horizontal .col:last-of-type {
  margin-right: 0;
}

.always-horizontal::-webkit-scrollbar, nav.scrollspy::-webkit-scrollbar {
  width:8px;
  height:8px
}

.always-horizontal[data-max="0"]::-webkit-scrollbar {
  display: none;
}

.always-horizontal::-webkit-scrollbar-track, nav.scrollspy::-webkit-scrollbar-track {
  background:#F6F6F6;
}

.always-horizontal::-webkit-scrollbar-thumb, nav.scrollspy::-webkit-scrollbar-thumb {
  background:#58595b;
}

.always-horizontal::-webkit-scrollbar-thumb:hover, nav.scrollspy::-webkit-scrollbar-thumb:hover {
  background:#58595b;
}

nav.scrollspy::-webkit-scrollbar, nav.scrollspy::-webkit-scrollbar-track, nav.scrollspy::-webkit-scrollbar-thumb {
  border-top-right-radius: 8px;
}

.course-info .gallery .col {
  background-size: cover;
  background-position: center;
  position: relative;
}

.course-info .gallery .col div {
  padding-bottom: 100%;
}

.course-info .gallery .col div a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.lightbox {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.7);
  z-index: 1;
}

.lightbox img {
  border: 8px solid #FFFFFF;
  outline: 1px solid #CCCCCC;
  max-width: 80%;
  max-height: 80%;
  position: fixed;
  top: 50%;
  left: 50%;
}

.lightbox a.button-close {
  position: fixed;
  top: 50%;
  right: 50%;
  z-index: 1;
  color: #000000;
  background-color: #FFFFFF;
  font-size: 1.6rem;
  line-height: 1.6rem;
  padding: 4px;
  border-radius: 50%;
}

a.button-close:hover {
  color: #000000;
}

.course-listing {
  padding: 32px 15px 32px 15px;
}

.course-listing .col {
  margin-bottom: 32px;
}

.filter-form h3 {
  margin-bottom: 0;
}

.filter-form label {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}

.filter-form input, #signup-content input {
  background: #FFFFFF;
  border: 1px solid var(--main-brand-color);
  padding: 8px;
  width: 100%;
  font-size: 14pt !important;
}

#signup-content input[type="checkbox"] {
  width: auto;
}

.filter-form input[type="number"] {
  width: auto;
}

.filter-form button, .filter-form input[type="submit"], #signup-content input[type="submit"] {
  width: auto;
  padding: 8px 16px;
  background-color: var(--main-brand-color);
  border: 2px solid var(--main-brand-color);
  color: #FFFFFF;
  transition: all 0.5s ease;
  border-radius:0.15rem;
}

.filter-form button:hover, .filter-form input[type="submit"]:hover, #signup-content input[type="submit"]:hover {
  padding: 8px 16px;
  background-color: #FFFFFF;
  border: 2px solid var(--main-brand-color);
  color: var(--main-brand-color);
}

.filter-form input[type="checkbox"], #signup-content input[type="checkbox"] {
  background: #FFFFFF;
  border: 2px solid var(--main-brand-color);
  width: 12px;
  height: 12px;
  padding: 4px;
  transform: rotate(45deg);
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  margin-right: 8px;
}

.filter-form input[type="checkbox"]:checked, #signup-content input[type="checkbox"]:checked {
  background-color: var(--main-brand-color);
}

.filter-form .ui-accordion .ui-accordion-header {
  font-weight: 400;
  font-size: 1.4rem;
}

.filter-form .ui-icon {
  display: none !important;
}

.filter-form .ui-accordion h3>span {
  display: block;
  font-size: 0.9rem;
}

.filter-form .ui-accordion h3 span span {
  font-weight: 600;
}

.filter-form form p {
  margin-bottom: 8px;
}

.filter-form form p.submit, #signup-content p.submit {
  text-align: right;
}

.filter-form .login-submit {
  text-align: right;
  margin-bottom: 32px;
}

.disabled-link {
  cursor: not-allowed;
  pointer-events: none;
  background-color: #58595b;
  border-color: #58595b;
  color: #FFFFFF;
}

.link-prev {
  position: absolute;
  left: -12px;
  top: 33%;
  font-size: 3rem;
  line-height: 1rem;
  padding: 4px;
  background-color: #FFFFFF;
  color: var(--main-brand-color);
  border-radius: 50%;
  z-index: 1;
  transition: all 0.5s ease;
}

.link-next {
  position: absolute;
  right: -12px;
  top: 33%;
  font-size: 3rem;
  line-height: 1rem;
  padding: 4px;
  background-color: #FFFFFF;
  color: var(--main-brand-color);
  border-radius: 50%;
  z-index: 1;
  transition: all 0.5s ease;
}

.link-next:hover, .link-prev:hover {
  color: #000000;
}

.wp-block-button {
  margin-bottom: 32px;
}
/* removed by patric
main .container-fluid:not(.la-grid) {
  padding-left: 0px;
  padding-right: 0px;
}
*/

.d-lg-none {
  background-color: transparent;
  display: inline-block;
  border: 0;
  padding: inherit;
  vertical-align: top;
  font-size: inherit;
  line-height: inherit;
}

.btn-primary.d-lg-none:hover, .btn-primary.d-lg-none:not(:disabled):not(.disabled):focus, .btn-primary.d-lg-none:not(:disabled):not(.disabled):active {
  background-color: transparent;
}

.mobile-full {
  position: relative;
}

.accreditations .img-fluid, .partnerships .img-fluid {
  max-height: 150px;
}

.ui-widget-content a:not(.cta) {
  text-decoration: underline;
}

.ui-widget-content a {
  color: var(--main-brand-color)!important;
}

.ui-widget-content a.cta:hover {
  color: #FFFFFF !important;
}

.ui-widget-content .ui-state-active a {
  color: #FFFFFF !important;
}

.ui-widget-content a:hover {
  text-decoration: none;
}

.directions {
  margin-bottom: 32px;
}

.directions input::placeholder {
  color: #333333;
  font-weight: 300;
}

.directions input, .directions button {
  display: block;
  color: var(--main-brand-color);
  background-color: transparent;
  width: 100%;
  padding: 8px;
  border: 2px solid var(--main-brand-color);
  transition: all 0.5s ease;
}

.directions button:hover, .directions button:focus {
  background-color: var(--main-brand-color);
  color: #FFFFFF;
}

.directions .col, .directions[class*="col-"] {
  padding: 8px;
}

.course-sidebar h4 {
  font-size: 1.2rem;
}

.course-sidebar .post-column h4 {
  font-size: 0.9rem;
}

.news-thumbnail {
  width: 50%;
  float: right;
  padding: 16px 16px;
  margin: 0 0 32px 32px;
  background-color: #F6F6F6;
  box-shadow: 2px 2px 3px #999999;
  border-radius:0.15rem;
}

.news-thumbnail img {
  width: 100%;
  margin-bottom: 16px;
}

.sharelinks {
  font-size: 2rem;
}

.sharelinks .col {
  position: relative;
  color: var(--main-brand-color);
}

.sharelinks a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.sharelinks .col:hover i {
  color: #007bff;
}

.course-sidebar>div .details-box div.col {
  padding: 16px 16px;
}

.course-header .course-sidebar>div {
  margin: 16px;
}

.details-box div:nth-of-type(odd) {
  font-size: 1.4rem;
  text-align: center;
  background-color: var(--main-brand-color);
  color: #FFFFFF;
}

.map {
  position: relative;
}

.olControlAttribution {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.7rem;
  background-color: rgba(255,255,255,0.7);
  padding: 8px;
  z-index: 1 !important;
}

.olControlZoom {
  display: block;
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: rgba(255,255,255,0.7);
  z-index: 1 !important;
}

.olControlZoom a {
  display: block;
  margin: 8px;
  height: 32px;
  width: 32px;
  border-radius:0.15rem;
  color: #616161;
  background-color: #FFFFFF;
  box-shadow: 1px 1px 1px #616161;
  text-align: center;
  font-weight: 900;
}

.olControlZoom a:hover {
  text-decoration: none;
  background-color: #F6F6F6;
}

main .container-fluid.breadcrumb {
	border-top:1px solid rgba(255, 255, 255, 0.1);
	text-transform:uppercase;
    letter-spacing: 0.06rem;
    color: rgba(255, 255, 255, 0.8);
	background: var(--main-brand-color-hover);
    background: linear-gradient(90deg, var(--main-brand-color) 0%, var(--main-brand-color-hover) 70%, var(--main-brand-color-hover) 90%, var(--main-brand-color) 100%);
  margin: 0;
  border-radius: 0;
  padding: 10px;
		font-size:0.8rem;
}

main.newquay .container-fluid.breadcrumb, main.eden .container-fluid.breadcrumb {
    background: linear-gradient(90deg, var(--main-brand-color) 0%, rgb(103,103,103) 70%, rgb(103,103,103) 90%, var(--main-brand-color) 100%);
}



p#breadcrumbs {margin:0;}

.breadcrumb-item.active {
  color: #fff;
}

.breadcrumb a {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 600;
		font-size:0.8rem;

}

.breadcrumb>span {
  margin-right: 8px;
  margin-left: 8px;
}

.breadcrumb-item+.breadcrumb-item::before {
   color: rgba(255, 255, 255, 0.8);
}
.breadcrumb a:hover {color:#fff;}
.doc-column.col {
  border-left: 8px solid var(--main-brand-color);
  padding-bottom: 96px;
}

.doc-column>i {
  font-size: 5rem;
  width: 100%;
  text-align: center;
}

.doc-column h4 {
  font-size: 1rem;
  height: 2.4rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.doc-column p:not(.text-right) {
  font-size: 0.8rem;
}

.filter-links h3 {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  margin-right: 32px;
}

.filter-links a {
  padding: 8px;
  border: 2px solid #58595b;
  color: #58595b;
  font-weight: 600;
  border-radius:0.15rem;
  margin-right: 16px;
  font-size: 1rem;
  display: inline-block;
}

.hider {
  background-color: #F6F6F6;
}

.link-column.col {
  text-align: center;
  position: relative;
}

.link-column.col div {
  position: relative;
  padding: 0 !important;
  padding-top: 15% !important;
  padding-bottom: 15% !important;
  overflow: hidden;
}

.link-column h3 {
  font-size: 1.6rem;
}

.link-column.col-lg-2 h3 {
  font-size: 1.4rem;
  margin-top: 32px;
}

.link-column i, .link-column .svg-inline--fa {
  height: 3.5rem;
  font-size: 3.5rem;
}

.link-column.inverted::before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.3);
  z-index: 1;
  transition: all 0.5s ease;
}

.link-column.inverted:hover::before {
  background-color: rgba(0,0,0,0);
}

.link-column.inverted div {
  position: relative;
  z-index: 1;
}

.calendar-table td, .calendar-table th {
  padding: 16px;
  border: 1px solid #E6E6E6;
}

.calendar-table th {
  color: #FFFFFF;
  border-color: #111111;
  background-color: #111111;
}

.calendar-table tbody tr:nth-child(odd):hover td, .calendar-table tbody tr:nth-child(even):hover td, .calendar-table tr:nth-child(odd):hover td:first-of-type, .calendar-table tr:nth-child(even):hover td:first-of-type {
  background-color: #AAAAAA;
  color: #FFFFFF;
  transition: all 0.5s ease;
}

.calendar-table tbody tr:nth-child(odd) td {
  background-color: #F6F6F6;
}

.calendar-table tbody tr:nth-child(even) td {
  background-color: #E6E6E6;
}

.calendar-table tr:nth-child(odd) td:first-of-type {
  color: #FFFFFF;
  background-color: rgba(0,55,115,0.5);
  font-weight: 700;
}

.calendar-table tr:nth-child(even) td:first-of-type {
  color: #FFFFFF;
  background-color: rgba(0,55,115,0.7);
  font-weight: 700;
}

.tweet-column {
  border: 8px solid #00acee;
}

.tweet-column div {
  color: #FFFFFF;
  background-color: #00acee;
  padding: 16px 16px 96px 16px;
  position: relative;
  min-height: 100%;
  transition: background-color 0.5s ease;
}

.tweet-column h3 {
  font-size: 1.4rem;
  font-weight: 400;
}

.tweet-column p:not(.text-right) {
  font-size: 1rem;
  line-height: 1.8rem;
}

.tweet-column a.news-cta {
  background-color: #FFFFFF !important;
  color: #00ACEE !important;
}

.tweet-column:hover div, .tweet-column:focus-within div {
  background-color: #0079BB;
}

#site-selector {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0,0,0,0.9);
  overflow-y: scroll;
  scrollbar-width: none;
}

#site-selector::-webkit-scrollbar {
    display: none;
}

#site-selector span {
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.2rem;
  padding: 16px 16px;
  margin-top: 32px;
  color: #FFFFFF;
  background-color: #183971;
  line-height: 1rem;
}

#site-selector .row .row {
  margin-bottom: 16px;
}

#site-selector .row .row div:not(.col) {
  height: 100px;
  width: 50%;
}

#site-selector .row .row .col {
  width: 100%;
  padding: 0;
}

#site-selector .row .row .col:nth-of-type(2) {
  padding-left: 16px;
}

#site-selector a {
  display: flex;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 2.4rem;
  border-radius: 0 32px 32px 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 32px 0 120px;
}

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.nf-field-label label {
  font-weight: 400 !important;
}

.nf-response-msg {
  padding: 25px 20px 18px;
  border: 2px solid var(--main-brand-color);
  background:#fff;
  border-radius:0.3rem;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	margin-bottom:20px;
}
.nf-response-msg p {margin:0 0 15px 0;}

.nf-form-content  input[type="text"], .nf-form-content input[type="email"], .nf-form-content input[type="tel"], .nf-form-content input[type="num"], .nf-form-content input[type="date"], .nf-form-content textarea {
  display: block;
  width: 100%;
  padding: 12px 8px;
  font-size: 1rem;
  background-color: #FFFFFF !important;
  color: #58595b !important;
  border: 1px solid var(--main-brand-color) !important;
}

.nf-form-content select, .nf-form-content select > option {
  display: block;
  width: 100%;
  padding: 12px 8px;
  font-size: 1rem;
  color: #58595b !important;
  border: 1px solid var(--main-brand-color) !important;
  font-family: Apex, sans-serif;
}

.nf-form-content input[type="text"]:disabled, .nf-form-content select:disabled, .nf-form-content select:disabled > option {
  background-color: #f0f0f0 !important;
  color: #111111 !important;
}

.checkbox-wrap .nf-field-label label::after, .listradio-wrap .nf-field-element label:after {
  background-color: #FFFFFF !important;
  border-color: var(--main-brand-color) !important;
}

.nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: var(--main-brand-color) !important;
    display: inline-block !important;
    padding: 8px 12px!important;
    word-spacing: 0.2rem !important;
    border: 1px solid var(--main-brand-color) !important;
    text-transform: uppercase !important;
    background-color: #fff !important;
    transition: all 0.5s ease !important;
    border-radius: 0.1rem;
    line-height: normal;
    letter-spacing: 0.02rem;
}


section.newsletter {padding: 20px 0px;
    background: #abd4ff;
    border-top: 1px solid #549be4;
    background-image: url(http://dev.cornwall.ac.uk/wp-content/uploads/2022/07/footer-newsletter-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size:auto;}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
section.newsletter {
    background-image: url(http://dev.cornwall.ac.uk/wp-content/uploads/2022/07/footer-newsletter-bg-mobile.jpg);
    background-position: top right;
    background-size: 260px;
}
}
section.newsletter .container {max-width:500px;}
.newsletter .nf-form-fields-required {display:none!important;}
.newsletter li.nf-previous-item {
    float: right!important;
    position: relative;
    top: -75px;
}
.newsletter li.nf-previous-item input, .newsletter li.nf-next-item input {font-weight:500!important;height:50px;}
.newsletter #nf-label-field-2071, .newsletter #nf-label-field-2070 {font-weight:600!important;font-size:1.1rem!important;}
.nf-form-content input[type="button"]:hover, .nf-form-content input[type="button"]:focus, .nf-form-content input[type="submit"]:hover, .nf-form-content input[type="submit"]:focus {
  text-decoration: none !important;
  color: #fff !important;
  background-color: rgba(0, 55, 115, 1) !important;
}

.label-right .nf-field-description {
  margin-top: 16px;
}

.nf-form-fields-required {
  font-size: 0.9rem;
  margin-bottom: 16px;
}

.wp-block-image img {
  height: auto;
}

.scrollspy h3 {
	margin-bottom: 16px;
}

nav.scrollspy {
	padding: 0 0;
	transition: all 1s ease;
}

nav.scrollspy nav {
	position: relative;
	width: 100%;
}

.scrollspy .nav-link {
	padding: .5rem 1rem;
}

nav.scrollspy .toggler {
	font-size: 1.4rem;
	color: #58595b;
	position: absolute;
	top: 16px;
	right: 16px;
	z-index: 1;
}

nav.scrollspy {
  padding: 16px;
  background-color: #F6F6F6;
  width: 33.3333%;
  margin-left: auto;
  max-height: 40vh;
  overflow-y: scroll;
  border-radius: 0.15rem 0.15rem 0 0;
  position: fixed;
  margin-right: 32px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  box-shadow: -2px -2px 8px #58595b;
}

.scrollspy nav {
  background-color: #FFFFFF;
  padding: 16px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: var(--main-brand-color);
}
/* patric removed
.row .row {
	margin-left: 0px;
	margin-right: 0px;
}
*/
.home-carousel .cta1 {
	margin-top: 32px;
}

/* patric removed

  h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] {
    padding-top: 90px;
    margin-top: -90px;
}
*/

.mu_register input[type="submit"] {
  width: auto !important;
}

@media (max-width: 991px) {
  .container {
      max-width: 100%;
  }
  .filter-form {

  }
	nav.scrollspy {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    max-height: 40vh;
    overflow-y: scroll;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
}

@media all and (min-width:992px) {

  .collapse.no-lg-collapse {
    display: block;
    height: auto !important;
    visibility: visible;
  }
  .form-inline .input-group {
    width: 500px;
  }
  header .form-inline input {
    width: 90%;
  }
  header .form-inline button.btn {
    width: 10%;
  }
  .mobile-horizontal~.link-prev, .mobile-horizontal~.link-next {
    display: none !important;
  }
 

  main .parallax .container {
    width: 95%;
  }
  .container .container, main .container .container {
    width: 100%;
    min-width: 0;
  }
}

@media all and (min-width:1920px) {
  .container {
    max-width:1500px
  }
}




@media all and (max-height: 800px) {
  header .nav-link {
    line-height: 1.3rem;
  }
  header .col {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .search-links .col {
    padding-top: 16px;
  }
  .navbar-nav .nav-link {
    font-size: 1rem;
  }
  .navbar-collapse .col h3 {
    font-size: 1.2rem;
  }
  header hr {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .menu-item:not(.spacer):hover::before, .menu-item:not(.spacer):focus-within::before {
    top: 8px;
  }
}

@supports (-webkit-overflow-scrolling:touch){.parallax{background-attachment:scroll}}
@media not all and (min-resolution:.001dpcm) { @media { .parallax{background-attachment:scroll} }}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .post-column p {
    max-height: 5rem;
    overflow: hidden;
  }
}

.wp-block-spacer {
	padding: 0 !important;
}

.app-stages .col {
  background-color: #FFFFFF;
  color:#333;
  text-align: center;
  font-size: 1rem;
  padding: 8px 10px 18px;
	border-right: 1px solid #ddd;
	position:relative;
}
.app-stages .col:first-of-type {border-top-left-radius: 0.2rem;
border-bottom-left-radius:0.2rem;}
.app-stages .col:last-of-type {border-top-right-radius: 0.2rem;
border-bottom-right-radius:0.2rem;}
.app-stages .col.numbers span {
  font-size: 2rem;
  display: block;
}

.app-stages .col.current-stage {
background: rgb(51,51,51);
background: linear-gradient(180deg, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%);
  color: #FFFFFF;
  font-weight: 900;
}
.app-stages .col.current-stage:after {border: solid transparent;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    visibility: visible;
    border-width: 15px;
    border-top-color: #000;
    bottom: -28px;
    right: 50%;
    margin-right: -10px;}

.acf-form-submit {
  text-align: right;
}
.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field textarea, .acf-field select {
padding: 8px!important;
    font-size: 16px!important;
    border: 1px solid #999;
}
ul.acf-radio-list li, ul.acf-checkbox-list li {
font-size:16px!important;
line-height:28px!important;
}
.review-row .col {
  padding: 8px 16px;
  border: 1px solid #CCCCCC;
}

.review-label {
  background-color: #E6E6E6;
}


.nf-form-content label {
    font-size: 16px!important;
    line-height: 22px!important;
}

.nf-field-description, .nf-field-description a {
  font-size: 16px !important;
  margin-bottom: 16px;
}
#ui-datepicker-div  {
    background: #f9f9f9!important;
	border: 1px solid #999;
}
.ui-datepicker table {font-size:1em;}
.nf-field-description p {
  margin-bottom: 16px;
}

.checkbox-container.label-above label:after {
  top: 0;
}

.checkbox-container.label-above label {
  height: auto;
  padding-left: 32px;
}

#downarrow {
  position: absolute;
  bottom: 60px;
  font-size: 3.6rem;
  background-color: transparent;
  left: calc(50% - 30px);
  color: #FFFFFF;
  animation: float 4s ease-in-out infinite;
  -webkit-animation: float 4s ease-in-out infinite;
  z-index: 1;
  -moz-animation: float 4s ease-in-out infinite;
  -ms-animation: float 4s ease-in-out infinite;
  -o-animation: float 4s ease-in-out infinite;
}

.checkbox-container.label-right .field-wrap, .field-wrap {
  display: block !important;
}

.small-post-column a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.small-post-column, .always-horizontal .small-post-column {
  padding: 16px;
  transition: all 0.5s ease;
}

.small-post-column:hover, .small-post-column:focus, .small-post-column:focus-within {
  -webkit-box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.5);
  -moz-box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.5);
  box-shadow: inset 0px 0px 10px 5px rgba(0,0,0,0.5);
}

.small-post-column h4 {
  font-size: 1rem;
  font-weight: 700;
  color: var(--main-brand-color);
}

.small-post-column h5 {
  font-size: 0.9rem;
}

.sa-header h1 {
  font-size: 5rem;
}

.two-col-list .list-checkbox-wrap .nf-field-element ul, .two-col-list .list-radio-wrap .nf-field-element ul,
.three-col-list .list-checkbox-wrap .nf-field-element ul, .three-col-list .list-radio-wrap .nf-field-element ul,
.three-col-list .list-checkbox-wrap .nf-field-element ul, .three-col-list .list-radio-wrap .nf-field-element ul {
  display: flex;
  flex-wrap: wrap;
}

.two-col-list .list-checkbox-wrap .nf-field-element ul li, .two-col-list .list-radio-wrap .nf-field-element ul li ,
.three-col-list .list-checkbox-wrap .nf-field-element ul li , .three-col-list .list-radio-wrap .nf-field-element ul li,
.three-col-list .list-checkbox-wrap .nf-field-element ul li, .three-col-list .list-radio-wrap .nf-field-element ul li {
  min-width: 320px;
}

.enrolment_table {
  width: 100%;
}

.enrolment_table thead {
  background-color: #333333;
  color: #FFFFFF;
}

.enrolment_table th, .enrolment_table td {
  padding: 8px;
}

.enrolment_table td, .enrolment_table th {
  border: 1px solid #333333;
}

header button {
  padding: .25rem 1rem !important;
  font-size: 1rem !important;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .15rem;
  color: #FFFFFF;
}

#bookmarks {
  position: relative;
}

.notcount {
  position: absolute;
  background-color: #FF0000;
  top: -2px;
  right: 0;
  font-size: 0.9rem;
  padding: 6px;
  border-radius: 50%;
  line-height: 4px;
}

header .btn-primary {
  background-color: rgba(0,0,0,0);
  transition: all 0.5s ease;
  border: none;
}

header .btn-primary:hover, header .btn-primary:focus, header .btn-primary:not(:disabled):not(.disabled):active {
  background-color: rgba(0,0,0,0.2);
  box-shadow: none;
  border: none;
}

header .btn-primary.inverted {
  background-color: #FFFFFF;
  color: var(--main-brand-color);
  transition: all 0.5s ease;
  border: none;
}

#bookmark_container .row:first-of-type .col {
  background-color: #F6F6F6;
}

#bookmark_container {
  display: none;
  position: absolute;
  top: 65px;
  right: 90px;
  background-color: #FFFFFF;
  border: 3px solid var(--main-brand-color);
  width: 400px;
  height: 350px;
  max-height: 80vh;
  color: #58595b;
  padding-left: 0;
  padding-right: 0;
}

#bookmark_container::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid var(--main-brand-color);
  z-index: -1;
  top: -20px;
  right: 0px;
}

#bookmark_container .container {
  overflow-y: scroll;
  height: 100%;
}

#bookmark_container .col {
  padding: 16px;
}

#bookmark_container .bg-danger .col {
  font-size: 1rem;
}

#bookmark_container .bg-danger a {
  color: #FFFFFF;
  text-decoration: underline;
}

#bookmark_container .bg-danger a:hover, #bookmark_container .bg-danger a:focus {
  text-decoration: none;
}

#bookmark_container .row:first-of-type {
  position: sticky;
  top: 0;
  z-index: 1;
}

#bookmark_container .row {
  position: relative;
}

#bookmark_container .bmcourserow>a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#bookmark_container .bmcourserow:hover {
  background-color: #F6F6F6;
}

#bookmark_container p {
  margin-bottom: 0;
}

.staff-block h3 {
  margin-bottom: 8px;
}

.staff-block h4 {
    font-size: 1.2rem;
    font-style: italic;
    margin-bottom: 32px;
}

.img-wrapper {
  position: relative;
  padding-bottom: 66.66% !important;
  border: 1px solid #CCCCCC;
  background-color: #E6E6E6;
  border-radius:0.15rem;
}

.img-wrapper img {
  position: absolute;
  object-fit: contain;
  width: 100%;
  height: 100%;
}

h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
  margin-bottom: 0;
}

.card p {
  font-size: 1rem;
}

.card h5 {
  font-size: 1.1rem;
}

.app-portal-past td, .app-portal-past th {
  padding: 8px;
  font-size: 1rem;
}

.app-portal-past th {
  border: 1px solid #d6d6d6;
  background-color: #222222;
  color: #FFFFFF;
}

.app-portal-past tbody tr:nth-of-type(odd) td {
  background-color: #e6e6e6;
  border: 1px solid #d6d6d6;
}

.app-portal-past tbody tr:nth-of-type(even) td {
  background-color: #f6f6f6;
  border: 1px solid #d6d6d6;
}

.app-portal-past tbody tr td:nth-of-type(3) {
  font-weight: 700;
}

.app-portal-past tbody tr:nth-of-type(1) td:nth-of-type(3) {
  background-color: #28a745;
  color: #FFFFFF;
}

.app-portal-past tbody tr:nth-of-type(2) td:nth-of-type(3), .app-portal-past.app-portal-enrolment tbody tr:nth-of-type(1) td:nth-of-type(3) {
  background-color: #ffc107;
  color: #58595b;
}

.app-portal-past tbody tr:nth-of-type(3) td:nth-of-type(3) {
  background-color: #dc3545;
  color: #FFFFFF;
}

.la-results .post-column.col:not(.tweet-column):not(.link-column) {
  padding: 0 8px 0 8px !important;
}

.la-results .post-column.col:not(.tweet-column):not(.link-column)>div {
  background-color: var(--main-brand-color);
  color: #FFFFFF;
  border-radius: 16px;
  position: relative;
}

.la-results .post-column.col:not(.tweet-column):not(.link-column)>div a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.la-results .post-column.col:not(.tweet-column):not(.link-column) div div {
  padding: 0 16px 16px 16px;
  background-size: cover;
}

#appstable, #viewstable, #bookstable {
	width: 100%;
	background-color: #FFFFFF;
}

#appstable td, #appstable th, #viewstable td, #viewstable th, #bookstable td, #bookstable th {
	padding: 8px 16px;
}

#appstable th, #viewstable th, #bookstable th {
	background-color: #333;
	color: #FFF;
}

#appstable tbody tr:not(:last-child), #viewstable tbody tr:not(:last-child), #bookstable tbody tr:not(:last-child) {
	border-bottom: 1px solid #EEE;
}

.table>:not(:first-child) {
	border-top: none;
}

.header-information-bar h3 {
	line-height: 0;
}

@keyframes float{
  0%{
    transform:translatey(0)
  }
  50%{
    transform:translatey(-25px)
  }
  100%{
    transform:translatey(0)
  }
}
