/*
* Theme Colours
*/
/* Small devices (tablets, 768px and up) */
.login {
  font-family: "Montserrat", sans-serif;
  background: #ffffff; }
  .login #login {
    width: 320px; }
    .login #login h1 a {
      width: auto;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      margin: 20px auto;
      max-width: 255px; }
    .login #login p.message {
      background: #B30024;
      padding: 20px;
      border-left: 0;
      font-size: 20px;
      color: #ffffff; }
      .login #login p.message:before {
        font-family: "dashicons";
        content: "\f110";
        margin-right: 10px;
        font-size: 20px;
        font-style: normal;
        font-weight: 900;
        color: #ffffff; }
    .login #login p#nav, .login #login p#backtoblog {
      margin: 16px 0; }
      .login #login p#nav a, .login #login p#backtoblog a {
        color: #8fbf22; }
        .login #login p#nav a:hover, .login #login p#backtoblog a:hover {
          text-decoration: underline; }
    .login #login p#nav {
      float: right;
      padding: 0 10px; }
    .login #login p#backtoblog {
      float: left;
      padding: 0 10px; }
    .login #login #loginform {
      border-radius: 2px;
      padding: 40px; }
      .login #login #loginform label {
        font-size: 16px; }
        .login #login #loginform label .input {
          margin: 0 0 1.2rem;
          font-size: 16px;
          padding: 10px 8px;
          font-weight: 400; }
      .login #login #loginform p.forgetmenot label {
        line-height: 40px;
        font-size: 16px; }
      .login #login #loginform p.submit #wp-submit {
        background: #ffffff;
        color: #B30024;
        box-shadow: none;
        text-shadow: none;
        height: 40px;
        width: 45%;
        border: 1px solid #d3ced2;
        border-radius: 0;
        font-size: 16px; }
  .login.primary {
    background: #B30024; }
    .login.primary #login p#nav a, .login.primary #login p#backtoblog a {
      color: #8fbf22; }
    .login.primary #loginform {
      border-radius: 2px;
      background-color: #ffffff; }
      .login.primary #loginform label {
        color: #B30024; }
  .login.secondary {
    background: #8fbf22; }
    .login.secondary #login p#nav a, .login.secondary #login p#backtoblog a {
      color: #B30024; }
    .login.secondary #loginform {
      border-radius: 2px;
      background-color: #ffffff; }
      .login.secondary #loginform label {
        color: #8fbf22; }
  .login.white {
    background: #ffffff; }
    .login.white #login p#nav a, .login.white #login p#backtoblog a {
      color: #8fbf22; }
    .login.white #loginform {
      border-radius: 2px;
      background-color: #ffffff;
      background-color: #B30024; }
      .login.white #loginform label {
        color: #ffffff; }

@media (min-width: 576px) {
  .login #login {
    width: 50%;
    max-width: 650px; } }