/*!
 * Theme Name: blank2
 * Theme URI: git+https://github.com/harnerdesigns/Harner-Blank-Theme.git
 * GitHub Theme URI: git+https://github.com/harnerdesigns/Harner-Blank-Theme.git
 * Description: Blank Wordpress Theme. Speed Up Development. Make Money.
 * Version: 1.0.2
 * Author: 
 * Author URI: 
 * License: ISC
 *  *//* line 1, assets/scss/_reset.scss */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* line 5, assets/scss/_reset.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
/* line 98, assets/scss/_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

/* line 112, assets/scss/_reset.scss */
body {
  line-height: 1; }

/* line 116, assets/scss/_reset.scss */
ol,
ul {
  list-style: none; }

/* line 121, assets/scss/_reset.scss */
blockquote,
q {
  quotes: none; }

/* line 127, assets/scss/_reset.scss */
blockquote:before, blockquote:after {
  content: '';
  content: none; }

/* line 135, assets/scss/_reset.scss */
q:before, q:after {
  content: '';
  content: none; }

/* line 142, assets/scss/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
 * Variables
 */
/*------------------------------------*\
               # Colors
\*------------------------------------*/
/*------------------------------------*\
    # Simple Typography Settings
\*------------------------------------*/
/* line 72, assets/scss/_vars.scss */
:root {
  --border-radius: 30px;
  --black: #3A3A3A;
  --white: #ffffff;
  --lightgray: #efefef;
  --gray: #999999;
  --red: #ff4d3b;
  --yellow: #ffe471;
  --brown: #bc493a;
  --green: #8fe7b6;
  --blue: #00e4ff;
  --lightBlue: #e0fcff;
  --teal: #006a7c;
  --pink: #ffb6f0;
  --purple: #6544ff; }

/* line 5, assets/scss/login.scss */
#login {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0; }
  /* line 13, assets/scss/login.scss */
  #loginform {
    border-radius: 10px; }

/* line 18, assets/scss/login.scss */
body {
  background: #00e4ff url("assets/img/svg/backgrounds/blue--light-blue.svg") top center/100% 100%;
  padding: 0;
  font-family: "Gopher", sans-serif; }
  @media (min-width: 64rem) {
    /* line 18, assets/scss/login.scss */
    body {
      background: #00e4ff url("assets/img/svg/backgrounds/blue--light-blue.svg") top center;
      background-size: 100% 105%;
      position: relative; } }
  /* line 29, assets/scss/login.scss */
  body:before {
    content: "";
    width: 100%;
    height: 200%;
    top: calc(var(--scroll-percentage) * -50rem);
    -webkit-transition: top 200ms ease-out;
    transition: top 200ms ease-out;
    position: fixed;
    z-index: -1;
    opacity: calc(var(--scroll-percentage) * 1 + 0.5);
    background: url("assets/img/clouds-bg.svg") top center/100% auto; }

/* line 42, assets/scss/login.scss */
#login {
  background: url(assets/img/gradient-bg--61.png) center center/110% 110%;
  -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 1.5rem;
  width: 100%; }
  @media (min-width: 64rem) {
    /* line 42, assets/scss/login.scss */
    #login {
      width: 33%;
      padding: 0 3rem; } }
  /* line 63, assets/scss/login.scss */
  #login #nav,
  #login #nav a,
  #login #backtoblog,
  #login #backtoblog a {
    color: #000; }

/* line 72, assets/scss/login.scss */
#login h1,
.login h1 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  /* line 76, assets/scss/login.scss */
  #login h1 a,
  .login h1 a {
    background-repeat: no-repeat;
    padding-bottom: 0;
    margin-bottom: 0;
    height: auto;
    min-height: 15vh;
    background-position: center;
    width: 100%;
    max-width: 25rem;
    color: #000;
    background-size: 100%;
    background-image: url(./assets/img/svg/Logo.svg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 30px;
    aspect-ratio: 300 / 85; }

/* line 95, assets/scss/login.scss */
#loginform {
  border: none;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.22), 0 14px 56px rgba(0, 0, 0, 0.25);
  border-radius: var(--border-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.25rem; }
  /* line 105, assets/scss/login.scss */
  #loginform .forgetmenot {
    float: none; }
  /* line 109, assets/scss/login.scss */
  #loginform .submit {
    width: 100%;
    position: relative; }
    /* line 113, assets/scss/login.scss */
    #loginform .submit .button.button-primary {
      background: #3A3A3A;
      border: none;
      border-radius: 0;
      float: none;
      width: 100%;
      font-weight: 900;
      font-size: 1.25rem; }

/* line 128, assets/scss/login.scss */
.interim-login #login {
  width: 100%;
  padding: 1rem; }

/* line 133, assets/scss/login.scss */
.interim-login h1 {
  display: none !important; }

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