/**
 * Positioning
 */
/**
 * Spacing
 */
/**
 * WP ADMIN BAR
 */
/**
 * @section Colors
 * @page index
 *
 * @example
 * <div class="colors">
 * 	<div class="color color--main"><span>#f5745a</span></div>
 * 	<div class="color color--light"><span>#fff</span></div>
 * 	<div class="color color--dark"><span>#000</span></div>
 * 	<div class="color color--darkgray"><span>#333</span></div>
 * 	<div class="color color--mediumgray"><span>#999</span></div>
 * 	<div class="color color--lightgray"><span>#ddd</span></div>
 * </div>
 */
/**
 * Main colors
 */
/**
 * Light and Dark colors
 */
/**
 * Grey colors
 */
/**
 * Contextual colors
 */
/**
 * Debug grid colors
 */
/* stylelint-disable-next-line */
/**
 * Border
 */
/**
 * Border Radius
 */
/**
 * 2. Images
 */
/**
 * 3. Forms
 */
/**
 * 4. Miscellaneous
 */
/**
 * 1. Font and Wording
 * 2. Images
 * 3. Forms
 * 4. Miscellaneous
 */
/**
 * 1. Font and Wording
 */
/**
 * 2. Images
 */
/**
 * 3. Forms
 */
/**
 * 4. Miscellaneous
 */
/**
 * Font Family
 */
/**
 * Font Size
 */
/**
 * Line Height
 */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

/**
 * Responsive breakpoints
 * https://zellwk.com/blog/media-query-units/
 */
/**
 * Grid
 * Go to _layouts.scss for example
 */
html::before, html::after,
body::before,
body::after {
  display: none; }

body.login {
  color: #000;
  background: #eee; }
  body.login h1 a {
    display: block;
    width: 100%;
    height: 110px;
    background-image: url(../assets/images/studio-matthews.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 201px 79px; }
  body.login a {
    color: #f00;
    text-decoration: none; }
    body.login a:focus, body.login a:hover {
      color: #000;
      text-decoration: underline; }
  body.login .message,
  body.login .success,
  body.login .login-error {
    border-left-color: #000; }
  body.login input[type="checkbox"]:checked::before {
    color: #f00; }
  body.login #nav a,
  body.login #backtoblog a {
    color: #f00; }
    body.login #nav a:focus, body.login #nav a:hover,
    body.login #backtoblog a:focus,
    body.login #backtoblog a:hover {
      color: #000;
      text-decoration: underline; }

.wp-core-ui .button-primary {
  text-shadow: none;
  background-color: #f00;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .wp-core-ui .button-primary:hover {
    background: #e60000;
    border-color: #e60000;
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e60000;
            box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e60000; }

.wp-core-ui .button-secondary {
  color: #f00;
  border-color: #f00; }
  .wp-core-ui .button-secondary:hover, .wp-core-ui .button-secondary:active, .wp-core-ui .button-secondary:focus {
    color: #e60000;
    border-color: #f00; }

.wp-core-ui .button.wp-hide-pw:focus {
  border-color: #f00;
  -webkit-box-shadow: 0 0 0 1px #f00;
          box-shadow: 0 0 0 1px #f00; }

.wp-core-ui input[type="email"]:focus,
.wp-core-ui input[type="password"]:focus,
.wp-core-ui input[type="checkbox"]:focus,
.wp-core-ui input[type="text"]:focus {
  border-color: #f00;
  -webkit-box-shadow: 0 0 0 1px #f00;
          box-shadow: 0 0 0 1px #f00; }

.wp-core-ui input[type="checkbox"]:checked::before {
  color: #f00;
  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23FF0000%27%2F%3E%3C%2Fsvg%3E");
  fill: #f00; }


/*# sourceMappingURL=login.css.map*/