/* One brand treatment across the public site, authentication, and portals. */
body .brand--wordmark {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    min-height: 66px;
    padding-block: 7px;
}

body .brand--wordmark .brand-mark {
    display: block !important;
    width: 150px;
    height: 40px;
    flex: 0 0 150px;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body .brand--wordmark .brand-mark img,
.login-brand--wordmark .login-brand__mark img,
.career-brand--wordmark .career-brand-mark img,
.public-vacancy-brand--wordmark img,
.public-profile-brand--wordmark img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
}

body .career-footer .brand--wordmark { min-height: 0; padding: 0; }

.login-brand--wordmark .login-brand__mark {
    width: 150px;
    height: 40px;
    flex: 0 0 150px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.career-shell .career-brand--wordmark {
    align-items: flex-start;
    flex-direction: column;
    gap: 0;
    min-height: 70px;
    line-height: 1;
}
.career-shell .career-brand--wordmark .career-brand-mark {
    display: block;
    width: 150px;
    height: 40px;
    flex: 0 0 40px;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.career-shell .career-brand--wordmark > small {
    margin: 0;
    color: #b4bfd0;
    font-size: 11px;
    font-weight: 450;
    line-height: 1;
}

.role-public-vacancy .public-vacancy-brand--wordmark > span {
    display: block;
    width: 150px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.role-public-vacancy .public-vacancy-brand--wordmark img {
    width: 100%;
    height: 100%;
}

.public-profile-topbar .public-profile-brand--wordmark img {
    width: 150px;
    height: 40px;
}

@media (max-width: 700px) {
    body .brand--wordmark .brand-mark { width: 150px; height: 40px; flex-basis: 150px; }
    .login-brand--wordmark .login-brand__mark { width: 150px; height: 40px; flex-basis: 150px; }
    .role-public-vacancy .public-vacancy-brand--wordmark > span { width: 140px; height: 31px; }
    .public-profile-topbar .public-profile-brand--wordmark img { width: 148px; height: 34px; }
}

@media (max-width: 380px) {
    body .brand--wordmark .brand-mark { width: 136px; height: 31px; flex-basis: 136px; }
    .role-public-vacancy .public-vacancy-brand--wordmark > span { width: 124px; height: 28px; }
    .public-profile-topbar .public-profile-brand--wordmark img { width: 132px; height: 30px; }
}