body{

    background: #007FA6;

  }

   

  /* Logo */

  .login h1 a{

    background-image: url("src/assets/img/my-logo.png");

    background-size: contain;

    height: 85px;

    width: 200px;

    margin: 0 auto;

  }

   

  /* Button */

  .wp-core-ui .button-primary {

    background-color: #F23E1F;

    background-image: linear-gradient(to right, #F3871D 0%,rgba(255,255,255,0) 100%);

    border-color: #F3871D;

    box-shadow: 0 1px 0 #fff;

    text-shadow: none;

    transition: background-color 2s;

  }

   

  .wp-core-ui .button-primary:hover{

    background-color: #F3871D;

    border-color: #F3871D;

    color: #fff;

  }

   

   

  /* Nouveau design */

   

  body.login .filter{

    position: absolute;

    width: 100%;

    height: 100%;

    background: black;

    opacity: 0.6;

    z-index: -1;

  }

   

  #login {

    width: 400px;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%,-50%);

    background: white;

    padding: 0;

    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);

  }

   

  .login h1 {

    padding-top: 20px;

  }

   

  .login form{

    box-shadow: none;

    padding: 15px 50px;

    margin: 15px 0;

    border-left: none;

    border-right: none;

  }

   

  .login input[type="text"] , .login input[type="password"]{

      background: none;

      border: none;

      border-bottom: 1px solid #ddd;

      box-shadow: none;

      height: 22px;

      margin: 5px 6px 20px 0;

      font-size: 15px;

      border-radius: 0;

  }

   

  .login #nav{

    margin: 0 0 24px 0;

    padding: 0 50px 0;

    font-size: 12px;

    font-style: italic;

  }

   

  .login #backtoblog{

    display: none;

  }

   

  .login #bloc_logo{

    display: flex;

    justify-content: space-between;

    width: 320px;

    height: auto;

    filter: grayscale(1);

    margin: 0 50px;

    opacity: 0.8;

  }

   

  .login #bloc_logo #container_WP{

    width: 120px;

    height: 50px;

    background-image: url("src/assets/img/Wordpress_logo.png");

    background-size: contain;

    background-repeat: no-repeat;

  }

   

  .login #bloc_logo #container_CW{

    width: 120px;

    height: 50px;

    background-image: url("src/assets/img/Creatisweb-logo.png");

    background-size: contain;

    background-repeat: no-repeat;

  }

   

  .login #bloc_logo #container_WP a,

  .login #bloc_logo #container_CW a{

    display: block;

    height: 100%;

    width: 100%;

  }

   

  .login #bloc_logo #container_WP a:focus,

  .login #bloc_logo #container_CW a:focus{

    color: none;

    box-shadow: none;

  }

  .login .privacy-policy-page-link {

      margin: 2em 0;

  }