/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Weave Pernod Ricard Pro';
    src: url('../fonts/WeavePernodRicardPro-Bold.ttf');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Weave Pernod Ricard Pro';
    src: url('../fonts/WeavePernodRicardPro-Bold.ttf');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

/*--------------------------------------------------------------
# CSS Variables
--------------------------------------------------------------*/
:root {
    --font-body-family: 'Arial', sans-serif;
    --font-heading-family: 'Weave Pernod Ricard Pro';


    --type-bold: 700;

    --color-blue: #001545;
    --color-red: #D7282F;
    --color-green: #004F00;
    --color-gold: #D4B677;
    --color-beige: 244, 240, 222;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-body-family);
    background: rgb(var(--color-beige)) !important;
    color: var(--color-blue);
    min-width: 0;
    font-size: 16px;
    line-height: 1.6;
}

h1 {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    font-size: 36px;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 16px !important;
    text-align: center;
}

h2 {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    font-size: 20px;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 32px !important;
}

.account-login__header {
    text-align: center;
}

.account-login__separator {
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    display: block;
}

.account-login__separator span {
    position: relative;
    z-index: 2;
    background-color: rgb(var(--color-beige));
    display: inline-block;
    padding: 0 12px;
}

.account-login__message p {
    font-size: 16px;
    line-height: 1.6;
}

.account-login__message p + p {
    margin-top: 16px;
}

.account-login__separator:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: var(--color-blue);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

#return-to-pantheon {
    display: none !important;
}

a {
    color: #2271b1;
    transition-property: border, background, color;
    transition-duration: .05s;
    transition-timing-function: ease-in-out;
}

a {
    outline: 0;
}

a:hover,
a:active {
    color: #135e96;
}

a:focus {
    color: #043959;
    box-shadow:
            0 0 0 1px #4f94d4,
            0 0 2px 1px rgba(79, 148, 212, 0.8);
}

p {
    line-height: 1.5;
}

.login .message,
.login .success,
.login #login_error {
    font-size: 14px;
    border-left: 4px solid var(--color-blue);
    padding: 12px;
    margin-left: 0;

    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    word-wrap: break-word;
    margin-top: 16px;
    margin-bottom: 16px;
}

.login .success {
    color: var(--color-green);
}

.login #login_error {
    color: var(--color-red);
}

.login .message a,
.login .success a,
.login #login_error a {
    color: inherit;
    text-underline-offset: 3px;
    transition: .25s;
}

.login .message a:hover,
.login .success a:hover,
.login #login_error a:hover {
    text-decoration-thickness: 2px;
}

.login .success {
    border-left: 4px solid var(--color-green) !important;
}

.login #login_error {
    border-left: 4px solid var(--color-red) !important;
}


.login .success {
    border-left-color: #00a32a;
}

.login #login_error {
    border-left-color: #d63638;
}

#loginform p.submit,
.login-action-lostpassword p.submit {
    border: none;
    margin-top: 16px !important;
}

.login * {
    margin: 0;
    padding: 0;
}

.login .input::-ms-clear {
    display: none;
}

.login .pw-weak {
    margin-bottom: 12px;
}

.login .pw-weak input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

.login .pw-weak label {
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1 !important;
}

.login .button.wp-hide-pw {
    background: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    font-size: 14px;
    line-height: 2;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 52px;
    min-height: 52px;
    margin: 0;
    padding: 5px 9px;
    position: absolute;
    right: 0;
    top: 0;
}

.login .button.wp-hide-pw:hover {
    background: transparent;
}

.login .button.wp-hide-pw:focus {
    background: transparent;
    border-color: #3582c4;
    box-shadow: 0 0 0 1px #3582c4;
    /* Only visible in Windows High Contrast mode */
    outline: 2px solid transparent;
}

.login .button.wp-hide-pw:active {
    background: transparent;
    box-shadow: none;
    transform: none;
}

.button.wp-hide-pw .dashicons {
    width: 1.25rem;
    height: 1.25rem;
    top: 0.25rem;
}

.wp-pwd {
    position: relative;
}

.no-js .hide-if-no-js {
    display: none;
}

.login form {
    margin-top: 20px;
    margin-left: 0;
    font-weight: 400;
    overflow: hidden;
    padding: 0 0;
    border: none;
    background: none;
}

.login form.shake {
    animation: shake 0.2s cubic-bezier(.19,.49,.38,.79) both;
    animation-iteration-count: 3;
    transform: translateX(0);
}

@keyframes shake {
    25% {
        transform: translateX(-20px);
    }
    75% {
        transform: translateX(20px);
    }
    100% {
        transform: translateX(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .login form.shake {
        animation: none;
        transform: none;
    }
}

.login-action-confirm_admin_email #login {
    width: 60vw;
    max-width: 650px;
    margin-top: -2vh;
}

@media screen and (max-width: 782px) {
    .login-action-confirm_admin_email #login {
        box-sizing: border-box;
        margin-top: 0;
        padding-left: 4vw;
        padding-right: 4vw;
        width: 100vw;
    }
}

.login form .forgetmenot {
    font-weight: 400;
    float: left;
    margin-bottom: 0;
}

.login .forgetmenot label {
    display: flex;
    align-items: center;
    gap: 8px;
}

