/* ================================= */
/* STYLE LOGIN BACKOFFICE            */
/* ================================= */
@import url('https://fonts.googleapis.com/css?family=Poppins:400,700');

/* Background */
body.login { padding-top:120px;}

/* Card login */
#login {width: 320px; padding:0 0 0 0; margin:0px auto 0 auto; background-color:#fff; -webkit-border-radius:0; border-radius:0;
-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2); box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}

/* Retour sur le site */
#backtoblog {left: 0; margin: 0 !important; padding: 10px !important; position: fixed; text-align: left; text-shadow: 0 0 0 !important; top: 0; width: 100%; }
.login #backtoblog a {text-transform:uppercase; background: #0085ba none repeat scroll 0 0; border-color: #0073aa #006799 #006799; box-shadow: 0 1px 0 #006799; color: #fff; text-decoration: none; text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; border-radius: 3px; border-style: solid; border-width: 1px;    box-sizing: border-box; cursor: pointer; display: inline-block; font-size: 13px; height: 28px; line-height: 26px;    margin: 0; padding: 0 10px 1px; text-decoration: none; white-space: nowrap;}
.login #backtoblog a:hover {color:#fff;}

/* Logotype -> votre logo ici */
#login h1 {  padding: 30px 15px 15px 15px; background: #141414; }
#login h1 a {width:200px!important; height:45px!important;margin-bottom:0!important; background:url(../images/logo-sonolab.svg) no-repeat !important;}

/* Formulaire de connexion */  
.login form {margin-top:0;}
#login .message, #login #login_error {padding:30px!important; border:0!important; color:#fff;}
#login .message {background-color:#75abdc!important; margin-top: 30px;}
#login #login_error {background-color:#dd3d36!important;}
#login #login_error a {color:#fff;}
#login .login form {padding:30px ;margin:0;
-webkit-box-shadow:none;  
box-shadow:none;
}
#login #nav {margin-top:0!important; padding:15px 30px!important; background-color:#141414; -webkit-border-radius:0; border-radius:0;}
.login #nav a, .login #nav a:hover {color:#fff;}

/* Contact */
#contact {width:260px; margin:15px auto; color:#666; background-color:#fff; -webkit-border-radius:0; border-radius:0; padding:26px 30px 26px; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2); box-shadow:0 0 10px 0 rgba(0,0,0,0.2);}

#acf-group_57f4a83a43feb .acf-tab-group li:last-child {float:right !important;}

.login #backtoblog a { background: #ffe34c; border-color: #ffe34c; text-shadow: none; box-shadow: none; color: #141414; font-weight: bold; border-radius:0; -webkit-border-radius:0; text-transform: uppercase;}
.wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:active, 
.login #backtoblog a:hover, .login #backtoblog a:focus, .login #backtoblog a:active { background: #ffe34c; color: #141414; box-shadow: none; }

.wp-core-ui .button-primary{ float: right; border: 0; background: #ffe34c; font-family: 'Poppins', sans-serif; font-weight: 700; padding: 0px 30px; height: 40px; text-shadow: none; box-shadow: none; -webkit-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; color: #141414; width: 100%; text-transform: uppercase; margin-top: 30px; }
.wp-core-ui .button-primary:hover { background: #ffe34c; color: #141414; }
.wp-core-ui .button.button-large {height:40px; padding:0 0 0 0; }

input:-webkit-autofill, input:focus:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset;}
input:focus{border-color: #ffe34c !important; outline: 0;}

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