@charset "UTF-8";
/* backgrounds */
/* colors */
/* colors with opacity */
/* blocks shadows */
/* font */
* {
    box-sizing: border-box; }

body.login {
    background-color: #fafafc;
    background-image: url( '/wp-content/themes/SXL-02011-P-A-EL-Feist/assets/images/bg_appli.webp') !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
    background-attachment: fixed !important;
    font-family: "Poppins", sans-serif;
    font-size: 12px;
}
#login h1 a,
.login h1 a {
    width: auto !important;
    max-width: 100%;
}
#sxl-login-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#login {
    background: #fff;
    margin: auto;
    width: 460px;
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0px 0px 12px 0px rgba(5, 36, 83, 0.3);
    -webkit-box-shadow: 0px 0px 12px 0px rgba(5, 36, 83, 0.3);
    -moz-box-shadow: 0px 0px 12px 0px rgba(5, 36, 83, 0.3);
    padding: 24px 32px;
}
#login h1 a {
    /*background-image: url("/wp-content/plugins/sxl-theme/admin/images/sitixel_logo_login_form.png");*/
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
    margin: 15px 0 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: row;
    font-weight: 700;
    font-family: 'Poppins', Sans-serif;
    font-size: 1.6rem;
    outline: 0;
}
#login h1 a .sxl_login_titre_site_1 {
    color: var( --e-global-color-2829f9e ) !important;
}
#login h1 a .sxl_login_titre_site_2 {
    color: var( --e-global-color-5a77818 ) !important;
}
#login h1 a:focus,
#login h1 a:active {
    border: none;
    outline: 0;
}
.login form {
    box-shadow: none;
    padding: 20px;
    background: none;
    border: none;
    margin-top: 0px;
}
.login label {
    color: #03326c;
    font-size: 14px;
}
.login form .forgetmenot {
    float: none;
}
.login #login_error,
.login .message,
.login .success {
    border: none;
    padding: 12px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    color: #000;
    box-shadow: none;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.login .message,
.login .success {
    background-color: #afd449;
}
.login #login_error {
    background-color: #f39200;
}
.login #backtoblog,
.login #nav {
    font-size: 13px !important;
    padding: 0 24px 0 !important;
}
p#nav {
    margin: 0 !important;
    text-align: left !important;
}
p#backtoblog {
    display: none;
}
.login .privacy-policy-page-link {
    display: none;
}
.login #backtoblog a,
.login #nav a {
    text-decoration: none;
    color: #555d66;
}
.login #backtoblog a:hover,
.login #nav a:hover,
.login h1 a:hover {
    color: #189dd9;
}
.wp-core-ui .button-primary {
    background: #00b7ed;
    border-color: #00b7ed;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 8px 0 !important;
    margin: 10px 0 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:hover {
    background: #95c11f;
    border-color: #95c11f;
}
.login form .input,
.login form input[type="checkbox"],
.login input[type="text"] {
    background: #fff;
    color: #31343a;
}
.login form .input,
.login input[type="password"],
.login input[type="text"] {
    border: 1px solid #82878c !important;
    font-size: 15px;
}
.wp-core-ui .button-secondary {
    color: #82878c;
}
.wp-core-ui .button-secondary:hover {
    color: #82878c;
}
.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
    box-shadow: none;
}
.login .button.wp-hide-pw:focus {
    background: 0 0;
    border-color: #03326c;
    box-shadow: 0 0 0 0px #03326c;
    outline: 0px solid transparent;
}
.wp-core-ui .button-secondary:focus {
    color: #03326c;
}
input[type="password"]:focus,
input[type="text"]:focus {
    border-color: #82878c;
    box-shadow: 0 0 3px 0px rgba(0, 183, 237, 0.8);
    outline: 0px solid transparent;
}
input[type="checkbox"]:checked::before {
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Calque_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M14.8,4.9l1.3,0.9l-5.8,8.4H9L5.8,9.7l1.3-1.3l2.6,2.4L14.8,4.9z'/%3E%3C/svg%3E");
}
@media only screen and (max-width: 460px) {
  /* Appareils avec une résolution de 500 pixels ou moins */
    #login {
        margin: 0px;
        padding: 15px;
        width: 100% !important;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }
}