/*
  * Use this stylesheet to define styles for the login page
*/

/* @import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700'); */

@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=38f16d8c-9592-451a-b478-d6d4c46a94e8");
@font-face{
    font-family:"Avengeance Heroic Avenger W00";
    src:url("../Fonts/70305bb9-067d-4957-a3d3-cd166995b925.eot?#iefix");
    src:url("../Fonts/70305bb9-067d-4957-a3d3-cd166995b925.eot?#iefix") format("eot"),url("../Fonts/111616fd-fed1-46d3-895b-d5d6968fa69b.woff2") format("woff2"),url("../Fonts/3c8b7f51-e03a-4e8f-9d24-4eb7b1009f17.woff") format("woff"),url("../Fonts/d5d8a634-1acf-4342-bfd5-26f112dcdcf9.ttf") format("truetype"),url("../Fonts/93e9ba19-7b39-4350-90b6-1ac028670918.svg#93e9ba19-7b39-4350-90b6-1ac028670918") format("svg");
}
/* @font-face{
    font-family:"Jack Armstrong W00 Regular";
    src:url("../Fonts/648df170-97b6-4004-ab2d-d8628b5d6f20.eot?#iefix");
    src:url("../Fonts/648df170-97b6-4004-ab2d-d8628b5d6f20.eot?#iefix") format("eot"),url("../Fonts/1c3ac531-9b5a-4fe8-a4d9-b3a4e88baacd.woff2") format("woff2"),url("../Fonts/f71537ed-0575-4614-8255-4998ac154c43.woff") format("woff"),url("../Fonts/48e2e8ee-5f57-41f6-84ed-d3a8c3caca2c.ttf") format("truetype"),url("../Fonts/a2610bb2-9b43-4ca9-957d-0234f73a3120.svg#a2610bb2-9b43-4ca9-957d-0234f73a3120") format("svg");
}
@font-face {
    font-family: 'komika_title_-_axisregular';
    src: url('../Fonts/komikatitle-axis-webfont.woff2') format('woff2'),
         url('../Fonts/komikatitle-axis-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'komika_title_-_paintregular';
    src: url('../Fonts/komikatitle-paint-webfont.woff2') format('woff2'),
         url('../Fonts/komikatitle-paint-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'komika-regular';
    src: url('../Fonts/komika-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'komika-bold';
    src: url('../Fonts/komika-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
} */
@font-face {
    font-family: 'komika-text-regular';
    src: url('../Fonts/komika-text-reg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    background-color: #9ddcf8;
    background: linear-gradient(#9ddcf8,#fff);
    color: #000;
    font-family: 'komika-text-regular', sans-serif;
}
#login {
    position: relative;
    width: 400px;
    z-index: 5;
}
/* Remove WP Logo */
.login h1 a {
  background-image: none;
}
.login #nav a, .login #backtoblog a {
    color: #000;
}
.login #nav a:hover, .login #backtoblog a:hover {
    color: #000 !important;
}
.login form {
    overflow: visible;
}
#login form p.submit {
    display: inline-block;
    float: right;
    height: auto;
    opacity: 1;
    position: relative;
    width: auto;
}
.wp-core-ui .button-primary {
    background: url(../img/login-btn.png) center center / 100% no-repeat;
    border: 0;
    bottom: -116px;
    box-shadow: none;
    color: transparent;
    height: 140px !important;
    position: absolute;
    -webkit-transition: all .4s ease;
    text-decoration: none;
    text-shadow: none;
    transition: all .4s ease;
    right: -100px;
    width: 190px;
}
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:active {
    background: url(../img/login-btn.png) center center / 100% no-repeat;
    box-shadow: none;
    color: transparent;
    text-decoration: none;
    -ms-transform: translateY(-4px);
        transform: translateY(-4px);
}
.wp-core-ui #lostpasswordform .button-primary, .wp-core-ui #lostpasswordform .button-primary:hover, .wp-core-ui #lostpasswordform .button-primary:focus, .wp-core-ui #lostpasswordform .button-primary:active {
    background: url(../img/password-btn.png) center center / 100% no-repeat;
}
#login form p.submit:hover:before {
        background-position: -95% 0;
}
p.forgetmenot {
    padding-top: 7px;
}
input[type=text], input[type=search], input[type=radio], input[type=url], input[type=week], input[type=password], input[type=checkbox], input[type=color], input[type=date], input[type=datetime],
input[type=email], input[type=number], select, textarea {
    border: 3px solid #000;
    font-family: 'komika-text-regular', sans-serif;
    text-transform: none;
    /* height: 50px; */
}
input[type=text]:focus, input[type=search]:focus, input[type=radio]:focus, input[type=url]:focus, input[type=week]:focus, input[type=password]:focus, input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime]:focus,
input[type=email]:focus, input[type=number]:focus, select:focus, textarea:focus {
    border-color: #000;
    box-shadow: 0 0 2px rgba(248, 156, 27, .8);
}
input[type=checkbox]:checked:before {
    color: #000;
}
.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover, .login #backtoblog a:focus, .login #nav a:focus, .login h1 a:focus, .login #backtoblog a:active, .login #nav a:active, .login h1 a:active {
    outline: none;
    color: #000;
    text-decoration: underline;
    box-shadow: none;
}
.login #login_error, .login .message {
    border-left: 4px solid #f89c1b;
}
.login form {
    background: #626a6d;
    border: 7px solid #000;
    box-shadow: 0 0 12px rgba(0, 0, 0, .15);
}
.login label {
    color: #fff;
    font-family: "Avengeance Heroic Avenger W00";
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: .025em;
    text-transform: lowercase;
}
.login form .forgetmenot label {
    font-family: 'komika-text-regular', sans-serif;
    text-transform: none;
    letter-spacing: normal;
}