/* Standard banner H1 */
@media (min-width: 1024px) {
  .heading--standard-banner.heading--search-form .section_title h1 {
    margin-bottom: 65px;
  }
}
@media (min-width: 1024px) {
  section.heading--standard-banner .section_title h1 {
    font-size: 110px !important;
    margin-bottom: 100px;
  }
}
@media (max-width: 768px) {
  section.heading--standard-banner .section_title h1 {
    font-size: 46px !important;
    margin-bottom: 50px;
  }
}
section.heading--standard-banner .section_title h1 {
  font-weight: 700;
  line-height: 1;
  color: #182341;
}
.heading--standard-banner .section_title h1 {
  margin-bottom: 0;
}

.staffdetails {
    position: relative;
    z-index: 2;
    margin-bottom: 50px;
    padding: 40px 0 70px;
    color: white;
    background: #182341 !important; 
}

.hero_img svg path {
  fill: none !important;        /* removes color */
}


/* Fullwidth image H1 */
@media (max-width: 1440px) {
section.heading--fullwidth-image .section_title h1 {
    font-size: 150px;
    line-height: 0.9;
}
}
@media (min-width: 1024px) {
section.heading--fullwidth-image .section_title h1 {
    font-size: 110px;
    margin-bottom: 100px;
}
}
@media (max-width: 768px) {
section.heading--fullwidth-image .section_title h1 {
    font-size: 78px;
    margin-bottom: 50px;
}
}
section.heading--fullwidth-image .section_title h1 {
    font-weight: 700;
    line-height: 1;
    color: #fff;
}


/* Large CTA */
.order-prospectus .subtitle, .order-prospectus h2 {
    color: white;
}
@media (min-width: 768px) {
.order-prospectus h2 {
    font-size: 96px;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 30px;
}
}
  
@media (max-width: 767.98px) {
.order-prospectus h2 {
    font-size: 46px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 19px;
}
}

@media (max-width: 767.98px) {
    .order-prospectus h1 {
        max-width: 300px;
    }
}

/* Quote with image */

h2.quote-heading {
    font-size: 3em;
    padding-bottom: 15px;
}

.component-course-overview-footer .wlv-quote-source {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    margin-top: 50px;
}

.news-article-detail__section_title h1 {
    font-size: 46px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 36px;
    color: #182341;
}
section.page-wrap-side-nav .col-lg-9 .heading--image-banner .section_title h1 {
    font-size: 65px;
    font-weight: bold;
    line-height: 0.96;
    color: #182341;
    color: white !important;
}
.heading--fullwidth-image .section_title h1, .heading--image-banner .section_title h1 {
    margin-bottom: 30px;
}
.general-content h1, .case-study h2 {
    font-size: 50px;
}
.general-content h1 {
    font-weight: bold;
    line-height: 0.96;
    margin-bottom: 30px;
    color: #182341;
}
.component-hero-dates .component-hero-dates__further-toggle{
font-size: 18.72px !important;
}
p.event-detail-summary {
font-size: unset !important;
}

/* Open Day landing pages */
.which-campus{
background: #f1f1f1;
    padding-top: 60px;
    text-align: center;
    position: relative;
  	padding-left: 50px;
  	padding-right: 50px;
}

.which-campus:before {
    background: #f1f1f1;
    position: absolute;
    left: -2000px;
    right: 2000px;
    top: 0;
    bottom: 0;
    content: '';
    display: block;
    width: 4000px;
}

.which-campus .container {
    margin: 0;
    padding: 10px;
    width: 100%;
}

.which-campus h3{
font-size: 3em;
color: #182341;
}

#which-campus-output{
padding: 80px 80px 20px 80px;
}

#which-campus-multi{
font-weight: 600;
}

.programme{
font-weight:400;
}



#which-campus-programme-output{
padding-bottom: 80px;
}


#which-campus-output {
font-weight: 600;
margin-bottom: 0;
}
select#myDropDown {
    background: #182341;
    height: 60px;
    box-shadow: none;
    font-size: 1.2em;
    border: none;
   padding-left: 20px;
   color:#fff;
  width: 100%;
}

/* Open Day further dates */

.od-further-dates {
  color: #182341;
  text-align: center;
}

.od-further-dates h3 {
	font-size: 32px;
}

.od-further-dates p {
	font-size: 20px;
}

.od-registing-at {
  color: #182341;
}

.row .col-sm-12 {padding-bottom: 20px;}

ol li:before {
  display: none !important;
}

ol li:after {
  display: none !important;
}

td ul {
  column-count: 1 !important;
  margin: 25px 0 0 !important;
}

td ul li:before {
  display: none !important;
}

td ul li:after {
  display: none !important;
}

td ul li {
  list-style-type: disc;
}

.induction {
  padding-top: 0 !important;
}

.homepage-banner .overlay_content  {
	left: 10%;
	right: 0 !important;
}

.homepage-banner:after {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    content: "";
  	background: none !important; 
}

.hp-search {
  margin-top: 25px !important;
  padding-bottom: 25px !important;
}

.homepage-news {
  margin-top: 50px !important;	
  margin-bottom: 50px !important;}

.homepage-news-box {
	background-color: #182341;
	color: #FFF;
}

.homepage-news-image {
	padding: 0 !important;
	margin: 0 !important;
}

.homepage-news-text {
padding: 25px !important;}

.homepage-news-teaser-text {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
}

.course-module .media-block h2{
	font-family: 'Futura'!important;
}
.homepage-news-text p {
  /* font-size: 1.2rem; */
  font-weight: normal !important;
}

.homepage-news-cta {
  padding-top: 45px;
}
.wlv-stats {
  background: #182341 !important;
  color: white !important;
} 
.stats-container {
  padding: 25px !important;
  margin-bottom: 50px;
} 
.wlv-stats h2 {
  font-family: 'Futura';
  font-weight: bold;
  line-height: normal !important;
  font-size: 3rem;
} 

.wlv-stats h3 {
  font-family: 'Futura';
  font-weight: bold;
  line-height: normal !important;
  font-size: 1.75rem;
}

.openday-upper {
  text-transform: uppercase;
}
.stat-sources {
  border-top: 1px solid black;
  padding-top: 10px;
}

.stat h2{
  display:flex;
  align-items:center;
  gap:18px;
}
.stat-number{
  font-size:3rem;
  font-weight:700;
}
.stat h2 img{
  width:110px;
  height:110px;
  object-fit:contain;
}


