:root{
    --purple: #5E36CA;
    --green: #33CC99 ;
    --blue: #529ECC;
    --teal: #04BCA6;
    --orange: #F6BD60;
    --red: #CC3333;
    --pink: #E08DAC;
    --black: #393E42;
    --white: #FFFFFF;
    --gray: #CCCCCC;
    --dark-gray: #666666;
}


/* LOGIN PAGE */
#login{padding: 20% 5% 0; width: 350px;}
#login h1 a {background-image: url('images/money-lab-logo.svg') !important; background-size: 350px 60px; width: 350px; height: 60px; margin-bottom: 10px;}
.login {background: var(--black);}
.login form {background: none repeat scroll 0 0 var(--black); margin-left: 0px; border-radius: 0px; box-shadow: none; border: none; padding: 0;}
.login #nav{text-align: left; padding: 0;}
.login #nav a{color: var(--green); font-weight: 800;}
.login #nav a:hover{color: var(--black) !important; text-decoration: underline !important;}
#backtoblog {display:none;}
#login_error{font-size:14px; border: 1px solid #ccc; color: #222; box-shadow: none !important;}
p.message{font-size:14px; box-shadow: none !important; border: 1px solid #ccc;}
.login .button-primary {height: 50px !important; line-height: 40px !important; font-size: 16px; float: right; background-color: var(--green) !important; color: var(--white); font-weight: bold; padding: 10px; border: 1px solid #33cc99 !important; text-shadow: none; border-radius: 5px !important;}
.privacy-policy-page-link{display: none;}
.login label{font-size: 12px; color: var(--white);}
.login input[type="text"]{font-size: 18px; padding: 10px; border: 1px solid var(--gray) !important; border-radius: 5px !important; background: var(--white); box-shadow: none;}
.login input[type="password"]{font-size: 18px; padding: 10px; border: 1px solid var(--gray) !important; border-radius: 5px !important; background: var(--white); box-shadow: none;}


html,body{font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 20px; letter-spacing: -0.003em; color: #666; text-rendering: optimizelegibility; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga"; max-width: 800px; margin: auto;}
a{color:#168DD9; outline: none; transition:0.2s ease; text-decoration: none;}
a:hover{color:#234a64;  text-decoration: underline;}
p{margin-bottom:30px;}
ul,ol{margin-bottom:30px;}
li{margin-bottom:10px;}
iframe{width: 100% !important; height: auto !important;}
h1, h2, h3, h4{font-family: 'Open Sans', Helvetica, Arial, sans-serif; letter-spacing: -2px;}
h1{font-size:60px; line-height:70px; margin:0 0 40px 0; color: #222; font-weight: 800 !important; text-align: center;}
h2{font-size:40px; line-height:50px; margin:60px 0 20px 0; font-weight: 800 !important; color: #33cc99;}
h3{font-size:30px; line-height:40px; margin:40px 0 20px 0; color: #222; font-weight: 700;}
h4{font-size:25px; line-height:35px; margin:40px 0 20px 0; color: #666; font-weight: 700;}
blockquote{color:#999; margin: 0 0 30px 0; padding: 0 0 0 40px; font-style: italic; border-left: 4px solid #E8E8E8;}