/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./library/src/scss/login.scss ***!
  \**********************************************************************************************************************/
@font-face {
  font-family: "antonregular";
  src: url(../../.././library/dist/fonts/anton-regular-webfont.woff2) format("woff2"), url(../../.././library/dist/fonts/anton-regular-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "thirsty_roughbold";
  src: url(../../.././library/dist/fonts/yellow_design_studio_-_thirstyroughbol-subset-webfont.woff2) format("woff2"), url(../../.././library/dist/fonts/yellow_design_studio_-_thirstyroughbol-subset-webfont.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* Helpers
   ========================================================================== */
.login h1 a,
.h-hide-text {
  text-indent: 9999px;
  white-space: nowrap;
  overflow: hidden;
}

.h-hidden {
  display: none !important;
  visibility: hidden;
}

.h-screen-reader-text,
.h-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  white-space: nowrap;
  word-wrap: normal !important;
}

.h-plain-list {
  list-style: none;
  list-style-image: none;
}

.h-center-text {
  text-align: center;
}

.h-left-text {
  text-align: left;
}

.h-right-text {
  text-align: right;
}

.h-centered {
  margin-inline-end: auto;
  margin-inline-start: auto;
  justify-content: center;
}

@media all and (max-width: 47.9375em) {
  .h-centered--until-medium-down {
    margin-inline-end: auto;
    margin-inline-start: auto;
    justify-content: center;
  }
}

.h-sticky-item {
  position: sticky !important;
  inset-block-start: 2rem;
}

.h-skipnav {
  background: transparent;
  color: var(--black);
  inset-inline-start: 0;
  padding: 1rem 1.5rem;
  position: absolute;
  inset-block-start: -4.2rem;
  transition: all 0.2s ease-in-out;
  z-index: 100;
}

.h-skipnav:focus {
  background: var(--white);
  inset-inline-start: 0;
  outline: 0;
  position: absolute;
  inset-block-start: 0;
  transition: all 0.2s ease-in-out;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Login Stylesheet

This stylesheet is loaded (if admin.php is setup in your
functions file) on the login page. This way you can style
the login page. It won't affect any other page, admin or front-end.

For more info, check out the codex:
http://codex.wordpress.org/Creating_Admin_Themes

******************************************************************/
/* the form box */
/*
This is the Wordpress logo in the admin area.
You'll have to load your own images and mess
with the width and height.
*/
body.login {
  background-color: hsl(0, 0%, 0%);
}

.login h1 a {
  --site-logo-size: 80px;
  background-image: url(../../.././library/dist/img/site-logo.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: middle;
  background-size: 80px var(--site-logo-size);
  height: var(--site-logo-size);
  width: var(--site-logo-size);
}

form {
  background: white;
  border: 1px solid #E5E5E5;
  border-radius: 3px;
  box-shadow: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
  margin-left: 8px;
  padding: 26px 24px 46px;
}

body form .input {
  background: #FBFBFB;
  border: 1px solid #E5E5E5;
  box-shadow: inset 1px 1px 2px rgba(200, 200, 200, 0.2);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif !important;
  font-size: 24px;
  font-weight: 200;
  margin-bottom: 16px;
  margin-right: 6px;
  margin-top: 2px;
  outline: none;
  padding: 3px;
  width: 97%;
}

#login #nav,
#login #backtoblog {
  background-color: hsl(0, 0%, 85%);
  display: block;
  padding: 0.25em 0.5em;
}