@media (min-width: 1024px) {
.banner-homepage .item .overlay_content {
    top: 50% !important;

}
}

.award .overlay h1 {
    /*font-size: 96px;*/
    font-weight: 600;
    line-height: 1.2;
    color: white;
}

.btn-wlv {margin-top: 10px;}

.homepage-news-heading {
  font-size: 1.1rem;
   font-weight: bold;
  font-family: 'Roboto'!important;
}


.homepage-news-teaser {
	font-size: 0.80rem;
}

.news-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.news-row > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
}

a.homepage-news-link:link {
  font-size: 1.1rem;
  font-weight: bold;
  color: #182341 !important;
  text-decoration: none;
}

h2{
	font-family: 'futura' !important;
}

.course-types article .content_wrap h3 {
	font-family: 'futura' !important;
}
a.homepage-news-link:hover {
  font-size: 1.1rem;
  font-weight: bold;
  color: #182341 !important;
  text-decoration: underline;
}

a.homepage-news-link:visited {
  font-size: 1.1rem;
  font-weight: bold;
  color: #182341 !important;
  text-decoration: none;
}


h2.latest-news {
  font-size: 3rem;
  font-weight: bold;
  color: #182341
}


/* Padding for news article nav header on mobiles */

@media only screen and (max-width: 600px) {
  .news-header-row {
    padding-bottom: 25px;
  }
}

/* Styling for WLV Open Events secondary banner */

  .secondary-banner-date {
    font-size: 22px !important;
    line-height: 26px;
    display: block;
    margin-bottom: 37px;
    color: white;
  }

h1.wlv-calendar-event {
  font-family: 'Futura'!important;
  font-weight: bold;
  font-size: 50px;
  color: #182341;
}

.wlv-event-btn {
    display: flex;
    width: 100%;  
    text-transform: uppercase;
    color: black;
    /*-webkit-box-align: center;*/
    align-items: center;
    /*-webkit-box-pack: center;*/ 
    justify-content: center;
    font-weight: bold;
}

.wlv-event img {
  max-width: 100% !important;
  height: auto !important;
  padding-bottom: 20px;
} 

/* Toast */

.toast{
     border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
     position: fixed;
     bottom: 0;
     right: 0;
     background:#E8E8E8;
  }
  
     .alert--emergency{
  background:none !important;
  }

  
  .btn-info{
    background-color:#182341 !important;
      border-color: #182341 !important;
        font-size: 13px;
		 border-radius: 0 !important;
  }
  
  .text-info{
     margin-top: 20px;
     margin-bottom: 20px;
    margin-left: 10px;
     color:#182341 !important;
    font-size: 14px;
 
  }
  
  a.button:hover{
     background: #383;
}

.ml-2, .mx-2{
    margin-left: 80px !important;
    margin-top: 5px !important;
    background: #fff;
    border-color: #182341 !important;
}

.wlv-quote-with-image {
    padding-top: 0 !important;
    padding-bottom: 15px;
}

.wlv-banner-image h1 {
  	font-family: 'Futura'!important;
  	color: #FFF;
  
}



@media (min-width: 768px) {
  
.wlv-banner-image .overlay_content {
    position: absolute;
    z-index: 11;
    top: 50%;
    left: 10%;
    right: 0;
    max-width: 700px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}
  
  .wlv-banner-image {
    position: relative;
    height: 615px !important;
}
  
  .wlv-banner-image h1 {
  	font-family: 'Futura'!important;
  font-size: 96px;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 30px;
}
  
  .wlv-banner-image .subtitle {
    font-size: 36px;
    line-height: 51px;
    display: block;
    margin-bottom: 30px;
    color: #FFF;
}
  
  .wlv-banner-image .wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, right top, left top, color-stop(.33%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); 
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.5) .33%, rgba(0, 0, 0, 0) 100%); 
    z-index: 1;
}
  
  .wlv-banner-image::after {
      background: none !important;
  }
  
  

}

.search-intro p {
color: #000 !important;
}


 .quote-play {
    position: relative;
  }

  .svg-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10; /* Ensure SVG is above the image */
  }

.component-course-overview-footer .wlv-quote-image:after {
 display: none !important; 
}

.wlv-quote-text:before {
 display: none !important; 
}
.wlv-quote-text:after {
 display: none !important; 
}



.wlv-video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.wlv-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}





.strategy-stat {
color: #000 !important;
}


.wlv-banner-image {
margin-bottom: 50px;
}


@media only screen and (max-width: 768px) {
  /* CSS rules for mobile devices */
  .component-course-overview-footer .wlv-quote-source {
  margin-top: 30px !important;
 text-align: center;
  }
}


.wlv-hof {
padding-top: 0 !important;
}

/* Clearing 2024 styles start */

.alert--emergency {
    max-width: 75% !important;
}


p.clearing-message {
    padding-top: 25px;
    font-size: xx-large;
    font-weight: bolder;
}

.clearing-call-link {
    color: #ffcc00;
}

a.clearing-call-link:link {
    color: #ffcc00;
  text-decoration: none;
}

a.clearing-call-link:active {
    color: #ffcc00;
  text-decoration: none;
}

a.clearing-call-link:hover {
    color: #ffcc00;
  text-decoration: underline;
}

a.clearing-call-link:visited {
    color: #ffcc00;
  text-decoration: none;
}

/* Clearing 2024 styles end */


/* Learna Courses start */
@media (min-width: 768px) {
    .learna-course p {
        font-size: 32px;
        font-weight: 300;
        line-height: 48px;
        margin-top: 30px;
        padding-right: 10px;
    }
}

.learna-hero-button {
    color:#212529 !important;
}


/* Learna Courses end */



/* Make links on grey BG accessible */
.discover.bg-lightgrey .hero_heading a {
    color: #ffffff; /* Darker blue for good contrast */
    font-weight: bold; /* Makes links stand out */
}



/* Make additional links on searches more prominent and accessible */
/* Targeting the link within the specific section */
section.heading.heading--standard-banner.heading--search-form.lazyloaded a.btn.btn-link.text-primary {
    font-size: 1.25rem !important; /* Making the text slightly larger for better readability */
    font-weight: bold !important; /* Ensuring the text is bold for prominence */
    color: #2A4158 !important; /* Accessible shade of blue for better contrast */
    text-decoration: underline !important; /* Underlining the link for accessibility */
    padding: 0.5rem 0 !important; /* Adding padding for better touch target size */
    transition: color 0.3s ease, background-color 0.3s ease !important; /* Adding smooth transition for hover */
}

