/* Common background overlay */
.wayside-bg {
    position: relative;
    width: 100%;
    min-height: 100vh;
    height: auto;
    background: url(/assets/img/bg1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: cover;
}

.wayside-bg::before {
    content: "";
    position: fixed;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.3) 0%,
        rgba(0, 0, 0, 0.7) 100%,
        #000 100%
    );
    pointer-events: none;
    z-index: 0;
}

.wayside-bg > * {
    position: relative;
    z-index: 1;
}

@supports (--custom: property) {
    .wayside-bg {
        min-height: 100dvh;
    }
}

/* LOGIN page: looks perfect already */
.login-page #layoutAuthentication_content {
    padding-top: 4rem;
}

/* JOIN page: move it up a bit */
.join-page #layoutAuthentication_content {
    padding-top: 2rem;  /* adjust as needed */
}

@media (max-width: 767px) {
  .multi-select-instructions {
    display: none;
  }
}