/* Fonts */
/* Logo */
/* Border radius */
/* Gutenberg pages */
/* Overview */
/* List styles */
/* Ticklist */
/* Animations */


/* Fonts */

@font-face {
    font-family: 'Signifier';
    src: url('https://cdn.prospectus.plus/uel/Signifier-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Signifier';
    src: url('https://cdn.prospectus.plus/uel/Signifier-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('https://cdn.prospectus.plus/uel/FoundersGroteskText-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Founders Grotesk';
    src: url('https://cdn.prospectus.plus/uel/FoundersGroteskText-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

:root {     --font-reg:  Founders Grotesk, sans-serif;    --font-light:  Founders Grotesk, sans-serif;     --font-bold: Founders Grotesk, sans-serif; }

h1, h2, h3, h4, h5, h6, .cardCta__title, .has-primary-font-family {
    font-family: Signifier, sans-serif !important;
    font-weight: normal !important;
    color: var(--color-secondary);
}

.bolder {
    font-weight: bold !important;
}

p, li {
    font-size: 18px;
}

a {
    color: var(--color-secondary);
    text-decoration-color: var(--color-primary) !important;
}


/* Logo */

.masthead__logo {
    height: 64px !important;
}

@media only screen and (max-width: 767px) {
    .masthead__logo {
        height: unset !important;
    }
}


/* Border radius */

.btnComponent,
.pillComponent,
.wp-block-button__link,
.CardCta_component__6BCDd a {
    border-radius: 0px !important;
}


/* Gutenberg pages */

.pull-up {
    margin-top: -40px;
    z-index: 99 !important;
    position: relative;
}

.pull-up-more {
    margin-top: -80px;
    z-index: 99 !important;
    position: relative;
}

.wp-block-heading {
    margin-bottom: 0px;
}

.video-overlap {
  	flex: 1;
    box-shadow: 0 0 50px rgba(0,0,0,0.5);
}

.no-gap {
    gap: 24px !important;
}


/* Overview */

.cardCta__description {
    max-width: 808px !important;
}

.CardCta_component__6BCDd a {
    color: var(--color-secondary);
}

.overview .hero::after {
    background: linear-gradient(0deg,rgba(40, 39, 39, 1) 0%, rgba(40, 39, 39, 0) 100%);
}

.section-title .card {
    height: 280px !important;
}

.section-title .container {
    display: none !important;
}


/* personalise */

.PillSelector_buttonTextColours__gJcMq:hover,
.Buttons_buttonTextColours__rS7l7:hover {
    background-color: var(--color-secondary);
}

.WalldenGarden_column__M25eZ p,
.walled-garden label {
    color: #fff;
}

.auth.register .returnButton,
.RegistrationForm_error__yKuNy p {
    color: #282727;
}


/* log in */

.auth.login .returnButton {
color: var(--color-secondary)
}


/* placeholder card css (REMOVE WHEN BUILT) */

.PillCard_container__KfNR7 .PillCard_component__rEFJq .PillCard_content__Rw_f5 .PillCard_labelTitle__mMEoE {
    font-family: 'Signifier';
}

.PillCard_container__KfNR7 .PillCard_component__rEFJq.PillCard_disabled__lGACz:after {
    background: linear-gradient(0deg,var(--card-gradient-colour-active) 0,var(--card-gradient-colour-active) 22%,#222b5800 100%)!important;
}


/* List styles */

/* Ticklist */

ul.ticklist, 
ul.arrowlist,
ul.arrowlist-black {
  list-style: none;
  padding-left: 0;
  
  border-top: 1px solid rgba(219,219,219,0.5);
}

ul.ticklist li, 
ul.arrowlist li,
ul.arrowlist-black li {
  position: relative;
  padding: 1em 1.75em;
  border-bottom: 1px solid rgba(219,219,219,0.5);
}

ul.ticklist li::before, 
ul.arrowlist li::before,
ul.arrowlist-black li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 1.2em; /* align vertically */
  width: 1em;
  height: 1em;
  background-size: contain;
  background-repeat: no-repeat;
}

ul.ticklist li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%2310cfc9'%3E%3Cpath d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E");
}

ul.arrowlist li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%2310cfc9'%3E%3Cpath d='M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM297 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L120 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l214.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L409 239c9.4 9.4 9.4 24.6 0 33.9L297 385z'/%3E%3C/svg%3E");
}

ul.arrowlist-black li::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23282727'%3E%3Cpath d='M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM297 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L120 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l214.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L409 239c9.4 9.4 9.4 24.6 0 33.9L297 385z'/%3E%3C/svg%3E");
}


/* Animations */
@media (prefers-reduced-motion: no-preference) {
	.is-overview.hero .hero-wrap,
	.section-courses {
		transition: 0.4s 0.2s ease-in-out transform, 0.5s 0.2s ease-in-out opacity;
		will-change: transform, opacity;
		contain: paint;

		@starting-style {
			opacity: 0;
			transform: translateY(30px);
		}
	}
    
    .homeLayout__left img {
        transform: scale(1.3);
        animation: fadeUpScale 0.9s forwards;
    }
    
    .homeLayout__right .homeLayout__logo,
    .homeLayout__right h1,
    .homeLayout__right .homeLayout__right-inner > p,
    .homeLayout__right .BtnPrimary_Home,
    .homeLayout__right .btnComponent,
    .homeLayout__right .homeLayout__buttons p {
        opacity: 0;
        transform: translateY(32px);
        animation: fadeUp 1s forwards;

    }

    .homeLayout__right h1 {
        animation-delay: 0.2s;
    }

    .homeLayout__right .homeLayout__right-inner > p {
        animation-delay: 0.4s;
    }

    .homeLayout__right .BtnPrimary_Home {
        animation-delay: 0.6s;
    }

    .homeLayout__right .btnComponent {
        animation-delay: 0.8s;
    }

    .homeLayout__right .homeLayout__buttons p {
        animation-delay: 1s;
    }
    
    .gutenberg-wrapper > * {
      	opacity: 0;
        transform: translateY(75px);
        backface-visibility: hidden;
        animation: fadeUpOnScroll 0.9s ease-out forwards;
        animation-timeline: view();
        animation-range: entry 0 entry 40%;
        animation-fill-mode: both;
    }
    

}

@keyframes fadeUpOnScroll {
  0% {
    opacity: 0;
    transform: translateY(75px);
  }
  40% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeUpScale {
    0% {

        transform: scale(1.3);
    }
    100% {

        transform: scale(1);
    }
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(32px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/* background patterns */

.teal-background,
.yellow-background,
.purple-background,
.red-background {
    position: relative;
}

.teal-background:after {
    content: '';
    background-image: url('https://app.prospectus.plus/uel/wp-content/uploads/sites/450/2025/07/Squares-Teal.png');
    position: absolute;
    bottom: -32px;
    right: -32px;
    left: 32px;
    top: 32px;
    z-index: -1;
    background-size: cover;
}

.purple-background:after {
    content: '';
    background-image: url('https://app.prospectus.plus/uel/wp-content/uploads/sites/450/2025/07/Diamond-Purple.png');
    position: absolute;
    bottom: -32px;
    right: -32px;
    left: 32px;
    top: 32px;
    z-index: -1;
    background-size: cover;
}

.yellow-background:after {
    content: '';
    background-image: url('https://app.prospectus.plus/uel/wp-content/uploads/sites/450/2025/07/Dots-Limelight.png');
    position: absolute;
    bottom: -32px;
    right: -32px;
    left: 32px;
    top: 32px;
    z-index: -1;
    background-size: cover;
}

.red-background:after {
    content: '';
    background-image: url('https://app.prospectus.plus/uel/wp-content/uploads/sites/450/2025/07/Lines-Coral.png');
    position: absolute;
    bottom: -32px;
    right: -32px;
    left: 32px;
    top: 32px;
    z-index: -1;
    background-size: cover;
}

@media only screen and (max-width: 767px) {
    .red-background:after,
    .yellow-background:after,
    .purple-background:after,
    .teal-background:after {
        bottom: -8px;
        right: -8px;
        left: 8px;
        top: 8px;
    }
}


/* sticky back button */

.page .hero__container{
    top: 0;
    position: sticky;
    z-index: 10000;
}


/* quote */

.quote-left {
    position:relative;
    margin-top: 40px !important;
}

.quote-left::before{
    content: '';
    background: url(https://cdn.prospectus.plus/uel/quote-left-solid-full-teal.svg);
    position: absolute;
    width: 80px;
    height: 80px;
    top: -70px;
    left: -8px;
}

.quote-left::after {
content: '';
    background: url(https://cdn.prospectus.plus/uel/quote-left-solid-full-teal.svg);
    position: absolute;
    width: 80px;
    height: 80px;
    bottom: -70px;
    right: -8px;
    transform: rotate(180deg);
}


/* homepage */

:root {--masthead-bg-color: var(--overview-header-background-colour); }

.homeLayout__logo {
    margin-bottom: 80px;
}


/* stats row */

.section-title .card {
    pointer-events: none;
}

.section-title .card:after {
    background: none !important;
}

.section-title .CardComponent__inner,
.section-title .CardComponent__remove {
    display: none !important;
}

.section-title {
    padding-bottom: 40px;
    padding-top: 40px;
}

/* .section-title .card-section-titles h2 {
    color: #fff;
} */



/* misc */

.ToastNotification_component__PfnyB {
    color: var(--color-secondary) !important;
}

.ToastNotification_component__PfnyB svg path {
    fill: var(--color-secondary) !important;
}

.separator {
    background: #BFBEBE !important;
}

.course summary {
    background: #10cfc9 !important;
}