/* fonts */

:root {     --font-reg: halyard-text, sans-serif;    --font-light: halyard-display, sans-serif;     --font-bold: halyard-display, sans-serif; }

h1, h2, h3, h4, h5, h6 {
    font-weight: 200 !important;
}

p {
    line-height: unset !important;
}


/* buttons */

.btnComponent,
.wp-element-button,
.course-selector__buttons {
    border-radius: 0px !important;
    font-weight: 500 !important;
    font-family: var(--font-reg);
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=text] {
    border-radius: 0px;
    font-family: var(--font-reg);
}

.tooltip {
  background-color: #ffffff00;
  border: 1px solid #ace6bd;
  color: #ffffff;
}

.tooltip svg {
  filter: invert(1)
}


/* misc */

.course-selector__buttons {
    background-color: #fff;
}


/* masthead */

.masthead__container.column.is-12, .masthead__container.column.is-12-tablet {
    max-width: 1200px;
    margin: 0px auto;
    padding: 12px 36px !important;
}

@media (max-width: 769px) {
    .masthead__container.column.is-12, .masthead__container.column.is-12-tablet {
        padding: 0px !important;
    }
}

.masthead__logo {
    height: unset !important;
}

.MastHead_logoLink__QjkJ4 {
  max-width: 300px;
}

.homeLayout__logo img {
    width: 400px !important;
}

@media (max-width: 768px) {
    .welcome_logo__vA24v {
        width: 250px !important;
    }
}

@media (max-width: 900px) {
    .masthead__left {
        flex-direction: column;
        gap: 16px;
    }
}


/* headings */

.custom-bg {
    display: inline;
    margin: 0;
    font-size: 70px !important;
    box-decoration-break: clone;
    padding: 5px 10px !important;
    line-height: 1.4 !important;
}

.custom-bg-smaller {
    display: inline;
    margin: 0;
    box-decoration-break: clone;
    padding: 5px 10px !important;
}

/* padding: 0;
    padding-inline-start: 8px !important;
    padding-inline-end: 8px; */

@media (max-width: 769px) {
    .custom-bg {
        font-size: 48px !important;
    }
}


/* personalise */

.PillSelector_buttonTextColours__gJcMq:hover,
.Buttons_buttonTextColours__rS7l7:hover,
.Btn_buttonTextColours__UgIMG:hover {
  background-color: #ff791e !important;
}

@media (min-width: 1000px) {
    .List_card__q5zMp {
    width: calc(24% - 8px) !important;
    }
}

@media (max-width: 796px) {
    .section-courses .Card_component__S8VRD,
    .personalise .Card_component__S8VRD {
    height: 150px !important;
    }
}

.Card_component__S8VRD .Card_metaThree__NEBCe,
.Card_component__S8VRD .Card_metaTwo__1nVKt {
    font-size: 12px;
    line-height: 16px;
    max-height: 16px;
}

.CardComponent span.one:before {
    content: "Level ";
}


/* 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='%23f77a1f'%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");
}


/* overview */

.overview .CardComponent__inner {
    background: var(--color-primary);
    width: 100%;
}

@media (max-width: 796px) {
    .overview .hero {
        height: 350px !important;
    }
}