/* Hover effect */
section.heading.heading--standard-banner.heading--search-form.lazyloaded a.btn.btn-link.text-primary:hover {
    color: #2A4158 !important; /* Maintain the same text colour on hover for consistency */
    background-color: #A6D0E4 !important; /* Softer, accessible background colour */
    text-decoration: underline !important; /* Keep underline on hover for consistency */
}

/* Focus state for accessibility */
section.heading.heading--standard-banner.heading--search-form.lazyloaded a.btn.btn-link.text-primary:focus {
    outline: 3px solid #2A4158 !important; /* Using the same accessible colour as the text for a consistent look */
    color: #2A4158 !important; /* Maintain the same colour as on hover */
    background-color: #A6D0E4 !important; /* Keep the background colour consistent with hover */
}

/* Make every H1 use 'Futura' */
h1 {
    font-family: 'Futura' !important;
}


@media (max-width: 768px) {
  .btn--book-your-place {
    background-color: #FAEE2C !important; /* Deep navy for contrast */
    color: #000000 !important;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
  }

  .btn--book-your-place:focus,
  .btn--book-your-place:hover {
    text-decoration: underline !important;
  }
}

.open-day-heading {
  font-size: 3em; /* Mobile default */
}

@media (min-width: 768px) {
  .open-day-heading {
    font-size: 4em; /* Desktop */
  }
}



/* === Clearing CTA Section Styles === */

/* Section background and spacing */
.call-to-action.lightbg {
  background-color: #fac41d;
  color: #182341;
  padding: 4rem 0;
}

/* Headings and paragraph base styling */
.call-to-action.lightbg h2,
.call-to-action.lightbg p {
  color: #182341;
  margin-bottom: 1rem;
}

/* "
" for headings */
.slab-heading {
  font-family: 'Futura';
  font-weight: 700;
}

/* Phone number text size and spacing */
.call-to-action.lightbg p.font-30 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

/* Underline only the phone number link */
.call-to-action.lightbg a[href^="tel:"] {
  color: #182341;
  text-decoration: underline;
  font-weight: 500;
}

/* === Button Group Styling === */

/* Layout: row/column wrap with spacing */
.ctaButtons {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;         /* horizontal and vertical spacing */
  row-gap: 0.75rem;  /* slightly reduced vertical spacing */
}

/* Reset inherited underlines on buttons */
.dbBtn {
  text-decoration: none !important;
}

/* Unified button appearance */
.btn-darkblue {
  background-color: #182341;
  color: #fac41d !important;
  border: none;
  padding: 0.75rem 1.25rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  text-transform: uppercase;
  text-decoration: none;
  transition: text-decoration 0.2s ease;
  width: 12rem;              /* consistent button width */
  text-align: center;
}

/* Hover: underline only, no colour change */
.btn-darkblue:hover,
.btn-darkblue:focus {
  text-decoration: underline;
  color: #fac41d !important;
  background-color: #182341;
}

/* Icons inside buttons */
.btn-darkblue .csIcon i,
.btn-darkblue .arrow i {
  font-size: 1.25rem;
  color: inherit;
}


/* =========================================
   Final Breadcrumb CSS — Full-width grey bar
   ========================================= */

.breadcrumb-container {
  background: #F0F0F0;        /* grey bar spans full width */
  padding: .25rem 1rem;       /* vertical + horizontal spacing */
  margin: 0;
  border-radius: 0;           /* square edges so it looks like a bar */
}

/* Breadcrumb list inside the bar */
.breadcrumb-container .breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;                 /* no extra padding, handled by container */
  font-size: 14px;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: none;           /* remove pill background */
  box-shadow: none;
}

/* Each item */
.breadcrumb-container .breadcrumb > li {
  display: inline-flex;
  align-items: center;
}

/* Separators — show before every item after the first, inc. last */
.breadcrumb-container .breadcrumb > li + li > a::before,
.breadcrumb-container .breadcrumb > li + li > span::before,
.breadcrumb-container .breadcrumb > li:last-child::before {
  content: "/";
  display: inline-block !important;
  margin: 0 .5rem;
  color: #A9BFD8;             /* muted brand grey-blue */
  font-weight: normal;
}

/* Links */
.breadcrumb-container .breadcrumb a {
  color: #182341;             /* navy */
  text-decoration: none;
}
.breadcrumb-container .breadcrumb a:hover {
  text-decoration: underline;
}

/* Current page */
.breadcrumb-container .breadcrumb > li:last-child,
.breadcrumb-container .breadcrumb > li:last-child > a,
.breadcrumb-container .breadcrumb > li:last-child > span {
  font-weight: 600;
  color: #333;                /* or #FAC817 if you want gold */
}



/* Optional: hide on small screens
@media (max-width: 1023.98px) {
  .breadcrumb-container { display: none; }
}
*/






/* make breadcrumbs render above the banner */
.breadcrumb-container{
  position: relative;
  z-index: 30;   /* higher than the banner’s z-index (20) */
}

/* keep banners in their own layer below breadcrumbs */
.heading,
.heading--standard-banner,
.heading--image-banner {
  position: relative;
  z-index: 10;   /* anything lower than 30 is fine */
}

/* =========================================
   Breadcrumbs pinned under header, above banners
   ========================================= */

.breadcrumb-container {
  position: sticky;     /* stick to the top */
  top: 60px;            /* adjust to match your header/nav height */
  z-index: 100;         /* higher than banners (which sit around z:20) */
}


/* Newly updated CSS for font  */

.course-types.v2 h2 {
	font-family:'Futura'!important;
}


h2.latest-news{
	font-family:'Futura'!important;
}

.wlv-stats h2 {
	font-family:'Futura'!important;
}

.general-content h2, .case-study h2 {
	font-family:'Futura'!important;
}


/* Newly updated CSS for Openday Buttons  */


.btn--book--now {
	  background-color: #FAC817!important;	
}

.btn--discover--more {
    background-color: #4DBDD7 !important;
}

.btn--register {
    background-color: #387A88 !important;
}

.hero-dates__lg {
	color: #182341 !important;
}

.course-types.course-sunny{
	background: #FAC817 !important;
}



section.heading--standard-banner .section_title h1{
	
	text-transform: uppercase !important;
	 font-family:'Futura'!important;
    
}

.course-types.v2 h2 {
	 text-transform: uppercase !important;
	 font-family:'Futura'!important;
    
}

.order-prospectus .subtitle, .order-prospectus h1{
	text-transform: uppercase !important;
	letter-spacing: 0.02em;
	font-family:'Futura'!important;
}

