/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 * https://codex.wordpress.org/Customizing_the_Login_Form
 */

body.login {
   background-color: #ffffff;
   background-image: url(https://buildyourlifeswork.com/wp-content/uploads/2019/06/ld2.jpg);
   background-position: center left;
   background-repeat: no-repeat;
   background-size: cover;

   --e-global-color-primary: #164B63;
   --e-global-color-secondary: #D6EDF0;
   --e-global-color-text: #7A7A7A;
   --e-global-color-accent: #F6993D;
   --e-global-color-9bc1b4e: #4054B2;
   --e-global-color-2e5275d3: #23A455;
   --e-global-color-3f219e59: #000;
   --e-global-color-ad2bfe5: #FFF;
   --e-global-color-ae173f5: #E75911;
   
}

body.login div#login {
   z-index: 100;
}

.gradient {
   background-color: transparent;
   background-image: linear-gradient(160deg, var( --e-global-color-primary ) 64%, var( --e-global-color-secondary ) 96%);
   opacity: 0.81;
   transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   position: absolute;
   z-index: -1;
}

body.login div#login h1 a {
   background-image: url(https://buildyourlifeswork.com/wp-content/uploads/2020/10/white-logo-2048x734.png);
   background-size: 300px;
   height: 120px;
   width: 300px;
}

body.login div#login p#nav, body.login div#login p#backtoblog {
   background-color: var( --e-global-color-ae173f5 );
   font-size: large;
   text-align: center;
   border-radius: 50px;
}

body.login div#login p#nav a, body.login div#login p#backtoblog a {
   color: #fff;
}

body.login div#login form#loginform p.submit input#wp-submit {
   background-color: var( --e-global-color-ae173f5 );
}