/* 
    Created on : Sep 24, 2016, 12:20:38 PM
    Author     : Oren
*/


@font-face {
    font-family: 'spoiler';
    src: url('../css/fonts/fbspoileren-regular-webfont.eot');
    src: url('../css/fonts/fbspoileren-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/fbspoileren-regular-webfont.woff') format('woff'),
         url('../css/fonts/fbspoileren-regular-webfont.ttf') format('truetype'),
         url('../css/fonts/fbspoileren-regular-webfont.svg') format('svg');
    
    font-weight: 400;
    font-style: normal; 
    
}

@font-face {
    font-family: 'spoiler-eng';
    src: url('../css/fonts/enspoilerboldwebfont.eot');
    src: url('../css/fonts/enspoilerboldwebfont.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/enspoilerboldwebfont.woff') format('woff'),
        url('../css/fonts/enspoilerboldwebfont.ttf') format('truetype'),
        url('../css/fonts/enspoilerboldwebfont.svg') format('svg');

    font-weight: bold;

    unicode-range: U+0041-007F;
}

body.login {
    font-family: 'spoiler-eng','spoiler';
    background:  #ffd143;  

}

body.login:after{
    content: " ";
    height: 100%;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,febf01+100&0+0,0.6+100 */
    background: -moz-linear-gradient(left,  rgba(252,252,252,0) 0%, rgba(255,192,1,0.6) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(252,252,252,0) 0%,rgba(255,195,1,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(252,252,252,0) 0%,rgba(255,192,1,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fcfcfc', endColorstr='#99febf01',GradientType=1 ); /* IE6-9 */


    position: absolute;
    top: 0;
}

#aplus-login-footer {
    position: fixed;
    bottom: 0;
    z-index: 5;
    width: 100%;
    height: 400px;    
    background-size: cover;
}

body.login div#login {
    position: relative;
    z-index: 10;
    width: 380px;
}
body.login div#login h1 {
    background-color: #fff;
    padding: 12px;
    font-family: 'spoiler';
    color: #1682bb;
    font-size: 2.5rem;
    
}
body.login div#login h1 a {
    background-size: 200px;
    background-position: 10px 0px;    
    margin: 0 auto;
    padding-bottom: 0px;
    height: 50px;
    

}
body.login div#login form#loginform {
    border-radius: 0;
    margin-top: 0;
    padding: 25px 20px 40px 15px;
    background: #fff;
    position: relative;
    overflow: visible;
}

body.login div#login form#loginform:after{
    content: " ";
    position: absolute;
    left: 435px;
    top: 0px;
    width: 200px;
    height: 310px;
    background-image: url(../images/login-pic.png);
    background-size: 100%;
    background-repeat: no-repeat;
} 

body.login div#login form#loginform p {}
body.login div#login form#loginform p label {}
body.login div#login form#loginform input {}
body.login div#login form#loginform input#user_login {}
body.login div#login form#loginform input#user_pass {}
body.login div#login form#loginform p.forgetmenot {}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {
    
    background-color: #1682bb;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.1rem;
    font-weight: 700;
    padding: 2px 50px;
    text-decoration: none;
    white-space: normal;
    width: auto;
    border-radius: 0;
    display: block;
    text-shadow: none;
    border: none;
    box-shadow: none;
    
}
body.login div#login p#nav {
    padding: 20px 15px 20px 0px;
    color: #ffffff;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 0;
}
body.login div#login p#nav a {
    background-color: #d7d9da;
    border: 0;
    color: #1682bb;
    cursor: pointer;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: 700;
    padding: 0 36px;
    text-decoration: none;
    white-space: normal;   
    display: inline-block;
    text-shadow: none;
    border: none;
    box-shadow: none;
    width: 27%;
    text-align: center;
   
}
body.login div#login p#backtoblog {
    padding: 11px;
    margin: 0;
    background: #fff;
}
body.login div#login p#backtoblog a {
    background-color: #ffffff;
    border: 0;
    color: #1682bb;
    cursor: pointer;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 0;
    text-decoration: none;
    white-space: normal;
    border-radius: 25px;
    display: block;
    text-shadow: none;
    border: none;
    box-shadow: none;
    text-align: center;    
    margin: 0;
}

@font-face {
    font-family: 'spoiler-eng';
	 src: url('fonts/enspoilerwebfont.eot');
    src: url('../fonts/enspoilerwebfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/enspoilerwebfont.woff') format('woff'),
         url('../fonts/enspoilerwebfont.ttf') format('truetype'),
         url('../fonts/enspoilerwebfont.svg') format('svg');
    
    font-weight: normal;   
    unicode-range: U+0041-007F;
}