#wp-submit,
.login .button-primary,
.account-login__sso {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 16px;
    height: 52px;
    border-radius: 32px;
    width: calc(100% - 4px);
    color: rgb(var(--color-beige));
    background-color: var(--color-blue);
    margin-left: 2px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.account-login__sso {
    color: rgb(var(--color-beige), 1);
    background-color: var(--color-blue);
    text-decoration: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='247' height='234' viewBox='0 0 247 234' fill='none'%3E%3Cpath d='M203.366 110.774C183.765 118.155 170.532 130.962 170.532 130.962C170.075 124.558 168.573 118.155 166.613 113.234C166.613 113.234 173.014 100.926 191.609 88.1248C211.694 74.3408 234.718 70.4038 234.718 70.4038C239.624 80.7368 243.053 91.5698 244.522 102.894C244.522 102.894 227.86 101.418 203.366 110.774Z' fill='white'/%3E%3Cpath d='M189.166 69.9738C170.087 88.6788 163.229 107.391 163.229 107.391C159.767 101.479 155.391 96.5588 149.513 92.6158C149.513 92.6158 156.829 70.4658 168.128 54.2148C179.362 37.4778 197.991 24.1848 197.991 24.1848C207.299 31.0739 215.136 39.4458 221.995 48.3098C221.995 48.3098 203.38 56.6749 189.167 69.9738H189.166Z' fill='white'/%3E%3Cpath d='M155.866 46.7739C147.049 68.9239 145.089 90.0959 145.089 90.0959C139.211 87.1434 131.895 84.6831 125.494 84.191C125.494 84.191 125.037 63.019 129.936 40.863C135.292 15.262 141.17 0.000976562 141.17 0.000976562C152.47 0.985077 163.247 4.42958 173.502 8.86478C173.502 8.86478 161.744 31.5069 155.866 46.7739Z' fill='white'/%3E%3Cpath d='M187.166 185.674C163.188 174.35 139.152 176.81 139.152 176.81C147.97 173.365 155.35 167.953 160.706 161.057C160.706 161.057 181.803 158.597 197.949 161.549C222.932 166.962 233.71 175.333 233.71 175.333C228.812 185.673 222.443 195.521 214.605 203.893C214.605 203.893 204.808 194.046 187.166 185.674Z' fill='white'/%3E%3Cpath d='M205.366 149.674C181.349 148.69 164.694 155.093 164.694 155.093C167.633 149.674 169.593 143.277 170.116 136.873C170.116 136.873 189.685 126.041 207.327 123.581C231.82 120.137 246.033 125.057 246.033 125.057C245.543 136.381 244.073 147.705 240.644 158.537C240.644 158.537 224.961 150.658 205.366 149.674Z' fill='white'/%3E%3Cpath d='M42.6663 110.773C62.2673 118.154 75.5002 130.961 75.5002 130.961C75.9574 124.557 77.4598 118.154 79.4192 113.233C79.4192 113.233 73.0183 100.925 54.4232 88.1238C34.3382 74.3398 11.3141 70.4028 11.3141 70.4028C6.40885 80.7358 2.97975 91.5688 1.51025 102.893C1.51025 102.893 18.1723 101.417 42.6663 110.773Z' fill='white'/%3E%3Cpath d='M56.8662 69.9728C75.9452 88.6778 82.8032 107.39 82.8032 107.39C86.265 101.478 90.6411 96.5578 96.5192 92.6148C96.5192 92.6148 89.2038 70.4648 77.9042 54.2138C66.6702 37.4768 48.0412 24.1838 48.0412 24.1838C38.7337 31.0729 30.8962 39.4448 24.0372 48.3088C24.0372 48.3088 42.6522 56.6739 56.8652 69.9728H56.8662Z' fill='white'/%3E%3Cpath d='M90.1663 46.7729C98.984 68.9229 100.943 90.0949 100.943 90.0949C106.822 87.1424 114.137 84.6821 120.538 84.19C120.538 84.19 120.995 63.018 116.097 40.862C110.741 15.261 104.863 0 104.863 0C93.5628 0.9841 82.7858 4.4286 72.5308 8.8638C72.5308 8.8638 84.2883 31.5059 90.1663 46.7729Z' fill='white'/%3E%3Cpath d='M58.8663 185.673C82.8443 174.349 106.88 176.809 106.88 176.809C98.0626 173.364 90.6823 167.952 85.3263 161.056C85.3263 161.056 64.2293 158.596 48.0833 161.548C23.1003 166.961 12.3223 175.332 12.3223 175.332C17.221 185.672 23.5893 195.52 31.4273 203.892C31.4273 203.892 41.2247 194.045 58.8663 185.673Z' fill='white'/%3E%3Cpath d='M40.6663 149.673C64.6833 148.689 81.3383 155.092 81.3383 155.092C78.3991 149.673 76.4396 143.276 75.917 136.872C75.917 136.872 56.348 126.04 38.706 123.58C14.213 120.136 0 125.056 0 125.056C0.49 136.38 1.95951 147.704 5.38861 158.536C5.38861 158.536 21.0713 150.657 40.6663 149.673Z' fill='white'/%3E%3Cpath d='M122.966 203.191C157.78 203.191 172.998 233.22 172.998 233.22C183.775 228.299 193.573 222.388 202.847 214.508C202.847 214.508 173.455 177.583 122.965 177.583C72.9985 177.583 43.6265 214.508 43.6265 214.508C52.4442 222.388 62.7385 228.299 73.5215 233.22C73.5215 233.22 88.6745 203.19 122.965 203.191H122.966Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 32px center;
    transition: .25s;
}

.account-login__sso:hover {
    box-shadow: 0 0 2px var(--color-blue);
    color: rgb(var(--color-beige), 1);
}

.ask-access {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 16px;
    height: 52px;
    height: 52px;
    border-radius: 32px;
    width: 100%;
    border: 1px solid var(--color-blue);
    color: var(--color-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.reset-pass-submit {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.reset-pass-submit .button {
    display: inline-block;
    float: none;
    margin-bottom: 6px;
}

.login .reset-pass-submit .button.wp-generate-pw {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
    border: none;
    background: none;
    transition: all 0.25s ease-in;
}

.login .reset-pass-submit .button.wp-generate-pw:hover {
    text-decoration-thickness: 2px;
}

.login .admin-email-confirm-form .submit {
    text-align: center;
}

.admin-email__later {
    text-align: left;
}

.login form p.admin-email__details {
    margin: 1.1em 0;
}

.login h1.admin-email__heading {
    border-bottom: 1px #f0f0f1 solid;
    color: #50575e;
    font-weight: normal;
    padding-bottom: 0.5em;
    text-align: left;
}

.admin-email__actions div {
    padding-top: 1.5em;
}

.login .admin-email__actions .button-primary {
    float: none;
    margin-left: 0.25em;
    margin-right: 0.25em;
}

#login form p {
    margin-bottom: 0;
}

#login form p.submit {
    margin: 0;
    padding: 0;
}

.login label {
    font-family: var(--font-heading-family);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 8px;
}

.login .forgetmenot label,
.login .pw-weak label {
    line-height: 1.5;
    vertical-align: baseline;
}

.login h1 a {
    background-image: url(../images/w-logo-blue.png?ver=20131202);
    background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
    background-size: 84px;
    background-position: center top;
    background-repeat: no-repeat;
    color: #3c434a;
    height: 84px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 auto 25px;
    padding: 0;
    text-decoration: none;
    width: 84px;
    text-indent: -9999px;
    outline: none;
    overflow: hidden;
    display: block;
}

#login {
    height: 100vh;
    display: flex;
    padding: 64px 48px;
    box-sizing: border-box;
    margin: 0 auto;
}

@media screen and (min-width: 750px) {
    .login-action-lostpassword #login,
    .login-action-rp #login {
        max-width: 520px;
        margin: 0 auto;
    }
}