.course-types article .content_wrap h3{
	text-transform: uppercase !important;
	font-family:'Futura'!important;
	font-size: 22 !important;
}

section_title h2, section.course-types h2, section.happen h2{
	font-size: 56 !important;
    font-family:'Futura'!important;
}

.accordion-with-overview .section_title h2{
	 font-family:'Futura'!important;
}

body{
	color: #182341 !important;
}

/* Newly updated CSS for WLV Stat  */

.stat-1 .stat-number { color: #4DBDD7; }
.stat-2 .stat-number { color: #4DBDD7; }
.stat-3 .stat-number { color: #4DBDD7; }
.stat-4 .stat-number { color: #4DBDD7; }

.btn-hero-secondary {
    background-color: #4DBDD7;
    color: #182341;
}

.btn-hero-secondary:hover {
    background-color: #14b8db;
   color: #000000;
}

.btn-hero-primary {
    background-color: #FAC817;
    color: #182341;
}

.btn-hero-primary:hover {
    background-color: #e0b514;
    color: #000000;
}

section.award-banner h1{
 font-family: 'Futura' !important;
 text-transform: uppercase !important;
 font-size: 46px !important;
}

.order-prospectus h2 {
 font-family: 'Futura' !important;
 text-transform: uppercase !important;
}

.general-content h2, .case-study h2 {
 font-family: 'Futura' !important;
 text-transform: uppercase !important;
}

.call-to-action-bar {
 font-family: 'Futura' !important;
 text-transform: uppercase !important;
 background-color: #182341 !important;
}

.call-to-action-bar__cta-link{
font-weight: normal !important;
  text-transform: none !important;
   font-family: 'Roboto'!important;
}

.course-types.course-sunny{
	background: #FAC817 !important;
}

.course-types.course-sunny h2{
	color: #182341 !important;
}


h2.latest-news {
	 text-transform: uppercase !important;
}

/* H1 banner CSS for  */

/* ===============================
   REMOVE TOP PAGE GAP + RESTORE SCROLL
   =============================== */
html, body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-y: auto !important;
  height: auto !important;
}

header,
.navbar,
.site-header,
.header,
.header-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
  position: relative;
  z-index: 2000;
}

main,
.page,
.page-wrapper,
.content,
.content-wrapper {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* ===============================
   HERO LAYOUT (SPLIT PANEL + W)
   =============================== */
#home.hero {
  position: relative;
  min-height: 70vh;                 /* set 100vh for full screen */
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* Left navy panel */
#home.hero::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 50%;
  background: #0b1f3a;
  z-index: 0;
}

/* W ribbon overlay - set this variable globally */
:root {
  --hero-w-url: url('/path/to/your/w-ribbon.svg');
}

#home.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--hero-w-url) no-repeat 55% 50% / cover;
  z-index: 1;
  pointer-events: none;
}

/* Right-side image panel */
#home .video-bg-half {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

#home .bannerMedia {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center; /* show the subject’s head */
  display: block;
}

/* Ensure content sits above background layers */
#home .hero-inner {
  position: relative;
  z-index: 2;
  height: 100%;
}

/* ===============================
   HERO TYPOGRAPHY (FUTURA + CENTER)
   =============================== */
#home .hero-copy {
  width: 100%;
  text-align: center;
  padding-left: 3rem;
  padding-right: 3rem;
}

#home h1 {
  font-family: 'Futura'!important;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 0.95;
  margin: 0;
  font-size: clamp(2.4rem, 6vw, 5.8rem);
}

#home h4 {
  font-family: 'Futura' !important;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  font-size: clamp(1.15rem, 2.2vw, 2.1rem);
}

/* ===============================
   CTA BUTTON (BOOTSTRAP + BRAND)
   =============================== */
.btn-hero-cta {
  background-color: #FAC817 !important;
  color: #182341 !important;
  border-radius: 0 !important;
  border: none !important;
  font-family: 'Futura' !important;
  font-weight: 700 !important;
  font-size: 1.1rem;
  text-decoration: none;
  text-transform: uppercase;
}

.btn-hero-cta:hover,
.btn-hero-cta:focus {
  background-color: #e5b915 !important;
  color: #182341 !important;
  text-decoration: none;
}

/* Mobile refinement */
@media (max-width: 991.98px) {
  #home.hero { min-height: 60vh; }

  #home .hero-copy {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  /* Stack panels on mobile */
  #home.hero::before { width: 100%; }

  #home .video-bg-half {
    position: relative;
    width: 100%;
    height: 45vh;
  }

  #home.hero::after {
    background-position: 50% 50%;
    background-size: contain;
  }

  /* Slightly lower crop on small screens */
  #home .bannerMedia {
    object-position: 50% 15%;
  }
}

section_title h2, section.course-types h2, section.happen h2 {
	text-transform: uppercase !important;
}

.arts_news .section_title h2{
	text-transform: uppercase !important;
}

.discover .hero_heading h2{
	text-transform: uppercase !important;
	
}

.video-banner.polygon h2, .video-banner.polygon h3 {
	text-transform: uppercase !important;
	
}

.video-banner.polygon+section h2 {
    color: #182341 !important;
}

.component-search--our-staff #search-results .result .listing-details h4 a{
	color:#387A88 !important;
}
.discover .hero_heading h2 {
	font-family: 'Futura' !important;
}

.general-content h3, .case-study h3 {
	font-family: 'Futura' !important;
  text-transform: uppercase !important;
}

/*  Stat icon colours   */
/* Base icon styling */
.wlv-stats .stat h2 i {
  font-size: 2.2rem;
  margin-right: 0.5rem;
}

/* Individual stat icon colours */
.stat-1 h2 i {
  color: #FAC817;
}

.stat-2 h2 i {
  color: #FAC817;
}

.stat-3 h2 i {
  color: #FAC817;
}

.stat-4 h2 i {
  color: #FAC817;
}

.stat-sources{
	border-top: 1px solid #FAC817 !important;
}
/* Clearing tag */
.clearing-tag {
    display: inline-block;
    background: #f6b700;
    color: #000;
    font-weight: 700;
    font-size: 0.75rem;
    padding: 0.3rem 0.75rem;
    border-radius: 14px;
    margin-bottom: 0.5rem;
}

/* Banner variation */
.clearing-tag--banner {
    margin-bottom: 1rem;
}

/* UCAS / CTA block */
.clearing-ucas {
    margin-top: 0.5rem;
    font-size: 0.9rem;
}

