@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;
}

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: white!important;
    padding: 45px!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 {
	background-image:url("https://kukiko.com/files/2018/04/kaartje-koffie-bambook2.png");
	background-position: right top;
	background-repeat: no-repeat;
	background-color:#E0DFDD;
	font-family:'Open sans';
	background-size: contain;
}



body.login div#login p#nav a:focus {
	border-color: #ff5e00!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 {
    background-color: #c164a7;
    border: medium none;
    border-radius: 7px;
    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 #c164a7;
	transition: all 300ms ease 0ms;
}

body.login div#login form#loginform p.submit input#wp-submit:hover {
    background-color: #e1a1cc;
    color: #ffffff;
	border-color: #c164a7;
}

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

body.login div#login h1 a {
        background-image:url("https://kukiko.com/files/2016/04/logo-3.png");
}

.galogin {
	background-color: red!important;
	border-color: #ff5e00!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: #47b3ce;
    box-shadow: 0 0 0 1px #47b3ce;
    outline: 2px solid transparent;
}

p#nav a {
    background-color: #e1a1cc;
    padding: 10px;
    color: white!important;
    border: 2px solid #c164a7;
    border-radius: 10px;
}

p#nav a:hover {
    background-color: #c164a7;
    border: 2px solid #c164a7;
}
input#user_login,input#user_pass {
    border-radius: 10px;
    margin-top: 5px;
}

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

.login #backtoblog, .login #nav {
    font-size: 13px;
    padding: 0 0px 0!important;
}

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

p#backtoblog {
    display: none;
}

.login form .input, .login input[type=password], .login input[type=text] {
    font-size: 20px!important;
}