#backtoblog {
    margin: 16px 0;
    word-wrap: break-word;
}

.login #nav a,
.login #backtoblog a {
    text-decoration: none;
    color: #50575e;
}

.login #nav a:hover,
.login #backtoblog a:hover,
.login h1 a:hover {
    color: #135e96;
}

.login #nav a:focus,
.login #backtoblog a:focus,
.login h1 a:focus {
    color: #043959;
}

.login .privacy-policy-page-link {
    text-align: center;
    width: 100%;
    margin: 3em 0 2em;
}

.login form .input,
.login input[type="text"],
.login input[type="password"] {
    font-family: var(--font-heading-family) !important;
    font-size: 18px;
    width: 100%;

    height: 52px;
    width: calc(100% - 4px);
    margin-left: 2px;
    color: var(--color-blue);
    border: 1px solid var(--color-blue);
    border-radius: 32px;
    padding: 8px 24px;
    line-height: 1;
}

input[type="text"]:focus,
input[type="password"]:focus {
    box-shadow: 0 0 0 1px var(--color-blue);
}

.login input[type="text"]::placeholder,
.login input[type="password"]::placeholder {
    font-family: var(--font-heading-family);
    font-size: 16px;
    font-weight: var(--type-bold);
    text-transform: uppercase;
    color: var(--color-blue);
    letter-spacing: 0.05em;
}

.js.login input.password-input,
.js.login-action-rp form .input,
.js.login-action-rp input[type="text"] {
    padding-right: 2.5rem;
}

.login form .input,
.login input[type="text"],
.login form input[type="checkbox"] {
    background: #fff;
}

.js.login-action-rp input[type="text"],
.js.login-action-rp input[type="password"] {
    margin-bottom: 0;
}

.login #pass-strength-result {
    font-weight: 600;
    margin: -1px 5px 16px 0;
    padding: 6px 5px;
    text-align: center;
    width: 100%;
}

body.interim-login {
    height: auto;
}

.interim-login #login {
    padding: 0;
    margin: 5px auto 20px;
}

.interim-login.login h1 a {
    width: auto;
}

.interim-login #login_error,
.interim-login.login .message {
    margin: 0 0 16px;
}

.interim-login.login form {
    margin: 0;
}

/* Hide visually but not from screen readers */
.screen-reader-text,
.screen-reader-text span {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
}

/* Hide the Edge "reveal password" native button */
input::-ms-reveal {
    display: none;
}

#language-switcher {
    padding: 0;
    overflow: visible;
    background: none;
    border: none;
    box-shadow: none;
}

#language-switcher select {
    margin-right: 0.25em;
}

.language-switcher {
    margin: 0 auto;
    padding: 0 0 24px;
    text-align: center;
}

.language-switcher label {
    margin-right: 0.25em;
}

.language-switcher label .dashicons {
    width: auto;
    height: auto;
}

.login .language-switcher .button-primary {
    float: none;
    margin-bottom: 0;
}

@media screen and (max-height: 550px) {
    #login {
        padding: 20px 0;
    }

    #language-switcher {
        margin-top: 0;
    }
}


@media screen and (max-width: 782px) {
    .interim-login input[type=checkbox] {
        width: 1rem;
        height: 1rem;
    }

    .interim-login input[type=checkbox]:checked:before {
        width: 1.3125rem;
        height: 1.3125rem;
        margin: -0.1875rem 0 0 -0.25rem;
    }

    #language-switcher label,
    #language-switcher select {
        margin-right: 0;
    }
}

@media screen and (max-width: 400px) {
    .login .language-switcher .button-primary {
        display: block;
        margin: 5px auto 0;
    }
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

@keyframes checked {
    to {
        stroke-dashoffset: 0;
    }
}

#scribble {
    stroke-dasharray: 400;
    stroke-dashoffset: 400;
}

input:checked+label #scribble {
    animation: checked 1s ease forwards;
}

#rememberme {
    position: absolute;
    opacity: 0;
}

.remember-user label {
    display: flex;
    align-items: center;
    line-height: 1;
    gap: 8px;
    padding: 16px 0;
}