/* Clearing call button */
.btn--clearing-call {
    display: inline-block;
    background: transparent;
    border: 2px solid #000;
    padding: 0.4rem 0.8rem;
    font-weight: 600;
    text-decoration: none;
    border-radius: 20px;
}

.btn--clearing-call:hover {
    background: #000;
    color: #fff;
}

.general-content--landing a {
    text-decoration: none !important;
    color: #387A88!important;
}

.col-12.general-content__content a {
	 color: #387A88!important;
}

.col-12.news-article-detail__body a {
	 color: #387A88!important;
}

.news-article-detail.key a {
	 color: #387A88!important;
}

.news-article-detail:before {
	Display: none !important;
}


.fragments--triangle.fragments--left.fragment{
	Display: none !important;
}

.fragments.fragments--origami.fragments--left{
	Display: none !important;
}

.fragment.fragment--1{
	Display: none !important;
}

.fragment.fragment--2{
	Display: none !important;
} 

.body{
	color:#182341 !important;
}

body{
	color:#182341 !important;
}

.course-types.course-navy{
	background: #182341 ! important;
	 color: #FFFFFF !important;
} 

.course-types.course-navy h2 {
	 color: #FFFFFF !important;
}

.bg-navy {
  background-color: #182341 !important;	
  color: #FFFFFF !important;
}

.discover .hero_heading p a {
	color: #387A88 !important;
}

.secondary-nav{
	 background-color: #182341  !important;	
	  color: #FFFFFF !important;
}

.secondary-nav__card {
	 background-color: #182341 !important;
	 color: #FFFFFF !important;
}

.secondary-nav a {
	color:  #FFFFFF !important;
}

.accordion-with-overview a{
	 color: #387A88 !important;
}

.hero-dates__segment{
	color: #182341 !important;
}

.latest_news .list .date {
	color: #182341 !important;
}
.hero-dates__lg{
	color: #4DBDD7 !important;
}

.hero-dates__sm span{
	color: #4DBDD7 !important;
}

.btn--discover--more{
	background-color: #387A88 !important;
	color: #ffffff !important;
}

.list-nav li.sel a, .list-nav li .currentbranch0 a, .list-nav li .currentbranch1 a, .list-nav li .currentbranch2 a, .list-nav li .currentbranch3 a, .list-nav li .currentbranch4 a, .list-nav li .currentbranch5 a{
	background: #182341 !important;
}

.discover .hero_heading {
	color: #FFFFFF !important;
}

.discover.bg-navy .longarrow svg path, .discover.bg-pink .longarrow svg path, .discover.bg-sky .longarrow svg path, .discover.bg-ganic .longarrow svg path, .discover.bg-foil .longarrow svg path, .discover.bg-understate .longarrow svg path, .discover.bg-darkgrey .longarrow svg path{
	fill: #182341 !important;
}

.component-hero-dates{
	background-color: #182341 !important;
}

.hero-dates__segment .degree-type {
  color: #ffffff;
  font-weight: 600;
}

.hero-dates__segment .event-category {
  color: #FAC817; 
  font-weight: 600;
}

.open-event-type {
  color: #FAC817;
  font-weight: 600;
}

.fragments.fragments--triangle.fragments--right {
	display: none !important;
}

.homepage-news-box {
    background-color: #182341 !important;
    color: #FFF !important;
}



/* News CTA button styling */
.btn-news-cta {
    background-color: #FAC817; /* yellow background */
    color: #182341;            /* navy blue text */
    font-weight: 700;
    border: none;              /* remove default outline */
    padding: 0.75rem 2rem;
    font-size: 1rem;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase; /* capitalise all letters */
    transition: background-color 0.3s ease, color 0.3s ease;
}

.btn-news-cta:hover {
    background-color: #e0b200; /* slightly darker yellow on hover */
    color: #182341;             /* keep text navy */
}

/* Optional: make news title uppercase and Futura Condensed Bold */
.news-title {
    font-family: 'Futura' !important;
    text-transform: uppercase;  /* capitalize title text */
    font-weight: 900;
    line-height: 1.05;
    margin-bottom: 1rem;
}

.c-navbar .btn-search{
	
	background-color:#182341 !important;
}

.c-navbar .nav-btn {
	
	background-color:#182341 !important;
}

.footer{
	font-weight: normal !important;
	background-color:#182341 !important;
	color: white !important;
}
  


.modal-body{
	background-color:#182341 !important;
}

#SearchModal .modal-header{
	background-color: #182341 !important;
}

#MenuModal .modal-header{
	background-color: #182341 !important;
}

/* Prevent menuModal items from turning pink on hover */
.menuModal__overview:hover span {
    color: inherit !important; /* keeps original color */
}

.p.punchline {
	
	background-color:#182341 !important;
}

.menu-opened{
	background-color:#182341 !important;
}


/* Stop nav links from changing color on hover */
/* Change nav link hover color to yellow */
.nav-link:hover {
    color: #FAC817 !important;        /* yellow text on hover */
    text-decoration: none !important; /* removes underline if any */
}

.menu-item:hover{
	 color: #FAC817 !important;       
    text-decoration: none !important;
}

.menuModal .modal-header {
		background-color:#182341 !important;
}

.menuModal .boxed .menu_content_wrap p.punchline a {
	color:#182341 !important;
}

.c-navbar .navbar-nav ul.dropdown-menu{
	background-color:#182341 !important;
}



.nav-item dropdown:hover {
	color: #FAC817 !important;
    text-decoration: none !important;
}

.menuModal .boxed .menu_content_wrap {
		color:#182341 !important;
}

path[d="M495 370H0L495 0V370Z"]{
fill:#182341 !important;
}
/* Apply background color ONLY when the menu is open */
.navbar-collapse.offcanvas-collapse.open {
    background-color: #182341 !important;
}

/* Reset background color when menu is closed */
.navbar-collapse.offcanvas-collapse:not(.open) {
    background-color: transparent !important;
}

.video-banner.v2 .corner svg path{
	fill: none !important;
}

.pull-image-overlay {
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    background-color: transparent !important; /* Or use a solid color, e.g., background-color: #142e4c; */
    transition: all ease-in-out 0.2s !important;
}

path[d="M0.829837 0.473389L124.702 100.392V300.025L0.829837 200.208V0.473389Z"] {
    fill: none !important;
}

section.video-banner h1{
	text-transform: uppercase !important;
}

