/*/////////// LOGIN STYLE SHEET */

@font-face {
font-family: 'Aileron SemiBold';
font-style: normal;
font-weight: normal;
src: local('Aileron SemiBold'), url('/web_fonts/aileron-webfont/Aileron-SemiBold.woff') format('woff');}


/* perfect centered all over bg image */

html { 
  background: url(/wp-content/uploads/see/site-branding/peek_login_bg_circ.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

/* center div h and v */
.center-screen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh; }


#login {
padding: 0px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh; }

/*
    background: #ff6600;
	background: rgba(255,102,0,.85);
    border-radius: 50%;
border-width: 3px;
border-style: dotted; 
border-color: #ff6600; 

    box-shadow: 0 0px 0px rgba(0,0,0,.13);
*/

 
body.login { 
	font-family: 'Aileron Semibold'; 
	color:#efefef;
	background-color: transparent;  
	background: rgba(255, 102, 0, 0); 
    /*background-image: url(https://the.shawneee.com/wp-content/uploads/theshawneee_login_logos_bluespiffy.png);*/
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    background-attachment: fixed; } 

body.login div#login h1 a {
  background-image: url(/wp-content/uploads/assets_unsorted_dated/clickety-clack-site/clearpixel.png);
    background-image: none,url(/wp-content/uploads/assets_unsorted_dated/clickety-clack-site/clearpixel.png);
    background-size: 1px;
    background-position: center top;
    background-repeat: no-repeat;
    color: #444;
    height: 1px;
    font-size: 0px;
    font-weight: 400;
    line-height: 0em;
    margin: 0 auto !important;
    padding: 0;
    text-decoration: none;
    margin: 0 auto;
    text-indent: -9999px;
    outline: 0;
    overflow: hidden;
    display: block; }

/*
body.login div#login form#loginform {
    margin: 0px 0 -35px 0;
    padding: 20px;
    font-weight: 400;
    overflow: hidden;
    width: 300px;
    height: 300px;
    background-position: 0px 0px;
    background: #ff6600;
    background: rgba(255,102,0,0);
    border-radius: 50%;
    border-width: 5px;
    border-style: dotted;
    border-color: #ff6600;
    box-shadow: 0 0px 0px rgb(0 0 0 / 13%); }
*/


body.login div#login form#loginform {
    padding: 20px;
    font-weight: 400;
    overflow: hidden;
    width: 300px;
    height: 300px;
    background-position: 0px 0px;
    background: #ff6600;
    background: rgba(255,102,0,0);
    border-radius: 50%;
    border-width: 0px;
    border-style: dotted;
    border-color: #ff6600;
    box-shadow: 0 0px 0px rgb(0 0 0 / 13%);
	margin: 5px 0 215px 250px;
}




form#loginform p:first-child { width: 200px;  margin: 0px auto;  display: block; }
form#loginform p:first-child label { margin-top: 33px; }

form#loginform p { width: 200px;  margin: 0 auto; display: block;  }
div.wp-pwd  { width: 200px;  margin: 0 auto; }

p.forgetmenot { margin: 0 auto; padding: 0 0 0 10px; display: block; text-align: right; }

/* move around when centering checkbox */
p.forgetmenot input[type=checkbox] { margin: 0 0 0 -75px !important; }

 #rememberme { } 

.user-pass-wrap {  margin: 0px; }

.login #backtoblog a, .login #nav a {
    text-decoration: none;
	white-space: nowrap;
	margin: -150px 0 0 200px; 
    color: #ff6600; }

.login #backtoblog a:visited, .login #nav a:visited {
    text-decoration: none;
    color: #ff6600; }

.login #backtoblog a:hover, .login #nav a:hover {
    text-decoration: none;
    color: #efefef; }

#login #login_error, #login .error, #login #login_error *, #login .error * {
    color: #333333 !important;
    background: #ff6600 !important;
background: rgba(102,255,0,.45); 
border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
-webkit-border-radius: 2px 2px 2px 2px;
border: 0px solid #000000;
    padding: 5px;  }


