@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,700);

body,
button,
input,
select,
optgroup,
textarea {
	color: #5e5e5f;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

body.login {
  background-image: url('bg-summer-full-color.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
  background-size: cover;
}

.login h1 {
    background-color: rgba(255,255,255,.85);
    border-radius: 150px 20px 20px 150px;
    width: 315px;
    height: 84px;
    line-height: 84px;
    vertical-align: top;
    margin: 0 auto;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}

.login h1 a {
    background-position: top 3px left 5px !important;
}

.login form {
    padding: 24px;
	border-radius: 3px;
}


.login label {
  font-size: 16px;
  color: #5e5e5f;
}

.login input[type="text"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 3px;
}

.login input[type="password"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 3px;
}


.login .button-primary {
  width: 120px;
  float:right;
  background-color:#17a8e3 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#17a8e3), to(#17a8e3));
  background: -webkit-linear-gradient(top, #17a8e3, #17a8e3);
  background: -moz-linear-gradient(top, #17a8e3, #17a8e3);
  background: -ms-linear-gradient(top, #17a8e3, #17a8e3);
  background: -o-linear-gradient(top, #17a8e3, #17a8e3);
  background-image: -ms-linear-gradient(top, #17a8e3 0%, #17a8e3 100%);
  color: #ffffff;
  -webkit-border-radius: 3px;
  border: 1px solid #0d9ed9;
}

.login .button-primary:hover {
  background-color:#17a8e3 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#17a8e3), to(#0d9ed9 ));
  background: -webkit-linear-gradient(top, #17a8e3, #0d9ed9 );
  background: -moz-linear-gradient(top, #17a8e3, #0d9ed9 );
  background: -ms-linear-gradient(top, #17a8e3, #0d9ed9 );
  background: -o-linear-gradient(top, #17a8e3, #0d9ed9 );
  background-image: -ms-linear-gradient(top, #0b436e 0%, #0d9ed9 100%);
  color: #fff;
  -webkit-border-radius: 3px;
  border: 1px solid #0d9ed9;
}

.login .button-primary:active {
  background-color:#17a8e3 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#0d9ed9), to(#17a8e3));
  background: -webkit-linear-gradient(top, #0d9ed9, #17a8e3);
  background: -moz-linear-gradient(top, #0d9ed9, #17a8e3);
  background: -ms-linear-gradient(top, #0d9ed9, #17a8e3);
  background: -o-linear-gradient(top, #0d9ed9, #17a8e3);
  background-image: -ms-linear-gradient(top, #0d9ed9 0%, #17a8e3 100%);
  color: #fff;
  -webkit-border-radius: 3px;
  border: 1px solid #0d9ed9;
}

.login #login_error, .login .message {
    margin: 20px 0;
    border-radius: 3px;
}

.interim-login #login_error,
.interim-login.login .message {
    margin: 20px 0;
}


p#nav {
  display: none;
}
p#backtoblog {
  display: none;
}

.loginContainer {
	width: 320px;
    padding: 0 0;
    margin: auto;
    padding: 0 0;
    margin: 20px auto;
    background-color: rgba(255,255,255,.85);
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
	border-radius: 3px 3px;
}

.loginFooter a {
	display: block;
    font-size: 13px;
    padding: 16px 24px;
    text-decoration: none;
    color: #555d66;
}