:root {
  --primary: #9d2235;
  --primary-hover: #239E3B;
  --border-color: #d2d5d6;
  --border-radius: 0.25rem;
  --input-border-color: #d2d5d6;
  --input-border-radius: 0.25rem;
  --red: #9d2235;
  --teal: #4f758b;
  --green: #239E3B;
  --black: #000;
  --nav-link: #fff;
  --nav-link-hover: #fff;
}

body {
  background: var(--primary);
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: var(--primary);
	text-decoration: none;
}

a:hover,
a:focus {
  color: var(--primary-hover);
	text-decoration: underline;
}

#login {
  width: 100%;
  max-width: 100%;
  padding: 8% 1rem;
}

@media only screen and (min-width: 768px) {
  #login {
    width: 450px;
    padding: 8% 0;
  }
}

.login h1 a {
	background-image: url('logo-intranat.svg') !important;
	background-size: 303px 60px !important;
  image-rendering: -webkit-optimize-contrast;
	width: 320px !important;
	height: 60px !important;
	margin: 0 auto 2rem auto;
}

@media only screen and (min-width: 768px) {
  .login h1 a {
    background-size: 300px 74px !important;
    width: 320px !important;
    height: 74px !important;
  }
}

.login form {
  padding: 1.5rem;
  border: 1px solid var(--border-color);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  border-radius: var(--border-radius);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media only screen and (min-width: 768px) {
  .login form {
    padding: 3rem;
  }
}

.login label {
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}

.login form .input, .login form input[type=checkbox], .login form input[type=radio] {
  border-color: var(--input-border-color);
  background: transparent;
  padding: 0.5rem;
  vertical-align: baseline;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: var(--input-border-radius);
  -moz-border-radius: var(--input-border-radius);
  border-radius: var(--input-border-radius);
}

input[type=checkbox]:checked::before {
  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%239d2235%27%2F%3E%3C%2Fsvg%3E);
}

.login #nav, .login #backtoblog {
  font-size: 1.125rem;
  padding: 0 2rem;
	margin: 1rem 0;
  text-align: center;
}

.login #nav {
  margin-bottom: 2rem;
}

.login #backtoblog, .language-switcher {
  display: none;
}

.login #backtoblog a, .login #nav a, .privacy-policy-page-link a {
  color: var(--nav-link);
}

.login #nav a:hover, .login #backtoblog a:hover, .privacy-policy-page-link a:hover, .login #backtoblog a:focus, .login #nav a:focus, .login h1 a:focus {
  color: var(--nav-link-hover);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.login-footer {
  font-size: 1.125rem;
  margin: 0 auto 4rem auto;
  text-align: center;
}

.login #login_error, .login .message {
	margin: 1rem 0;
  padding: 1rem;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  border-radius: var(--border-radius);
}

.login #login_error {
	background: var(--red);
  border-color: var(--red);
  color: #fff;
}

.login #login_error a, .login .message a {
  color: #fff;
}

.login #login_error a:hover, .login #login_error a:focus {
  color: #fff;
  text-decoration: underline;
}

.login .message {
	background: var(--teal);
  border-color: var(--teal);
  color: #fff;
}

.login .message a:hover, .login .message a:focus {
  color: #fff;
}

/* Buttons */
.wp-core-ui .button-primary {
	color: #fff;
  background: var(--primary);
  border-color: var(--primary);
  -webkit-border-radius: var(--input-border-radius);
  -moz-border-radius: var(--input-border-radius);
  border-radius: var(--input-border-radius);
  display: block;
  width: 100%;
  margin: 1rem 0 0;
}

.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:active {
  border-color: var(--primary-hover);
  background: var(--primary-hover);
  color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.wp-core-ui .button.button-large {
	height: auto;
	line-height: 1.428571429;
	vertical-align: middle;
  font-size: 1.25rem;
  padding: 0.75rem 1rem;
}

.login .button.wp-hide-pw {
  height: 3.125rem;
  color: #000;
}

.login .button.wp-hide-pw:focus {
  border-color: transparent;
  box-shadow: none;
  outline: none;
}

.login .admin-email__actions a.button {
	color: var(--primary);
  background: transparent;
  border-color: var(--primary);
  -webkit-border-radius: var(--input-border-radius);
  -moz-border-radius: var(--input-border-radius);
  border-radius: var(--input-border-radius);
  display: block;
  width: 100%;
  text-align: center;
}

.login .admin-email__actions a.button:hover {
	color: var(--primary-hover);
  background: transparent;
  border-color: var(--primary-hover);
}

.login .admin-email__actions .button-primary {
  margin: 1rem 0 0 0;
}

.login .reset-pass-submit .wp-generate-pw {
  display: block;
  width: 100%;
  height: auto;
  line-height: 1.428571429;
  vertical-align: middle;
  font-size: 1.25rem;
  margin: 0;
  padding: 0.75rem 1rem;
	color: var(--black);
  background: #fff;
  border: 1px solid var(--border-color);
  -webkit-border-radius: var(--input-border-radius);
  -moz-border-radius: var(--input-border-radius);
  border-radius: var(--input-border-radius);
}

.login .reset-pass-submit .wp-generate-pw:hover {
  color: var(--primary-hover);
  border-color: var(--primary-hover);
}

/* Form elements */
input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
	border-color: var(--input-border-color);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

input[type=checkbox]:checked:before {
	color: var(--primary);
}

::selection {
  background-color: var(--primary);
  color: #fff;
}

/* Interim */
body.interim-login {
  padding: 0 1rem;
}

.interim-login #login {
  padding: 0;
  margin: 0;
}