.mmpj__logo {
    background-image: url("../img/mmpj-logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 56px;
    margin-bottom: 24px;
    background-position: center;
    position: relative;
}

.mmpj__logo a {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.mmpj__logo-corporate {
    background-image: url("../img/mmpj-corporate-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 112px;
    margin-top: 12px;
    margin-bottom: 12px;
    background-position: center;
}

.account-login__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.login-action-lostpassword .account-login__wrapper,
.login-action-rp .account-login__wrapper {
    grid-template-columns: 1fr 2fr;
}

.login-action-lostpassword .need-access,
.login-action-rp .need-access {
    display: none;
}

.need-access {
    display: flex;
    flex-direction: column;
    padding: 160px 48px 64px;
    height: 100vh;
    border-left: 1px solid var(--color-blue);
    border-right: 1px solid var(--color-blue);
    box-sizing: border-box;

    /*background: var(--color-blue);*/
    /*color: rgb(var(--color-beige));*/
}

.dialog {
    display: none;
}

/*--------------------------------------------------------------
# Bandeau
--------------------------------------------------------------*/
.bandeau {
    width: 80px;
    height: 100vh;
    position: fixed;
    z-index: 20;
}

.bandeau + img {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 80px;
    z-index: 20;
    padding: 24px;
    border-radius: 100%;
    height: 96px;
}

.bandeau--rouge {
    background-color: var(--color-red);
}

.bandeau--vert {
    background-color: var(--color-green);
}

.bandeau--bleu {
    background-color: var(--color-blue);
}

/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/
.account-login__username {
    margin-bottom: 24px;
}

.account-login__link {
    text-align: center;
    margin-top: 8px;
    color: var(--color-blue);
}

.account-login__link a {
    font-size: 14px;
    color: inherit;
    text-underline-offset: 3px;
    transition: all 0.5s ease-in;
}

.account-login__link a:hover {
    text-decoration-thickness: 2px;
}

.dashicons-visibility:before,
.dashicons-hidden:before {
    color: var(--color-blue);
}

.account-login__contact {
    padding-left: 0;
    list-style: none;
    margin-top: 32px;
    text-align: center;
}

.account-login__contact li {
    padding: 8px 0;
}

.account-login__contact .profile-type {
    font-family: var(--font-heading-family);
    text-transform: uppercase;
    font-weight: var(--type-bold);
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 4px;
}

.account-login__contact a {
    color: inherit;
    text-underline-offset: 3px;
    transition: all 0.5s ease-in;
    display: block;
}

.account-login__contact a:hover {
    text-decoration-thickness: 2px;
}

.circle {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    margin-right: 4px;
}

.circle--red {
    background-color: var(--color-red);
}

.circle--green {
    background-color: var(--color-green);
}

.circle--blue {
    background-color: var(--color-blue);
}

.circle--gold {
    background-color: var(--color-gold);
}

@media screen and (max-width: 749px) {
    .bandeau {
        width: 100%;
        height: 80px;
        position: relative;
    }

    .bandeau + img {
        width: 80px;
        height: 80px;
        position: absolute;
        top: 0;
        bottom: auto;
        left: 50%;
        transform: translate(-50%, 50%);
    }

    .account-login__wrapper {
        padding-bottom: 64px;
    }

    #login {
        width: auto !important;
        margin-left: 0;
        padding-left: 16px;
        padding-right: 16px;
    }

    .account-login__wrapper {
        display: block;
    }

    .account-login__media {
        display: none;
    }

    .need-access {
        border: none;
        padding: 0 16px;
        margin: 64px 0;
    }
}

.account-login__media {
    background-image: url("../img/mmpj-login.jpeg");
    background-size: cover;
    background-position: center;
    filter: brightness(0.5);
}

p.description.indicator-hint {
    font-size: 12px;
    line-height: 1.6;
}

.reset-pass-submit {
    justify-content: center !important;
}


#pass-strength-result {
    margin-top: 8px !important;
}

.wp-core-ui .button-primary[disabled],
.wp-core-ui .button-primary:disabled {
    background-color: var(--color-gold) !important;
    opacity: 0.3;
    color: var(--color-blue) !important;
}

#pass-strength-result {
    font-family: var(--font-heading-family);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 8px 32px !important;
    background: none !important;
}

#pass-strength-result.short {
    color: var(--color-red);
    border-color: var(--color-red);
}

#pass-strength-result.good {
    color: var(--color-gold);
    border-color: var(--color-gold);
}

#pass-strength-result.strong {
    color: var(--color-green);
    border-color: var(--color-green);
}

#pass1.short, #pass1-text.short {
    border-color: var(--color-red) !important;
}

#pass1.short:focus, #pass1-text.short:focus {
    box-shadow: 0 0 0 1px var(--color-red) !important;
}

#pass1.strong, #pass1-text.strong {
    border-color: var(--color-green) !important;
}

#pass1.strong:focus, #pass1-text.strong:focus {
    box-shadow: 0 0 0 1px var(--color-green) !important;
}

#pass1.good:focus, #pass1-text.good:focus {
    box-shadow: 0 0 0 1px var(--color-gold) !important;
}

.wp-core-ui .button-primary {
    border: 1px solid var(--color-blue);
    transition: .25s;
}

.wp-submit:hover,
.wp-submit:focus,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
    box-shadow: 0 0 2px var(--color-blue);
    background: var(--color-blue) !important;
    border-color: var(--color-blue)!important;
}
.ask-access {
    transition: .25s;
}


.ask-access:hover,
.ask-access:active {
    color: var(--color-blue) !important;
    box-shadow: inset 0 0 2px var(--color-blue);
}

.dialog-navbar-container {
    position: fixed;
    background-color: rgb(var(--color-beige));
    color: rgb(var(--color-blue));
    border: none;
    display: flex;
    flex-direction: column;

    width: 640px;
    max-height: 600px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 32px;

    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 1000;
    max-width: 100%;
}

@media screen and (max-width: 750px) {
    .dialog-navbar-container {
        transform: none;
        position: fixed;
        left: 0;
        height: 100vh;
        width: 100%;
        top: 0;
    }
}

.dialog-navbar-container::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: rgb(var(--color-gold));
}

.dialog-navbar-container::-webkit-scrollbar-thumb {
    background-color: rgb(var(--color-blue));
}

body.has-pop-up {
    max-height: 100vh;
    overflow: hidden;
}

body.has-pop-up .site-overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(0, 0, 0, 0.8);
    width: 100%;
    height: 100vh;
    z-index: 100;
}

.button {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: inline-block;
    font-size: 16px;
    padding: 16px 40px;
    border-radius: 512px;
    line-height: 1.2;
    cursor: pointer;

    color: var(--color-blue);
    background-color: rgb(var(--color-beige));

    border: 1px solid var(--color-blue);
}

.button.button--full-width {
    width: 100%;
    max-width: none;
    margin-top: 0;
    margin-bottom: 32px;
    text-align: center;
}

