body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	background-color: #315915;
	background-image: url('/wp-content/themes/woolybugger/assets/images/bkg-main-sm.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 180% auto;
}

a {
 color:#2271b1;
 transition-property:border,background,color;
 transition-duration:.05s;
 transition-timing-function:ease-in-out
}
a {
 outline:0
}
a:active,
a:hover {
 color:#135e96
}
a:focus {
 color:#043959;
 box-shadow:0 0 0 1px #4f94d4,0 0 2px 1px rgba(79,148,212,.8)
}
p {
 line-height:1.5
}
.login #login_error,
.login .message,
.login .success {
 border-left:4px solid #72aee6;
 padding:12px;
 margin-left:0;
 margin-bottom:20px;
 background-color:#fff;
 box-shadow:0 1px 1px 0 rgba(0,0,0,.1);
 word-wrap:break-word
}
.login .success {
 border-left-color:#00a32a
}
.login #login_error {
 border-left-color:#d63638
}
#loginform p.submit,
.login-action-lostpassword p.submit {
 border:none;
 margin:-10px 0 20px
}
.login * {
 margin:0;
 padding:0
}
.login .input::-ms-clear {
 display:none
}
.login .pw-weak {
 margin-bottom:15px
}
.login .button.wp-hide-pw {
 background:0 0;
 border:1px solid transparent;
 box-shadow:none;
 font-size:14px;
 line-height:2;
 width:2.5rem;
 height:2.5rem;
 min-width:40px;
 min-height:40px;
 margin:0;
 padding:5px 9px;
 position:absolute;
 right:0;
 top:0
}
.login .button.wp-hide-pw:hover {
 background:0 0
}
.login .button.wp-hide-pw:focus {
 background:0 0;
 border-color:#3582c4;
 box-shadow:0 0 0 1px #3582c4;
 outline:2px solid transparent
}
.login .button.wp-hide-pw:active {
 background:0 0;
 box-shadow:none;
 transform:none
}
.login .button.wp-hide-pw .dashicons {
 width:1.25rem;
 height:1.25rem;
 top:.25rem
}
.login .wp-pwd {
 position:relative
}
.no-js .hide-if-no-js {
 display:none
}
.login form {
 margin-top:20px;
 margin-left:0;
 padding:26px 24px 34px;
 font-weight:400;
 overflow:hidden;
 background:#fff;
 border:1px solid #c3c4c7;
 box-shadow:0 1px 3px rgba(0,0,0,.04)
}
.login form.shake {
 animation:shake .2s cubic-bezier(.19,.49,.38,.79) both;
 animation-iteration-count:3;
 transform:translateX(0)
}
@keyframes shake {
 25% {
  transform:translateX(-20px)
 }
 75% {
  transform:translateX(20px)
 }
 100% {
  transform:translateX(0)
 }
}
@media (prefers-reduced-motion:reduce) {
 .login form.shake {
  animation:none;
  transform:none
 }
}
.login-action-confirm_admin_email #login {
 width:60vw;
 max-width:650px;
 margin-top:-2vh
}
@media screen and (max-width:782px) {
 .login-action-confirm_admin_email #login {
  box-sizing:border-box;
  margin-top:0;
  padding-left:4vw;
  padding-right:4vw;
  width:100vw
 }
}
.login form .forgetmenot {
 font-weight:400;
 float:left;
 margin-bottom:0
}
.login .button-primary {
 float:right
}
.login .reset-pass-submit {
 display:flex;
 flex-flow:row wrap;
 justify-content:space-between
}
.login .reset-pass-submit .button {
 display:inline-block;
 float:none;
 margin-bottom:6px
}
.login .admin-email-confirm-form .submit {
 text-align:center
}
.admin-email__later {
 text-align:left
}
.login #login_error, .login .message, .login .success {
	border-left-width: 8px;
	border-radius: 6px;
}
.login form {
	border: none;
	border-radius: 6px;
}
.login form p.admin-email__details {
 margin:1.1em 0
}
.login h1.admin-email__heading {
 border-bottom:1px #f0f0f1 solid;
 color:#50575e;
 font-weight:400;
 padding-bottom:.5em;
 text-align:left
}
.login #backtoblog a,
.login #nav a {
 text-decoration:none;
 color:#fcd182;
}
.login #backtoblog a:hover,
.login #nav a:hover,
.login h1 a:hover {
 color:#E69705;
}
.login #backtoblog a:focus,
.login #nav a:focus,
.login h1 a:focus {
 color:#ffbf00;
}

.wp-core-ui .button-primary {
	background: #537d1a;
	border-color: #537d1a;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	border-radius: 6px;
}
.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary.hover,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:hover {
 background:#407100;
 border-color:#407100;
}
.wp-core-ui .button-primary.focus,
.wp-core-ui .button-primary:focus {
 box-shadow:0 0 0 1px #fff,0 0 0 3px #407100;
}
.wp-core-ui .button-primary.active,
.wp-core-ui .button-primary.active:focus,
.wp-core-ui .button-primary.active:hover,
.wp-core-ui .button-primary:active {
 background:#205100;
 border-color:#205100;
}




#login h1 a, .login h1 a {
	--logo-width: 330px;
    width: var(--logo-width);
    height: calc( var(--logo-width) * 0.3308 );
    background-image: url('/wp-content/themes/woolybugger/assets/images/wbp-logo-lg.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin: 40px auto 10px;
}
@media screen and (min-width: 768px) {
	body {
		background-image: url('assets/images/bkg-main-lg.jpg');
	}
}