.award .overlay h1 {
	text-transform: uppercase !important;
	font-family: 'Futura' !important;
}

.award__button-container .btn {
    color: #182341 !important;  /* Set text color to blue */
    background-color: #FAC817 !important;  /* Set background color to yellow */
    text-transform: uppercase !important;
}

.arts_news.arts-navy{
	    background-color: #182341 !important;
}

.arts_news .section_title h2 {
	  font-family: 'Futura' !important;
}

/* course page button colours for Apply and Register */
/* For ButtonApply (btn-pink) */
.btn-pink {
    background-color: #387A88  !important;  /* Set your desired background color */
    color: #FFFFFF !important;  /* Set your desired text color */
	text-transform: uppercase !important;
}

/* For Register (pink) */
.pink {
    background-color: #FECE35 !important;  /* Set your desired background color */
    color: #182341 !important;  /* Set your desired text color */
}

.btn.btn--login{
	color:#fff
}

.btn--apply {
  color: #182341 !important;
    background-color: #FAC817 !important;
}
  
.btn-ganic{
	 background-color: #4DBDD7 !important;
	 color: #182341 !important;
	 text-decoration: none !important; 
	 text-transform: uppercase !important;
}

.heading--search-form .nav-item .nav-link.active{
	  color: #182341 !important;
}

.course-types.course-lightgrey h2{
	color: #182341 ! important;
}

.discover {
	  background: #182341 !important;
}

h2.quote-heading{
	font-family: 'Futura' !important;
}

.course-types article .content_wrap h3 {
	color: #182341 ! important;
}

.component-course-overview-footer {
	color: #182341 ! important;
}
h2.latest-news {
	color: #182341 ! important;
}
a.homepage-news-link:link {
	color: #182341 ! important;
}
a.homepage-news-link:visited {
	color: #182341 ! important;
}

/* Home page banner CTA button*/

#home {
  position: relative;
  background-image: url('');
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  min-height: 620px;
  display: flex;
  align-items: center;
}

/* Overlay */
#home::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:65%;
  height:100%;
  background:linear-gradient(
    90deg,
    rgba(24,35,65,0.95) 0%,
    rgba(24,35,65,0.85) 60%,
    transparent 100%
  );
}

/* Ensure content stays above overlay */


/* Title */
.hero-title{
  font-family:'Futura'!important;
  font-size:50px;
  font-weight:700;
  line-height:1.05;
  text-transform:uppercase;
  margin-bottom:24px;

  letter-spacing:-2px;   /* tighten letters */
  word-spacing:-6px;     /* tighten space between words */
}

.hero-title br{
  line-height:1.2;
}
/* Subtitle */
.hero-subtitle{
  font-size:20px;
  margin-bottom:28px;
  max-width:480px;
}

/* Button */
.btn-hero{
  background:#FECE35 !important;
  color:#182341 !important;
  text-transform:uppercase !important;
  font-weight:700;
  padding:14px 44px;
  border-radius:0;
}


.btn-hero:hover{
  background-color:#FECE35 !important;
  color:#182341 !important;
}

/* Responsive */
@media (max-width:768px){

  #home{
    min-height:520px;
    background-position:center;
  }

  .hero-title{
    font-size:38px;
  }

  .hero-subtitle{
    font-size:18px;
  }

}

/* CTA */


/* Modal Menu Close */
.menuModal .modal-header .close {
    background-color: #FECE35 !important;
}

}
.btn--secondary-nav{
	background-color: #182341 !important;
}

.rate .section_title h2 {
	color:  #182341 !important;
	text-transform: uppercase !important;
	font-family: 'Futura' !important;
}

.rate .section_title h2 {
	color:  #182341 !important;
}

.nav-tabs-custom .nav-link {
	color:  #182341 !important;
}

.nav-tabs-custom .nav-link.active, .nav-tabs-custom .nav-link:hover {
	 color: #387A88 !important;
	     border-color: #387A88 !important;
}

.nav-tabs-custom .nav-link {
	color:  #182341 !important;
	    border-bottom: solid 6px #182341 !important;
}

a{
	font-weight: bold !important;
}

.happen .link {
    color: #182341 !important;
}

.call-to-action-bar__cta-process {
	 color: #182341 !important;
	  background-color: #FECE35 !important;
      font-family: "Roboto", sans-serif !important;
}

.general-content--landing p, .case-study--landing p {
	 color: #182341 !important;
}

.call-to-action-bar:after{
  content:none !important;
  background:none !important;
}

/* Courses*/
.component-course-overview .m-yellow-wrap h1{
	  font-family:'Futura'!important;
	  text-transform: uppercase;
}

/* News and Events page butons*/
.component-isotope-filters button.isotope-yellow{
	background:#182341 !important;
	color: #FFFFFF !important;
}

.component-isotope-filters button.isotope-blue {
	background:#FECE35 !important;
	color: #182341 !important;
}

.component-isotope-filters button.isotope-pink{
	background:#387A88 !important;
	color: #FFFFFF !important;
}

.component-isotope-filters button.isotope-foil {
	background:#4DBDD7 !important;
	color: #182341 !important;
}

/* First half of arrow */
path[fill="#A9BFD8"] {
  fill: #FECE35 !important;
}


/*decision tree */

.decision-tree-container__polygon {
  display: none !important;
}

.decision-tree-container{
	background: #182341 !important;
}

.decision-tree-container--sky .btn-show{
	background: #FECE35 !important;
}

.decision-tree .btn-show{
	color:#182341 !important;
}
/* HERO */

/* =========================================
   RESPONSIVE - new landing page banner like Hybrid's
========================================= */


/* 2026 Rebrand starts here */

.rebrand-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: none !important;
  font-family: "Futura Condensed", sans-serif !important;
  font-weight: 700 !important;
  line-height: 1;
}

.rebrand-hero *,
.rebrand-hero *::before,
.rebrand-hero *::after {
  font-family: "Futura Condensed", sans-serif !important;
  font-weight: 700 !important;
}

.rebrand-hero picture,
.rebrand-hero__image {
  display: block;
  width: 100%;
}

