html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  position: relative;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
body > * {
  flex: 0 0 auto;
}
body > main {
  flex: 1 0 auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block;
}

/*
 * Set z-index on main to contain all content layers.
 */
main {
  z-index: 1;
}

button {
  border: 0;
  background: transparent;
}

a,
button {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  transition: all 0.3s;
}

img {
  max-width: 100%;
  height: auto;
}

iframe {
  border: 0;
}

.text-404 {
  padding-top: 8rem;
  padding-bottom: 20rem;
}

/*
 * Page
 */
.no-padding {
  padding: 0;
}

/* Image utils */
.image-fillarea {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* WP fixes */
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
    overflow: hidden;
  }
}

.login {
  background-color: #EF4060;
  color: #000000;
}
.login #login {
  padding: 0;
}
.login h1 a {
  background-image: none;
  text-indent: unset;
  width: unset;
  height: unset;
}
.login h1 a svg,
.login h1 a img {
  max-width: 100%;
  fill: #000000;
}
.login .button {
  border-radius: 16px;
  text-transform: uppercase;
  background-color: #CE1141;
  color: #ffffff;
  border: none;
  font-weight: 500;
}
.login .button:hover {
  background-color: #B20F38;
  color: #ffffff;
}
.login form {
  background-color: #ffffff;
  border-radius: 16px;
  border: 0;
  box-shadow: unset;
}
.login #nav a,
.login #backtoblog a {
  color: #000000;
}
.login #nav a:hover,
.login #backtoblog a:hover {
  color: #B20F38;
}

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