a.privacy-policy-link:link { color: #9400ff; }
a.privacy-policy-link:visited { color: #9400ff; }
a.privacy-policy-link:hover { color: #b54dff; }



.login .privacy-policy-page-link {
    text-align: center;
    width: 100%;
    margin: 80px 0 -80px 0;
    background: rgba(255,102,0,0);
    padding: 5px; }

#login #nav, #login #backtoblog {
    padding: 0;
text-transform: uppercase;
font-weight: 600; 
    margin: 0px 0px 0px 0px;
    text-align: center;
    background: rgba(102,255,0,0);
    padding: 2px; }

#login #backtoblog {
    margin: 0 0 -40px 0;
    visibility: hidden; }

.login #nav {
    margin: 40px 0 -40px 0 !important;
    margin: 24px 0 0 0; }



.login form .input, .login form input[type=checkbox], .login input[type=text] { background: #efefef;   background:rgba(239,239,239,.5); }

.login form .input, .login input[type=text] {
    font-size: 16px;
    width: 100%;
    padding: 5px;
    margin: 2px 6px 16px 0; }


.login form {
    margin-top: 20px;
    margin-left: 0;
    padding: 26px 24px 46px;
    font-weight: 400;
    overflow: hidden;
    background: #fff;
  background: rgba(255,255,255,0);
    border: 0px solid #ccd0d4;
    box-shadow: 0 1px 3px rgb(0 0 0 / 4%);
}

input[type=checkbox], input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=radio], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    border: 1px solid #0066ff;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.7);
    background-color: #fff;
    color: #32373c;
    outline: 0;
    transition: 50ms border-color ease-in-out; }




form#loginform p:first-child label {
    margin-top: 33px;
        color: #ff6600;
    color: rgba(255,102,0,.85); }

    .login label {
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    margin-bottom: 3px;
    color: #ff6600;
    color: rgba(255,102,0,.85); }





body.login div#login form#loginform input#user_login { 
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-left-radius: 11px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomleft: 11px;
border-top-left-radius: 4px;
border-top-right-radius: 8px;
border-bottom-left-radius: 11px; }

body.login div#login form#loginform input#user_pass	  {
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 11px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 11px;
border-top-left-radius: 8px;
border-top-right-radius: 4px;
border-bottom-right-radius: 11px; }

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: #00ff66;
    box-shadow: 0 0 0 1px #00ff66;
    outline: 2px solid transparent;
}


.wp-core-ui .button-primary a:visited {
    color: #20c8be;
    border: solid 1px #20c8be; }

.wp-core-ui .button-primary {
	text-transform: uppercase; 
	color:#ff6600;
    display: inline-block;
    margin: .25em;
    font-size: 1em;
    font-family: 'Aileron SemiBold', Helvetica, Arial;
    text-decoration: overline; 
    background-color: #fefafa;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #ede9e9));
    background-image: -webkit-linear-gradient(#ffffff, #ede9e9);
    background-image: -moz-linear-gradient(#ffffff, #ede9e9);
    background-image: -o-linear-gradient(#ffffff, #ede9e9);
    background-image: linear-gradient(#ffffff, #ede9e9);
    padding: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
    -o-border-radius: 0.5em;
    border-radius: 0.5em;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
    border: solid 1px #00ff66; }

.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: #0066ff;
    border-color: #efefef;
    color: #efefef;
	  margin: 0em;
	   border: double 4px #00ff66;
}

/*///// Login Error Box //////*/
 
.login #login_error { border-left-color: #6600ff; }

.login #login_error, .login .message, .login .success {
    border-left: 4px solid #00a0d2;
    padding: 12px;
    margin-left: 0;
	color:#6600ff;
	font-weight: 600; 
    margin-bottom: 20px;
    background-color: #ff6600;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); }




/*


Selector	Modifies
body.login	                                                    The page background
body.login div#login h1 a	                                   The WordPress logo
body.login div#login form#loginform	                           The white box that contains the form
body.login div#login form#loginform p label	                    The username and password field labels
body.login div#login form#loginform input	                     Both input fields (username and password)
body.login div#login form#loginform input#user_login	         Just the username input field
body.login div#login form#loginform input#user_pass	            Just the password input field
body.login div#login form#loginform p.forgetmenot	             The Remember Me field
body.login div#login form#loginform p.submit input#wp-submit	The Submit button
body.login div#login p#nav a	                                   The Lost Your Password link
body.login div#login p#backtoblog a	The Back to link


*/