body {
    overflow-y: scroll;
}

.page-template-template-login {
    display:flex;
    flex-direction:column;
    height:100%;
}

.login-container {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:60px;
    gap:40px;
    flex-grow:1;
}

.login-text {
    font-size:40px;
    font-weight:700;
    text-align:center;
}

.login-access-buttons {
    display:flex;
    flex-direction:row;
    width:40%;
}

.login-access-buttons-item {
    width:50%;
    background-color:unset;
    border:unset;
    padding-bottom:10px;
    font-weight:600;
    border-bottom:2px solid #A8A8A7;
}

.login-access-buttons-item[aria-expanded="true"] {
    border-bottom:2px solid var(--theme--corail);
}

.login-username,
.login-password {
    display:flex;
    flex-direction:column;
}

.login-username {
    margin-bottom:20px;
}

.login-username .input,
.login-password .input {
    border:1px solid #A8A8A7;
    background:white !important;
    border-radius:5px;
    padding:20px;
    margin-top:5px;
}

.login-username .input::placeholder,
.login-password .input::placeholder {
    font-size:18px;
    color:#A8A8A7;
}

.login-username .input:focus-visible,
.login-password .input:focus-visible {
    outline-color:var(--theme--red);
}

.login-lost-password {
    text-align:right;
}

.login-lost-password .login-lost-password-anchor {
    color:#D98275;
    font-size:12px;
    font-weight:400;
}

.login-submit {
    text-align:center;
    margin:48px 0px;
}

.login-submit .cta-primary {
    padding:20px 50px;
}

.login-still-no-account {
    font-size:14px;
    text-align:center;
}

.login-still-no-account .anchor {
    color:var(--theme--red);
}

.sso-connexion-tab-panel {
    text-align:center;
}

.sso-connexion-tab-panel .login-still-no-account {
    margin-top:50px;
}

.login-username .input:-webkit-autofill, 
.login-password .input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset;
}

.login-username .input:-webkit-autofill:focus,
.login-password .input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset;
}

.login-username .input:-webkit-autofill::first-line,
.login-password .input:-webkit-autofill::first-line {
    font-family:'Gilroy' !important;
    font-size:16px !important;
}

.login-wrong-id {
    margin-top:20px;
    margin-bottom:5px;
    font-size:14px;
    color:var(--theme--red);
    text-align:center;
}

.login-form-container {
    width:30%;
}
#basic-connexion-tab-panel {
    max-width: 444px;
    margin: 0px auto;
}


@media screen and (max-width:768px) {
    .login-container {
        padding:40px 20px;
    }
    .login-text {
        font-size:24px;
    }
    .login-access-buttons {
        width:100%;
    }
    .login-form-container {
        width:100%;
    }
}

@media (min-width:769px) and (max-width:1360px) {
    .login-access-buttons {
        width:70%;
    }
    .login-form-container {
        width:60%;
    }
}