.button.button--dark,
.button.button--full-width {
    background-color: var(--color-blue) !important;
    color: rgb(var(--color-beige)) !important;
}

.dialog-collapse-body a {
    color: var(--color-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: .25s;
}

.dialog-collapse-body a:hover {
    text-decoration-thickness: 2px;
}

dialog#modal-cgu {
    color: var(--color-blue);
}

#modal-cgu h2 {
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 0 !important;
}

.contact-item p {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: var(--type-bold) !important;
}

#login form p.submit {
    text-align: center;
}



.wp-pwd input {
    font-family: var(--font-heading-family) !important;
    font-size: 18px;
    width: 100%;
    height: 52px;
    width: calc(100% - 4px);
    margin-left: 2px;
    color: var(--color-blue);
    border: 1px solid var(--color-blue);
    border-radius: 32px;
    padding: 8px 24px;
    line-height: 1;
}

.wp-pwd .button.wp-hide-pw {
    background: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    font-size: 14px;
    line-height: 2;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 52px;
    min-height: 52px;
    margin: 0;
    padding: 5px 9px;
    position: absolute;
    right: 0;
    top: 0;
}

.reset-pass-submit .button.wp-generate-pw {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
    border: none;
    background: none;
    transition: all 0.25s ease-in;
    display: inline-block;
    float: none;
    margin-bottom: 6px;
    padding: 0 10px;
}

.wp-generate-pw {
    margin-top: 1em;
    font-size: 14px;
    color: inherit;
    text-underline-offset: 3px;
    transition: all 0.5s ease-in;
    background: none;
    border: none;
    margin-bottom: 8px;
    display: block;
    text-decoration: underline;
    cursor: pointer;
}

.wp-generate-pw:hover {
    text-decoration-thickness: 2px;
}

/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Pernod Ricard';
    src: url('../fonts/PernodRicard_Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'Pernod Ricard';
    src: url('../fonts/PernodRicard_Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}

/*--------------------------------------------------------------
# CSS Variables
--------------------------------------------------------------*/
:root {
    --font-body-family: 'Arial', sans-serif;
    /* --font-heading-family: 'Weave Pernod Ricard Pro'; */
    --font-heading-family: 'Helvetica Neue', sans-serif;


    --type-bold: 700;

    --color-blue: #001545;
    --color-red: #D7282F;
    --color-green: #004F00;
    --color-gold: #D4B677;
    --color-beige: 244, 240, 222;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-body-family);
    background: rgb(var(--color-beige)) !important;
    color: var(--color-blue);
    min-width: 0;
    font-size: 16px;
    line-height: 1.6;
}

h1 {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    font-size: 36px;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 16px !important;
    text-align: center;
}

h2 {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    font-size: 20px;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 32px !important;
}

.account-login__header {
    text-align: center;
}

.account-login__separator {
    font-size: 12px;
    text-transform: uppercase;
    position: relative;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    display: block;
}

.account-login__separator span {
    position: relative;
    z-index: 2;
    background-color: rgb(var(--color-beige));
    display: inline-block;
    padding: 0 12px;
}

.account-login__message p {
    font-size: 16px;
    line-height: 1.6;
}

.account-login__message p + p {
    margin-top: 16px;
}

.account-login__separator:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: var(--color-blue);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

#return-to-pantheon {
    display: none !important;
}

a {
    color: #2271b1;
    transition-property: border, background, color;
    transition-duration: .05s;
    transition-timing-function: ease-in-out;
}

a {
    outline: 0;
}

a:hover,
a:active {
    color: #135e96;
}

a:focus {
    color: #043959;
    box-shadow:
            0 0 0 1px #4f94d4,
            0 0 2px 1px rgba(79, 148, 212, 0.8);
}

p {
    line-height: 1.5;
}

.login .message,
.login .success,
.login #login_error {
    font-size: 14px;
    border-left: 4px solid var(--color-red);
    padding: 12px;
    margin-left: 0;

    background-color: #fff;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    word-wrap: break-word;
    margin-top: 16px;
    margin-bottom: 16px;
}

.login .success {
    border-left-color: #00a32a;
}

.login #login_error {
    border-left-color: #d63638;
}

#loginform p.submit,
.login-action-lostpassword p.submit {
    border: none;
    margin-top: 16px !important;
}

.login * {
    margin: 0;
    padding: 0;
}

.login .input::-ms-clear {
    display: none;
}

.login .pw-weak {
    margin-bottom: 12px;
}

.login .pw-weak input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

.login .pw-weak label {
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1 !important;
}

.login .button.wp-hide-pw {
    background: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    font-size: 14px;
    line-height: 2;
    width: 2.5rem;
    height: 2.5rem;
    min-width: 52px;
    min-height: 52px;
    margin: 0;
    padding: 5px 9px;
    position: absolute;
    right: 0;
    top: 0;
}

.login .button.wp-hide-pw:hover {
    background: transparent;
}

.login .button.wp-hide-pw:focus {
    background: transparent;
    border-color: #3582c4;
    box-shadow: 0 0 0 1px #3582c4;
    /* Only visible in Windows High Contrast mode */
    outline: 2px solid transparent;
}

.login .button.wp-hide-pw:active {
    background: transparent;
    box-shadow: none;
    transform: none;
}

.login .button.wp-hide-pw .dashicons {
    width: 1.25rem;
    height: 1.25rem;
    top: 0.25rem;
}

.login .wp-pwd {
    position: relative;
}

.no-js .hide-if-no-js {
    display: none;
}

.login form {
    margin-top: 20px;
    margin-left: 0;
    font-weight: 400;
    overflow: hidden;
    box-shadow: none !important;
}

.login form.shake {
    animation: shake 0.2s cubic-bezier(.19,.49,.38,.79) both;
    animation-iteration-count: 3;
    transform: translateX(0);
}

