@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500&display=swap');


/*Opmaak admin menu*/
label {
    font-family: 'Rubik', sans-serif;
    color: #fff!important;
}

body.login div#login {
    font-family: 'Rubik', sans-serif;
}

form#loginform {
    border-radius: 10px;
    -webkit-box-shadow: 10px 6px 22px -8px rgba(0,0,0,0.32);
    -moz-box-shadow: 10px 6px 22px -8px rgba(0,0,0,0.32);
    box-shadow: 10px 6px 22px -8px rgba(0,0,0,0.32);
    border-color: #242745!important;
    padding: 45px!important;
}

.login form{
    background-color: #242745!important;
}

#login {
    width: 500px!important;
}
body.login {}
body.login div#login {}
body.login div#login h1 {}
body.login div#login h1 a {}
body.login div#login form#loginform {}
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 {}
body.login div#login p#nav {}
body.login div#login p#nav a {}
body.login div#login p#backtoblog {}
body.login div#login p#backtoblog a {}

body.login div#login h1 a {
        background-image:url("https://signatures.projectie.com/logo-login-projectie.svg");
}

body.login {
    background-image:url("https://signatures.projectie.com/wordpress-background/bg-login-projectie.jpg");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-color:#E0DFDD;
    font-family:'Open sans';
    background-size: cover;
}

body.login div#login p#nav a:focus {
    border-color: #144DED!important;
        -webkit-box-shadow: 0 0 2px rgba(30,140,190,.8);
        box-shadow: 0 0 2px rgba(192,29,112,.8)!important;
}
    
body.login div#login form#loginform input#wp-submit, form#lostpasswordform input#wp-submit{
    background-color: #144DED;
    border: medium none;
    border-radius: 25px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px;
    box-shadow: none;
    padding: 0 36px 2px;
    text-shadow: none;
    border: 2px solid #144DED;
    transition: all 300ms ease 0ms;
    width: 100%;
    margin-top: 10px;
}

body.login div#login form#loginform p.submit input#wp-submit:hover, form#lostpasswordform input#wp-submit:hover{
    background-color: white;
    color: #144DED;
    border-color: #144DED;
}

.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
    color: #144DED;
}

.galogin {
    background-color: #144DED!important;
    border-color: #144DED!important;
    border-radius:0px!important;
        box-shadow: 0 1px 0 rgba(192, 29, 112, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15)!important;
}

.galogin-powered {display:none;}

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

p#nav a {
    color: #CCD2FF !important;
    font-size: 16px !important;
    text-align: center!important;
}

p#nav a:hover {
    color: #144DED!important;
}
input#user_login,input#user_pass {
    border-radius: 5px;
    margin-top: 5px;
}

input#rememberme {
    border-radius: 10px!important;
}

.login #backtoblog, .login #nav {
    font-size: 14px;
    padding: 0 0px 0!important;
    text-align: center;
}

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

p#backtoblog {
    display: none;
}


#language-switcher {
    background-color:rgb(255 255 255 / 0%) !important;
}