@charset "utf-8";
/* CSS Document */

body.login {
	background-size: cover !important;
	background: rgb(231, 229, 217); /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, rgb(231, 229, 217) 0%, rgb(163, 162, 157) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, rgb(231, 229, 217) 0%,rgb(163, 162, 157) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, rgb(231, 229, 217) 0%,rgb(163, 162, 157) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(231, 229, 217)', endColorstr='rgb(163, 162, 157)',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}



form#loginform {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.login form {margin-top: 0px; padding-bottom: 0px;}

#login h1 a {
    background-size: cover !important;
    background-position: center center !important;
    width: 259px;
    height: 58px;
    margin: 0 auto 0px;
}

#login {
    width: 320px;
    padding: 8% 0 0;
    margin: auto;
    width: 100%;
    max-width: 500px;
}

.et_divi_100_custom_login_page--style-2 .divi-login__input {
    background: #FFFFFF;
    width: 100%;
    color: #BBB;
}

p.submit {
    display: block;
    width: 100%;
}
p.submit input.button {
    display: block;
    background: rgb(97, 214, 184);
    border-color: rgb(97, 214, 184);
    width: 100%;
    height: 50px !important;
    margin: 0 auto 20px;
    padding: 12px 20px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-shadow: none;
}
p.submit input.button:hover{
  background-color: rgb(216, 100, 54);
   -webkit-transition: background-color 0.3s ease-in-out;
   -moz-transition: background-color 0.3s ease-in-out;
   -o-transition: background-color 0.3s ease-in-out;
   -ms-transition: background-color 0.3s ease-in-out;
   transition: background-color 0.3s ease-in-out;
}

form#loginform p { margin: 0 !important; padding: 0 !important; width: 100%;}
form#loginform input[type=text], form#loginform input[type=password] { border: 0; -webkit-box-shadow: none; box-shadow: none; /*width: 452px;*/}
/*@media screen and (max-width: 500px ){
  form#loginform input[type=text], form#loginform input[type=password],form#loginform input[type=submit]  { width: 100%; }
  #login { width: 100%; }
}*/

form#loginform p label input { background-color: #ebebeb; background-repeat: no-repeat; background-size: 5%; background-position-x: 10px; background-position-y: 15px; }
.login label { font-size: 0px;}
form#loginform p label input { padding: 10px 10px 10px 45px; margin: 0; }
.login #backtoblog { position: fixed; top: 40px; left: 40px; margin: 0; padding: 0;}
.login #backtoblog a { color: #FFF; font-size: 1.125rem; font-weight: 600;}
p#nav {text-align: center;}
.login #nav a { color: rgb(40, 56, 55); font-size: 14px; font-weight: bold;}
input#rememberme { height: 18px; width: 18px;}
.login form .forgetmenot label { color: rgb(40, 56, 55); font-size: 16px; font-weight: bold;}

.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
  color: #e76003;
  -webkit-transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
  -ms-transition: color 0.3s linear;
  transition: color 0.3s linear;
}