.rebrand-hero__image {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.rebrand-hero__content-wrap {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.rebrand-hero .container {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.rebrand-hero .row {
  margin-left: 0;
  margin-right: 0;
}

.rebrand-hero [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.rebrand-hero__content {
  position: relative;
  max-width: 820px;
  padding-left: clamp(2rem, 6vw, 7rem);
  padding-right: 1rem;
}

.rebrand-hero__title {
  margin: 0 0 1.5rem 0;
  font-size: 5.25rem;
  line-height: 0.92;
  text-transform: uppercase;
  color: #ffffff;
  word-break: keep-all;
  margin-bottom: 0.75rem;
}

.rebrand-hero__subtitle {
  margin: 0 0 2rem 0;
  max-width: 520px;
  font-size: 1.5rem;
  line-height: 1.15;
  color: #ffffff;
  margin-bottom: 1rem;
}

.rebrand-hero__cta {
  display: inline-block;
  padding: 0.95rem 2.25rem;
  background-color: #fece35;
  color: #182341 !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1.125rem;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none !important;
  border: 0;
}

.rebrand-hero__cta:hover,
.rebrand-hero__cta:focus,
.rebrand-hero__cta:active {
  background-color: #fece35;
  color: #182341 !important;
  text-decoration: none !important;
}

@media (max-width: 1399.98px) {
  .rebrand-hero__title {
    font-size: 4.5rem;
  }

  .rebrand-hero__content {
    max-width: 760px;
  }
}

@media (max-width: 1199.98px) {
  .rebrand-hero__title {
    font-size: 4rem;
  }

  .rebrand-hero__content {
    max-width: 680px;
    padding-left: clamp(1.5rem, 5vw, 5rem);
  }
}

}

@media (max-width: 991.98px) {
  .rebrand-hero__title {
    font-size: 3.2rem;
  }

  .rebrand-hero__content {
    max-width: 520px;
    padding-left: 2rem;
  }
}

/* Laptop fix */
@media (min-width: 768px) and (max-width: 1366px) {
  .rebrand-hero__content {
    max-width: 560px;
    padding-left: 2rem;
    padding-right: 1rem;
  }

  .rebrand-hero__title {
    max-width: 560px;
    font-size: 3.8rem;
    line-height: 0.95;
  }

  .rebrand-hero__subtitle {
    max-width: 400px;
    font-size: 1.05rem;
  }

  .rebrand-hero__cta {
    font-size: 1rem;
  }
}

/* Mobile layout */
@media (max-width: 767.98px) {
  .rebrand-hero {
    background: #182341;
  }

 .rebrand-hero__content-wrap {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

    display: flex;
    align-items: flex-start; /* anchor to top */
    justify-content: flex-start;

    padding-top: 0; /* remove push down */
  }
  
  .rebrand-hero__content {
    position: absolute;
    top: -3%;   /* keep inside red zone */
  }

  .rebrand-hero__title {
   margin-bottom: 0.1rem;
    line-height: 0.88;
  }

  .rebrand-hero__subtitle {
      margin-bottom: 0.5rem;
  }

  .rebrand-hero__cta {
    padding: 0.7rem 1.1rem;
    font-size: 0.85rem;
  }
}

@media (max-width: 575.98px) {
  .rebrand-hero__content-wrap {
    padding-top: 0;
  }

  .rebrand-hero__title {
    max-width: 280px;
    font-size: 2.2rem;
  }

  .rebrand-hero__subtitle {
    max-width: 250px;
    font-size: 0.95rem;
  }
}

/* Fix bold text on nav menu sub items */
.menu-item .drop-menu li a {
  font-weight: 400 !important;
}

/* Standard banners, fix width on larger screens */
@media (min-width: 1440px) {
  .heading.heading--standard-banner.heading--search-form > .container-fluid {
    max-width: 1250px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (min-width: 1800px) {
  .heading.heading--standard-banner.heading--search-form > .container-fluid {
    margin-right: auto !important;
  }
}

@media (min-width: 1900px) {
  .heading.heading--standard-banner.heading--search-form > .container-fluid {
    margin-right: auto !important;
  }
}

/* 20px padding at the top to 2 column with video */
.component-video {
  padding-top: 20px !important;
}

.component-course-overview-footer {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

@media (max-width: 767.98px) {
  .component-course-overview-footer {
    padding-top: 40px !important;
    padding-bottom: 30px !important;
  }
}

.component-course + section,
.component-course + div {
  padding-top: 60px !important;
}

@media (max-width: 767.98px) {
  .component-course + section,
  .component-course + div {
    padding-top: 30px !important;
  }
}

/* If you select sunny as a colour scheme with arrow sliders, the below styles stop them turning white and apply our branded navy. */

.arts_news.arts-sunny .arrows-slick .col-auto:hover svg rect,
.arts_news.arts-sunny .arrows-slick .col-auto:focus svg rect,
.arts_news.arts-sunny .arrows-slick .col-auto:active svg rect {
  fill: #182341 !important;
  stroke: #182341 !important;
}

.arts_news.arts-sunny .arrows-slick .col-auto:hover svg path,
.arts_news.arts-sunny .arrows-slick .col-auto:focus svg path,
.arts_news.arts-sunny .arrows-slick .col-auto:active svg path {
  stroke: #ffffff !important;
}

.arts_news.arts-sunny .section_title .arrows-slick button:hover,
.arts_news.arts-sunny .section_title .arrows-slick button:focus {
  background: transparent !important;
}

.wlv-2026-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.wlv-2026-banner .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.wlv-2026-banner__content-col {
  display: flex;
  align-items: center;
  background: #182341;
  min-height: 520px;
}

.wlv-2026-banner__content {
  width: 100%;
  max-width: 520px;     /* controls how wide the text block is */
  margin-left: auto;
  margin-right: auto;   /* THIS centres it horizontally */
  padding: 60px 0;      /* remove side padding so centring is true */
}

.wlv-2026-banner__title {
  margin: 0 0 30px;
  color: #ffffff;
  font-family: "Futura Condensed", sans-serif !important;
  font-weight: 700 !important;
  font-size: 5rem;
  line-height: 0.92;
  text-transform: uppercase;
}

.wlv-2026-banner__cta {
  display: inline-block;
  padding: 14px 36px;
  background: #fece35;
  color: #182341 !important;
  font-family: "Roboto", sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none !important;
  border: 0;
}

.wlv-2026-banner__cta:hover,
.wlv-2026-banner__cta:focus,
.wlv-2026-banner__cta:active {
  background: #fece35;
  color: #182341 !important;
  text-decoration: none !important;
}

.wlv-2026-banner__image-col {
  min-height: 520px;
}

.wlv-2026-banner__image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
}

/* Laptop */
@media (max-width: 1199.98px) {
  .wlv-2026-banner__content {
    padding: 50px 40px;
  }

  .wlv-2026-banner__title {
    font-size: 4rem;
  }
}

/* Tablet / mobile */
@media (max-width: 991.98px) {
  .wlv-2026-banner__content-col,
  .wlv-2026-banner__image-col,
  .wlv-2026-banner__image {
    min-height: auto;
  }

  .wlv-2026-banner__content {
    padding: 40px 24px;
  }

  .wlv-2026-banner__title {
    font-size: 3rem;
    margin-bottom: 24px;
  }

  .wlv-2026-banner__image {
    height: auto;
  }
}

/* Fix white gutter between banner columns */
.wlv-2026-banner .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.wlv-2026-banner .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.wlv-2026-banner [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Ensure image fully fills right side */
.wlv-2026-banner__image-col {
  display: flex;
}

.wlv-2026-banner__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*Mobile banner CTA*/
@media (max-width: 991.98px) {
  .wlv-2026-banner__content-col,
  .wlv-2026-banner__image-col {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .wlv-2026-banner__image-col {
    order: 1;
    display: block;
    min-height: auto;
  }

  .wlv-2026-banner__content-col {
    order: 2;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }

  .wlv-2026-banner__image {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    object-fit: cover;
  }

  .wlv-2026-banner__content {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 40px 24px;
  }

  .wlv-2026-banner__title {
    font-size: 3rem;
    line-height: 0.95;
    margin: 0 0 24px;
  }
}

@media (max-width: 767.98px) {
  .wlv-2026-banner__content {
    padding: 32px 20px;
  }

  .wlv-2026-banner__title {
    font-size: 2.4rem;
    margin-bottom: 20px;
  }

  .wlv-2026-banner__cta {
    padding: 12px 24px;
    font-size: 0.95rem;
  }
}

@media (max-width: 575.98px) {
  .wlv-2026-banner__content {
    padding: 28px 16px;
  }

  .wlv-2026-banner__title {
    font-size: 2rem;
  }

  .wlv-2026-banner__cta {
    width: auto;
    max-width: 100%;
  }
}


/*Open events - Display all open events */
/* Stronger, high-specificity overrides to ensure these styles apply */
.open-events-container,
.open-events-container * { box-sizing: border-box; }

.open-events-container .open-events-title,
.open-events-title {
  color: #182341 !important;
  text-align: center !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin-bottom: 2rem !important;
}


.table-wrapper {
  display: flex !important;
  justify-content: center !important; /* center the table horizontally */
}

table.table-open-events {
  width: 80% !important;
  margin: 0 auto 2rem !important; /* auto centers, extra bottom spacing */
  text-align: center !important;  /* centers text inside cells */
}

table.table-open-events td[data-label="Degree Type & Category"] .degree-type {
  color: #596781 !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}
  
/* Centre the whole table block */
.open-events-container .table-open-events,
table.table.table-striped.table-open-events {
  width: 80% !important;
  max-width: 100% !important;
  margin: 0 auto 2rem !important; /* centre horizontally */
  border-collapse: collapse !important;
}

/* Make sure small screens are ok */
@media (max-width: 768px) {
  .open-events-container .table-open-events {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Ensure table cells are centred */
.table-open-events th,
.table-open-events td {
  text-align: center !important;
  vertical-align: middle !important;
  padding: 0.75rem !important;
}

/* Degree type: ALL CAPS + highlight colour */
.open-events-container .table-open-events td[data-label="Degree Type & Category"] .degree-type,
.open-events-container .degree-type {
  color: #596781 !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  display: block !important;
  text-align: center !important;
  letter-spacing: 0.01em !important;
}

/* Event category stays centred and visually lighter */
.open-events-container .table-open-events td[data-label="Degree Type & Category"] .event-category,
.open-events-container .event-category {
  display: block !important;
  text-align: center !important;
  margin-top: 0.15rem !important;
  font-weight: 400 !important;
  color: inherit !important;
}

.open-events-container .btn--pink {
  border: none !important;
  border-radius: 4px !important;
}

/* 2019 featured - arrow colour change */
.discover .slider_block .slider_discover .slick-arrow::before {
    color: #fff !important;
}

/*Related Courses CSS*/
.related .related-carousel a {
    background: #FAC817 !important;
    color: #182341 !important;
}

.related .related-carousel a:after {
 
    border-left-color: #FAC817 !important;
 }

.related .related-carousel--courses a {
    background: #182341 !important;
    color: #FFFFFF !important;
}

.related .related-carousel--courses a:after {
    border-left-color: #182341 !important;
}

/*Remove arrow from accordion with overview */
path[fill="#A9BFD8"]:nth-of-type(2), path[fill="#596781"]
 {
    fill: none !important;
}

.longarrow {
  display: none;
}

/* Accordion text colour*/ 
.accordion>.card {
    color: #182341 !important;
}

.infoHeader{
    color: #182341 !important;
}

.accordion .card-header h2
 {
    font-family: 'roboto' !important;
}

.homepage-news-heading {
  line-height: 1.5 !important; /* Adjust as needed */
}

/*select#myDropDown:hover,
select#myDropDown:focus {
  background: red !important;
  outline: 2px solid red;
}
*/

/*Homepage Featured News Article CTA button*/
.btn-outline-light.btn-lg {
    background-color: #FAC817 !important;
    color: #182341 !important;
    display: inline-block !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
  font-family: "Roboto", sans-serif !important;
}

.btn-lg{
      font-size: 14px !important;
}

.btn-outline-light.btn-lg:hover {
    background-color: #e0b200 !important;
    color: #182341 !important;
    border-color: #e0b200 !important;
}

.btn-outline-light {
    border-color: transparent !important;
}

.btn-outline-dark:hover {
   background-color: #182341 !important;
}

/*Homepage professional placements TEXT/CTA button*/
.call-to-action-bar__title {  
    font-family: 'Futura' !important;
}


/*Research News Carousel*/
.arts_news.arts-white {
    background: #FAC817 !important;
}

.menuModal .modal-body .menu-item .title {
   font-family: 'Futura' !important;
   text-transform: uppercase !important;
}

.homepage-news-box p {
    font-weight: normal !important;
  text-transform: none !important;
}

  .footer a{
	font-weight: normal !important
}

h1 { font-family: "Futura Condensed", sans-serif !important; font-weight: bold !important; text-transform: uppercase !important; }
h2 { font-family: "Futura Condensed", sans-serif !important; font-weight: bold !important; text-transform: uppercase !important; }
.which-campus h3 { font-family: "Futura Condensed", sans-serif !important; font-weight: bold !important; text-transform: uppercase !important; }