.interim-login.login h1 a {
  margin-bottom: 1rem;
}:root {
  --primary: #9d2235;
  --primary-hover: #239E3B;
  --border-color: #d2d5d6;
  --border-radius: 0.25rem;
  --input-border-color: #d2d5d6;
  --input-border-radius: 0.25rem;
  --red: #9d2235;
  --teal: #4f758b;
  --green: #239E3B;
  --black: #000;
  --nav-link: #fff;
  --nav-link-hover: #fff;
}

body {
  background: var(--primary);
  color: #000;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: var(--primary);
}

a:hover,
a:focus {
  color: var(--primary-hover);
	text-decoration: none;
}

#login {
  width: 100%;
  max-width: 100%;
  padding: 8% 1rem;
}

@media only screen and (min-width: 768px) {
  #login {
    width: 450px;
    padding: 8% 0;
  }
}

.login h1 a {
	background-image: url('logo.svg') !important;
	background-size: 303px 60px !important;
  image-rendering: -webkit-optimize-contrast;
	width: 320px !important;
	height: 60px !important;
	margin: 0 auto 2rem auto;
}

@media only screen and (min-width: 768px) {
  .login h1 a {
    background-size: 300px 74px !important;
    width: 320px !important;
    height: 74px !important;
  }
}

.login form {
  padding: 1.5rem;
  border: 1px solid var(--border-color);
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  border-radius: var(--border-radius);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media only screen and (min-width: 768px) {
  .login form {
    padding: 3rem;
  }
}

.login label {
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}

.login form .input, .login form input[type=checkbox], .login form input[type=radio] {
  border-color: var(--input-border-color);
  background: transparent;
  padding: 0.5rem;
  vertical-align: baseline;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: var(--input-border-radius);
  -moz-border-radius: var(--input-border-radius);
  border-radius: var(--input-border-radius);
}

input[type=checkbox]:checked::before {
  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%239d2235%27%2F%3E%3C%2Fsvg%3E);
}

.login #nav, .login #backtoblog {
  font-size: 1.125rem;
  padding: 0 2rem;
	margin: 1rem 0;
  text-align: center;
}

.login #nav {
  margin-bottom: 2rem;
}

.login #backtoblog, .language-switcher {
  display: none;
}

.login #backtoblog a, .login #nav a, .privacy-policy-page-link a {
  color: var(--nav-link);
}

.login #nav a:hover, .login #backtoblog a:hover, .privacy-policy-page-link a:hover, .login #backtoblog a:focus, .login #nav a:focus, .login h1 a:focus {
  color: var(--nav-link-hover);
	text-decoration: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.login-footer {
  font-size: 1.125rem;
  margin: 0 auto 4rem auto;
  text-align: center;
}

.login #login_error, .login .message {
	margin: 1rem 0;
  padding: 1rem;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: var(--border-radius);
  -moz-border-radius: var(--border-radius);
  border-radius: var(--border-radius);
}

.login #login_error {
	background: var(--red);
  border-color: var(--red);
  color: #fff;
}

.login #login_error a, .login .message a {
  color: #fff;
}

.login #login_error a:hover, .login #login_error a:focus {
  color: #fff;
  text-decoration: underline;
}

.login .message {
	background: var(--teal);
  border-color: var(--teal);
  color: #fff;
}

.login .message a:hover, .login .message a:focus {
  color: #fff;
}

/* Buttons */
.wp-core-ui .button-primary {
	color: #fff;
  background: var(--primary);
  border-color: var(--primary);
  -webkit-border-radius: var(--input-border-radius);
  -moz-border-radius: var(--input-border-radius);
  border-radius: var(--input-border-radius);
  display: block;
  width: 100%;
  margin: 1rem 0 0;
}

.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:active {
  border-color: var(--primary-hover);
  background: var(--primary-hover);
  color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.wp-core-ui .button.button-large {
	height: auto;
	line-height: 1.428571429;
	vertical-align: middle;
  font-size: 1.25rem;
  padding: 0.75rem 1rem;
}

.login .button.wp-hide-pw {
  height: 3.125rem;
  color: #000;
}

.login .button.wp-hide-pw:focus {
  border-color: transparent;
  box-shadow: none;
  outline: none;
}

.login .admin-email__actions a.button {
	color: var(--primary);
  background: transparent;
  border-color: var(--primary);
  -webkit-border-radius: var(--input-border-radius);
  -moz-border-radius: var(--input-border-radius);
  border-radius: var(--input-border-radius);
  display: block;
  width: 100%;
  text-align: center;
}

.login .admin-email__actions a.button:hover {
	color: var(--primary-hover);
  background: transparent;
  border-color: var(--primary-hover);
}

.login .admin-email__actions .button-primary {
  margin: 1rem 0 0 0;
}

.login .reset-pass-submit .wp-generate-pw {
  display: block;
  width: 100%;
  height: auto;
  line-height: 1.428571429;
  vertical-align: middle;
  font-size: 1.25rem;
  margin: 0;
  padding: 0.75rem 1rem;
	color: var(--black);
  background: #fff;
  border: 1px solid var(--border-color);
  -webkit-border-radius: var(--input-border-radius);
  -moz-border-radius: var(--input-border-radius);
  border-radius: var(--input-border-radius);
}

.login .reset-pass-submit .wp-generate-pw:hover {
  color: var(--primary-hover);
  border-color: var(--primary-hover);
}

/* Form elements */
input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
	border-color: var(--input-border-color);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

input[type=checkbox]:checked:before {
	color: var(--primary);
}

::selection {
  background-color: var(--primary);
  color: #fff;
}

/* Interim */
body.interim-login {
  padding: 0 1rem;
}

.interim-login #login {
  padding: 0;
  margin: 0;
}

.interim-login.login h1 a {
  margin-bottom: 1rem;
}