@keyframes shake {
    25% {
        transform: translateX(-20px);
    }
    75% {
        transform: translateX(20px);
    }
    100% {
        transform: translateX(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .login form.shake {
        animation: none;
        transform: none;
    }
}

.login-action-confirm_admin_email #login {
    width: 60vw !important;
    max-width: 650px;
    margin-top: -2vh;
}

@media screen and (max-width: 782px) {
    .login-action-confirm_admin_email #login {
        box-sizing: border-box;
        margin-top: 0;
        padding-left: 4vw;
        padding-right: 4vw;
        width: 100vw !important;
    }
}

.login form .forgetmenot {
    font-weight: 400;
    float: left;
    margin-bottom: 0;
}

.login .button-primary,
.account-login__sso {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 16px;
    height: 52px;
    border-radius: 32px;
    width: calc(100% - 4px);
    color: rgb(var(--color-beige));
    background-color: var(--color-blue);
    margin-left: 2px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.account-login__sso {
    color: white;
    background-color: var(--color-blue);
    text-decoration: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='247' height='234' viewBox='0 0 247 234' fill='none'%3E%3Cpath d='M203.366 110.774C183.765 118.155 170.532 130.962 170.532 130.962C170.075 124.558 168.573 118.155 166.613 113.234C166.613 113.234 173.014 100.926 191.609 88.1248C211.694 74.3408 234.718 70.4038 234.718 70.4038C239.624 80.7368 243.053 91.5698 244.522 102.894C244.522 102.894 227.86 101.418 203.366 110.774Z' fill='white'/%3E%3Cpath d='M189.166 69.9738C170.087 88.6788 163.229 107.391 163.229 107.391C159.767 101.479 155.391 96.5588 149.513 92.6158C149.513 92.6158 156.829 70.4658 168.128 54.2148C179.362 37.4778 197.991 24.1848 197.991 24.1848C207.299 31.0739 215.136 39.4458 221.995 48.3098C221.995 48.3098 203.38 56.6749 189.167 69.9738H189.166Z' fill='white'/%3E%3Cpath d='M155.866 46.7739C147.049 68.9239 145.089 90.0959 145.089 90.0959C139.211 87.1434 131.895 84.6831 125.494 84.191C125.494 84.191 125.037 63.019 129.936 40.863C135.292 15.262 141.17 0.000976562 141.17 0.000976562C152.47 0.985077 163.247 4.42958 173.502 8.86478C173.502 8.86478 161.744 31.5069 155.866 46.7739Z' fill='white'/%3E%3Cpath d='M187.166 185.674C163.188 174.35 139.152 176.81 139.152 176.81C147.97 173.365 155.35 167.953 160.706 161.057C160.706 161.057 181.803 158.597 197.949 161.549C222.932 166.962 233.71 175.333 233.71 175.333C228.812 185.673 222.443 195.521 214.605 203.893C214.605 203.893 204.808 194.046 187.166 185.674Z' fill='white'/%3E%3Cpath d='M205.366 149.674C181.349 148.69 164.694 155.093 164.694 155.093C167.633 149.674 169.593 143.277 170.116 136.873C170.116 136.873 189.685 126.041 207.327 123.581C231.82 120.137 246.033 125.057 246.033 125.057C245.543 136.381 244.073 147.705 240.644 158.537C240.644 158.537 224.961 150.658 205.366 149.674Z' fill='white'/%3E%3Cpath d='M42.6663 110.773C62.2673 118.154 75.5002 130.961 75.5002 130.961C75.9574 124.557 77.4598 118.154 79.4192 113.233C79.4192 113.233 73.0183 100.925 54.4232 88.1238C34.3382 74.3398 11.3141 70.4028 11.3141 70.4028C6.40885 80.7358 2.97975 91.5688 1.51025 102.893C1.51025 102.893 18.1723 101.417 42.6663 110.773Z' fill='white'/%3E%3Cpath d='M56.8662 69.9728C75.9452 88.6778 82.8032 107.39 82.8032 107.39C86.265 101.478 90.6411 96.5578 96.5192 92.6148C96.5192 92.6148 89.2038 70.4648 77.9042 54.2138C66.6702 37.4768 48.0412 24.1838 48.0412 24.1838C38.7337 31.0729 30.8962 39.4448 24.0372 48.3088C24.0372 48.3088 42.6522 56.6739 56.8652 69.9728H56.8662Z' fill='white'/%3E%3Cpath d='M90.1663 46.7729C98.984 68.9229 100.943 90.0949 100.943 90.0949C106.822 87.1424 114.137 84.6821 120.538 84.19C120.538 84.19 120.995 63.018 116.097 40.862C110.741 15.261 104.863 0 104.863 0C93.5628 0.9841 82.7858 4.4286 72.5308 8.8638C72.5308 8.8638 84.2883 31.5059 90.1663 46.7729Z' fill='white'/%3E%3Cpath d='M58.8663 185.673C82.8443 174.349 106.88 176.809 106.88 176.809C98.0626 173.364 90.6823 167.952 85.3263 161.056C85.3263 161.056 64.2293 158.596 48.0833 161.548C23.1003 166.961 12.3223 175.332 12.3223 175.332C17.221 185.672 23.5893 195.52 31.4273 203.892C31.4273 203.892 41.2247 194.045 58.8663 185.673Z' fill='white'/%3E%3Cpath d='M40.6663 149.673C64.6833 148.689 81.3383 155.092 81.3383 155.092C78.3991 149.673 76.4396 143.276 75.917 136.872C75.917 136.872 56.348 126.04 38.706 123.58C14.213 120.136 0 125.056 0 125.056C0.49 136.38 1.95951 147.704 5.38861 158.536C5.38861 158.536 21.0713 150.657 40.6663 149.673Z' fill='white'/%3E%3Cpath d='M122.966 203.191C157.78 203.191 172.998 233.22 172.998 233.22C183.775 228.299 193.573 222.388 202.847 214.508C202.847 214.508 173.455 177.583 122.965 177.583C72.9985 177.583 43.6265 214.508 43.6265 214.508C52.4442 222.388 62.7385 228.299 73.5215 233.22C73.5215 233.22 88.6745 203.19 122.965 203.191H122.966Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 32px center;
}

.ask-access {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 16px;
    height: 52px;
    height: 52px;
    border-radius: 32px;
    width: 100%;
    border: 1px solid var(--color-blue);
    color: var(--color-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.login .reset-pass-submit {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.login .reset-pass-submit .button {
    display: inline-block;
    float: none;
    margin-bottom: 6px;
}

.login .reset-pass-submit .button.wp-generate-pw {
    font-family: var(--font-heading-family);
    font-weight: var(--type-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--color-blue);
    text-decoration: underline;
    text-underline-offset: 3px;
    border: none;
    background: none;
    transition: all 0.25s ease-in;
}

.login .reset-pass-submit .button.wp-generate-pw:hover {
    text-decoration-thickness: 2px;
}

.login .admin-email-confirm-form .submit {
    text-align: center;
}

.admin-email__later {
    text-align: left;
}

.login form p.admin-email__details {
    margin: 1.1em 0;
}

.login h1.admin-email__heading {
    border-bottom: 1px #f0f0f1 solid;
    color: #50575e;
    font-weight: normal;
    padding-bottom: 0.5em;
    text-align: left;
}

.admin-email__actions div {
    padding-top: 1.5em;
}

.login .admin-email__actions .button-primary {
    float: none;
    margin-left: 0.25em;
    margin-right: 0.25em;
}

#login form p {
    margin-bottom: 0;
}

#login form p.submit {
    margin: 0;
    padding: 0;
}

.login label {
    font-family: var(--font-heading-family);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 8px;
}

.login .forgetmenot label,
.login .pw-weak label {
    line-height: 1.5;
    vertical-align: baseline;
}

.login h1 a {
    background-image: url(../images/w-logo-blue.png?ver=20131202);
    background-image: none, url(../images/wordpress-logo.svg?ver=20131107);
    background-size: 84px;
    background-position: center top;
    background-repeat: no-repeat;
    color: #3c434a;
    height: 84px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 auto 25px;
    padding: 0;
    text-decoration: none;
    width: 84px;
    text-indent: -9999px;
    outline: none;
    overflow: hidden;
    display: block;
}

#login {
    height: 100vh;
    display: flex;
    padding: 64px 48px;
    box-sizing: border-box;
    width: auto !important;
    flex-direction: column;
    justify-content: center;
}

@media screen and (min-width: 750px) {
    .login-action-lostpassword #login,
    .login-action-rp #login {
        max-width: 520px;
        margin: 0 auto;
    }
}

