.pageContent-unauthorised .dropdown-menu-container,
.pageContent-unauthorised  .search-bar,
.pageContent-unauthorised  .dropdown-menu-button,
.pageContent-unauthorised .footer .engagement-container .quick-links-container,
.pageContent-unauthorised .wishlist-link {
    display: none;
}

.unauthorised .aad-formats-graphic {
    content: url("https://cadmoremediastorage.blob.core.windows.net/84e4b6cf-abf9-48a4-923a-206ef1e905e5/ApplicationContent/aad-learning-formats-banner-500x200?sv=2018-03-28&sr=c&sig=pDbT0eWwyeaKzdAd3y%2BkSTHmCZpoFXm%2Bl801MBWn6xg%3D&st=2026-10-05T22%3A11%3A55Z&se=2026-10-06T02%3A16%3A55Z&sp=r");
    height: auto;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 2.5rem auto;
}

.unauthorised {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ID selector needed to beat whitelabel.css "#pageContent main" */
#pageContent main.unauthorised {
    background-color: #BEE1F7;
}

.unauthorised-hero-banner {
    padding-block: 4rem;
}

.unauthorised-hero-banner .content {
    text-align: center;
    max-width: 50rem;
}

.unauthorised-hero-banner h1 {
    font-size: var(--text-5xl);
    font-weight: 700;
    color: var(--dark-01);
    line-height: 1.3;
    margin-bottom: 1rem;
}

.unauthorised-hero-banner h1 .h1-emphasis {
    font-weight: 700;
    font-size: var(--text-6xl);
    display: block;
}

.unauthorised-hero-banner  .hero-heading--subheading {
    font-size: var(--text-xl);
    margin: 0 0 2rem;
    color: var(--dark-01);
}

.unauthorised-hero-banner .subscript {
    margin-top: 1.5rem;
    padding-top: 0;
    color: var(--dark-01);
}

.unauthorised-hero-banner p:first-of-type {
    font-size: var(--text-xl);
}

.unauthorised-hero-banner__btn {
        display: flex;
    padding: 0 1.75rem;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 999px;
    border: none;
    font-weight: 700;
    background-color: var(--dark-01);
    color: var(--base-05);
    text-decoration: none;
    position: relative;
    width: fit-content;
    margin-inline: auto;
}

.unauthorised-hero-banner__btn:is(:hover, :focus) {
    background-color: var(--dark-focus);
}

.unauthorised-hero-banner .login-link, .unauthorised-hero-banner .subscript a {
    color: var(--dark-01);
    font-weight: 600;
}

.unauthorised-hero-banner .login-link:hover, .unauthorised-hero-banner  .login-link:focus,
.unauthorised-hero-banner .subscript a:hover, .unauthorised-hero-banner .subscript a:focus {
    color: var(--primary-focus);
}


@media only screen and (min-width: 360px) {
  /* CSS rules */
}

@media only screen and (min-width: 500px) {
  /* CSS rules */
}

@media only screen and (min-width: 640px) {
  /* CSS rules */
}

@media only screen and (min-width: 768px) {
  /* CSS rules */
}

@media only screen and (min-width: 1024px) {
  /* CSS rules */
}

@media only screen and (min-width: 1280px) {
    .unauthorised-hero-banner h1 {
        font-size: var(--text-6xl);
    }

    .unauthorised-hero-banner h1 .h1-emphasis {
        font-size: 2.884rem;
    }
}

@media only screen and (min-width: 1536px) {
  /* CSS rules */
}