/* Custom CSS for Login */
html, #login, .login--column { height: 100%; }

.login--column { position: relative; }

.login--column:first-child img { position:relative; margin: auto; left: 0; right: 0; margin-bottom: 10px; }


#login h1 { font-family: 'Avenir Next W01 Light', 'Lato', sans-serif; color: #ffffff; position: absolute; left: 40px; bottom: 40px; width: 55%; font-weight: 300; font-size: 4.25rem;  line-height: 5.5rem; }

#loginForm { position: absolute; left: 0; right: 0; margin: auto; width: 80%; text-align: center; font-family: 'Avenir Next W01 Light', 'Lato', sans-serif; padding-top: 20%; }



#logform ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #67788D; font-size: 1.75rem; font-weight: 300;
}


#logform :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #67788D;
   opacity:  1; font-size: 1.75rem; font-weight: 300;
}
#logform ::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #67788D;
   opacity:  1; font-size: 1.75rem; font-weight: 300;
}
#logform :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #67788D; font-size: 1.75rem; font-weight: 300;
}


/* Change the white to any color ;) */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: #ffffff !important; }
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important; 
}


#logform input#login--button { letter-spacing: .015rem; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-weight: 700; padding: 15px 30px; font-size: .85rem; font-family: "AvenirNextLTW01-Regular", "Lato", sans-serif; display: inline-block; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s;transition: 0.3s; color: #ffffff; background: #2F3681; width: 100%; font-size: 1.4rem; font-weight: 400; color: #ffffff; height: 50px;margin-top: 40px; }

#login .form-horizontal .checkbox, .form-horizontal .radio { text-align: left;  }

#login .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { margin-left: 0px;  }

#loginForm h5 { color: #67788D; font-size: 2rem; margin-bottom: 40px; font-weight: 300; }

#logform input { box-shadow: none; border: none; border-radius: 0; border-bottom: solid 1px #67788D; height: 60px; }

#logform .input-group-addon { background: none; border: none; border-bottom: solid 1px #67788d; border-radius: 0; }

#logform .input-group-addon.password { border-bottom: none; }

#logform { margin-top: 70px; }

#login .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { height: 12px; }

#logform input#Password { border-bottom: none; }

#logform input#Password:before { content: url('../img/green-check.png'); bottom: 0; top: -8px; position: absolute; left: 0; }

#section__reset a { color: #67788D; text-align: left; }

#remember--checkbox { color: #67788D; }

@media only screen and (max-width: 400px) {
	#section__splash {display: none;}
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape) { 
	#loginForm { padding-top: 20px; }
	#section__splash {display: none;}
	#logform { margin-top: 20px; }
}