#backtoblog {
    margin: 16px 0;
    word-wrap: break-word;
}

.login #nav a,
.login #backtoblog a {
    text-decoration: none;
    color: #50575e;
}

.login #nav a:hover,
.login #backtoblog a:hover,
.login h1 a:hover {
    color: #135e96;
}

.login #nav a:focus,
.login #backtoblog a:focus,
.login h1 a:focus {
    color: #043959;
}

.login .privacy-policy-page-link {
    text-align: center;
    width: 100%;
    margin: 3em 0 2em;
}

.login form .input,
.login input[type="text"],
.login input[type="password"] {
    font-family: var(--font-heading-family) !important;
    font-size: 18px;
    width: 100%;

    height: 52px;
    width: calc(100% - 4px);
    margin-left: 2px;
    color: var(--color-blue);
    border: 1px solid var(--color-blue);
    border-radius: 32px;
    padding: 8px 24px;
    line-height: 1;
}

input[type="text"]:focus,
input[type="password"]:focus {
    box-shadow: 0 0 0 1px var(--color-blue);
}

.login input[type="text"]::placeholder,
.login input[type="password"]::placeholder {
    font-family: var(--font-heading-family);
    font-size: 16px;
    font-weight: var(--type-bold);
    text-transform: uppercase;
    color: var(--color-blue);
    letter-spacing: 0.05em;
}

.js.login input.password-input,
.js.login-action-rp form .input,
.js.login-action-rp input[type="text"] {
    padding-right: 2.5rem;
}

.login form .input,
.login input[type="text"],
.login form input[type="checkbox"] {
    background: #fff;
}

.js.login-action-rp input[type="text"],
.js.login-action-rp input[type="password"] {
    margin-bottom: 0;
}

.login #pass-strength-result {
    font-weight: 600;
    margin: -1px 5px 16px 0;
    padding: 6px 5px;
    text-align: center;
    width: 100%;
}

body.interim-login {
    height: auto;
}

.interim-login #login {
    padding: 0;
    margin: 5px auto 20px;
}

.interim-login.login h1 a {
    width: auto;
}

.interim-login #login_error,
.interim-login.login .message {
    margin: 0 0 16px;
}

.interim-login.login form {
    margin: 0;
}

/* Hide visually but not from screen readers */
.screen-reader-text,
.screen-reader-text span {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */
}

/* Hide the Edge "reveal password" native button */
input::-ms-reveal {
    display: none;
}

#language-switcher {
    padding: 0;
    overflow: visible;
    background: none;
    border: none;
    box-shadow: none;
}

#language-switcher select {
    margin-right: 0.25em;
}

.language-switcher {
    margin: 0 auto;
    padding: 0 0 24px;
    text-align: center;
}

.language-switcher label {
    margin-right: 0.25em;
}

.language-switcher label .dashicons {
    width: auto;
    height: auto;
}

.login .language-switcher .button-primary {
    float: none;
    margin-bottom: 0;
}

@media screen and (max-height: 550px) {
    #login {
        padding: 20px 0;
    }

    #language-switcher {
        margin-top: 0;
    }
}


@media screen and (max-width: 782px) {
    .interim-login input[type=checkbox] {
        width: 1rem;
        height: 1rem;
    }

    .interim-login input[type=checkbox]:checked:before {
        width: 1.3125rem;
        height: 1.3125rem;
        margin: -0.1875rem 0 0 -0.25rem;
    }

    #language-switcher label,
    #language-switcher select {
        margin-right: 0;
    }
}

@media screen and (max-width: 400px) {
    .login .language-switcher .button-primary {
        display: block;
        margin: 5px auto 0;
    }
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

@keyframes checked {
    to {
        stroke-dashoffset: 0;
    }
}

#scribble {
    stroke-dasharray: 400;
    stroke-dashoffset: 400;
}

input:checked+label #scribble {
    animation: checked 1s ease forwards;
}

#rememberme {
    position: absolute;
    opacity: 0;
}

.remember-user label {
    display: flex;
    align-items: center;
    line-height: 1;
    gap: 8px;
    padding: 16px 0;
}

.mmpj__logo {
    background-image: url("../img/mmpj-logo.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 56px;
    margin-bottom: 24px;
    background-position: center;
    position: relative;
}

.mmpj__logo a {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.mmpj__logo-corporate {
    background-image: url("../img/mmpj-corporate-logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 112px;
    margin-top: 12px;
    margin-bottom: 12px;
    background-position: center;
}

.mmpj__employee-login {
    text-align: center;
    padding-top: 24px;
    border-top: 1px solid var(--color-blue);
}

.account-login__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.login-action-lostpassword .account-login__wrapper,
.login-action-rp .account-login__wrapper {
    grid-template-columns: 1fr 2fr;
}

.login-action-lostpassword .need-access,
.login-action-rp .need-access {
    display: none;
}

.need-access {
    display: flex;
    flex-direction: column;
    padding: 48px;
    height: 100vh;
    border-left: 1px solid var(--color-blue);
    border-right: 1px solid var(--color-blue);
    box-sizing: border-box;
    justify-content: center;

    /*background: var(--color-blue);*/
    /*color: rgb(var(--color-beige));*/
}

.need-access h2 {
    font-size: 16px;
    letter-spacing: 0.05em;
}

.mmpj__employee-login h2 {
    margin-bottom: 16px !important;
}

.dialog {
    display: none;
}

/*--------------------------------------------------------------
# Bandeau
--------------------------------------------------------------*/
.bandeau {
    width: 80px;
    height: 100vh;
    position: fixed;
    z-index: 20;
}

.bandeau + img {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 80px;
    z-index: 20;
    padding: 24px;
    border-radius: 100%;
    height: 96px;
}

.bandeau--rouge {
    background-color: var(--color-red);
}

.bandeau--vert {
    background-color: var(--color-green);
}

.bandeau--bleu {
    background-color: var(--color-blue);
}

/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/
.account-login__username {
    margin-bottom: 24px;
}

.account-login__link {
    text-align: center;
    margin-top: 8px;
    color: var(--color-blue);
}

.account-login__link a {
    font-size: 14px;
    color: inherit;
    text-underline-offset: 3px;
    transition: all 0.5s ease-in;
}

.account-login__link a:hover {
    text-decoration-thickness: 2px;
}

.dashicons-visibility:before,
.dashicons-hidden:before {
    color: var(--color-blue);
}

.account-login__contact {
    padding-left: 0;
    list-style: none;
    margin-top: 32px;
    text-align: center;
}

.account-login__contact li {
    padding: 8px 0;
}

.account-login__contact .profile-type {
    font-family: var(--font-heading-family);
    text-transform: uppercase;
    font-weight: var(--type-bold);
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 4px;
}

.account-login__contact a {
    color: inherit;
    text-underline-offset: 3px;
    transition: all 0.5s ease-in;
    display: block;
}

.account-login__contact a:hover {
    text-decoration-thickness: 2px;
}

.circle {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    margin-right: 4px;
}

.circle--red {
    background-color: var(--color-red);
}

.circle--green {
    background-color: var(--color-green);
}

.circle--blue {
    background-color: var(--color-blue);
}

.circle--gold {
    background-color: var(--color-gold);
}

@media screen and (max-width: 749px) {
    .bandeau {
        width: 100%;
        height: 80px;
        position: relative;
    }

    .bandeau + img {
        width: 80px;
        height: 80px;
        position: absolute;
        top: 0;
        bottom: auto;
        left: 50%;
        transform: translate(-50%, 50%);
    }

    .account-login__wrapper {
        padding-bottom: 64px;
    }

    #login {
        width: auto !important;
        margin-left: 0;
        padding-left: 16px;
        padding-right: 16px;
    }

    .account-login__wrapper {
        display: block;
    }

    .account-login__media {
        display: none;
    }

    .need-access {
        border: none;
        padding: 0 16px;
        margin: 64px 0;
    }
}

.account-login__media {
    background-image: url("../img/mmpj-login.jpeg");
    background-size: cover;
    background-position: center;
    filter: brightness(0.5);
}

p.description.indicator-hint {
    font-size: 12px;
    line-height: 1.6;
}

.login .reset-pass-submit {
    justify-content: center !important;
}


#pass-strength-result {
    margin-top: 8px !important;
}

.wp-core-ui .button-primary[disabled],
.wp-core-ui .button-primary:disabled {
    background-color: var(--color-gold) !important;
    opacity: 0.3;
    color: var(--color-blue) !important;
}

#pass-strength-result {
    font-family: var(--font-heading-family);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 8px 32px !important;
    background: none !important;
}

#pass-strength-result.short {
    color: var(--color-red);
    border-color: var(--color-red);
}

#pass-strength-result.good {
    color: var(--color-gold);
    border-color: var(--color-gold);
}

#pass-strength-result.strong {
    color: var(--color-green);
    border-color: var(--color-green);
}

#pass1.short, #pass1-text.short {
    border-color: var(--color-red) !important;
}

#pass1.short:focus, #pass1-text.short:focus {
    box-shadow: 0 0 0 1px var(--color-red) !important;
}

#pass1.strong, #pass1-text.strong {
    border-color: var(--color-green) !important;
}

#pass1.strong:focus, #pass1-text.strong:focus {
    box-shadow: 0 0 0 1px var(--color-green) !important;
}

#pass1.good:focus, #pass1-text.good:focus {
    box-shadow: 0 0 0 1px var(--color-gold) !important;
}


#login > h1 {
    display: none;
}