@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville:400i');

@font-face {
    font-family: 'Gilroy-heavy';
    src: url('fonts/gilroy-heavy-webfont-webfont.eot');
    src: url('fonts/gilroy-heavy-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gilroy-heavy-webfont-webfont.woff2') format('woff2'),
         url('fonts/gilroy-heavy-webfont-webfont.woff') format('woff'),
         url('fonts/gilroy-heavy-webfont-webfont.ttf') format('truetype'),
         url('fonts/gilroy-heavy-webfont-webfont.svg#gilroyheavy') format('svg');
    font-weight: normal;
    font-style: normal; 
}

html { background: none !important; }
html body.login { background: #f7f7f7; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; }


@media (min-width: 320px) {
	#login { padding: 4% 0; max-width: 100%; }
}

@media (min-width: 480px) {
	#login { padding: 8% 0; }
}

@media (max-height: 1000px) {
	#login { padding: 2% 0; }
}

@media (max-width: 480px) {
	#login { padding: 0; padding-bottom: 15px; }
}

@media (min-width: 480px) {
	body.login:after { content: 'web'; font-family: 'Gilroy-heavy'; height: 100%; position: absolute; top: 0; right: -50px; z-index: -1; color: #edefee; display: flex; align-items: center; font-size: 400px; }
}

@media (min-width: 769px) {
	body.login:after { font-size: 550px; }
}

@media (min-width: 992px) {
	body.login:after { font-size: 850px; }
}

@media (min-width: 2000px) {
	body.login:after { font-size: 1000px; }
}

body.login div#login h1 { padding: 10px; }



@media (min-width: 1px) {
	body.login div#login h1 a { width: 60px; height: 70px; background: url("beeldmerk.svg") no-repeat !important; background-size: contain !important; }	
}

@media (min-width: 480px) {
	body.login div#login h1 a { width: 170px; height: 125px; background: url("logo.svg") no-repeat !important; background-size: contain !important; width: 170px; height: 125px; }	
}

body.login div#login form p label { color:#fff; color: #1c1a20; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-size: 14px !important; }
body.login div#login form p label input { font-family: 'Libre Baskerville', serif; }
body.login p.submit { display: flex; justify-content: center; margin-bottom: 30px !important; }
body.login p.submit .wp-generate-pw { min-width: 30%; min-height: 1px; line-height: 1.2; background: transparent !important; color: #1c1a20; border: 1px solid #edefee !important; text-shadow: none; padding: 0.75rem 1.5rem; height: auto; font-size: 12px; margin-top: -20px; margin-bottom: 20px; transition: 0.3s ease; border-radius: 50px;  }
body.login p.submit .wp-generate-pw:hover, body.login #loginform p.submit .wp-generate-pw:focus { background: #edefee !important; }
body.login p.submit .button-primary { min-width: 60%; min-height: 1px; line-height: 1.8; background: #00ceaa !important; color: #00826b; border: none !important; text-shadow: none; padding: 1.3rem 3rem; height: auto; font-size: 17px; transition: 0.3s ease; border-radius: 50px; -webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1); }
body.login p.submit .button-primary:hover, body.login #loginform p.submit .button-primary:focus { background: #1dad93 !important; border: 0; }
body.login div#login form .input, .login input[type="text"] { color: #555555; font-size: 24px; box-shadow: none; border: 1px solid #eaedf1; margin-bottom: 30px; margin-top: 10px; border-radius: 2px; }

.login .button.wp-hide-pw { right: 10px; top: 15px; }

@media (max-width: 480px) {
	body.login p.submit { margin-bottom: 20px !important; }
	body.login div#login form .input, .login input[type="text"] { height: 40px; margin-bottom: 15px; }
	#backtoblog { margin: 10px 0; }
}

.login #nav { text-align: center; }
body.login #nav a, body.login #backtoblog a { text-align: center; color: #535050; transition: 0.3s ease; }
body.login #nav a:hover, body.login #backtoblog a:hover { color: #000; }
.login #backtoblog, .login #nav { text-align: center; }

.admin-email-confirm-form {
	padding: 30px !important;
}

.admin-email-confirm-form h1 {
	font-size: 18px !important;
}



@media (min-width: 480px) {
	body.login #login {	width: 400px; }
}

.login form { border: 0 !important; background: #fff; box-shadow: 0; margin-top: 0; box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.03);  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.03); -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.03); padding: 30px 30px 0; border-radius: 0px; position: relative; overflow: visible !important; }
.login form:after { content: ''; clear: both; display: block; }

@media (min-width: 320px) {
	.login form { padding: 15px 15px 0; }
}

@media (min-width: 480px) {
	.login form { padding: 30px 30px 0; }
	.login form:before { content: 'Beheer'; transform: rotate(270deg) !important; position: absolute; left: -87px; border-bottom: 4px solid #00ceaa; top: 21px; padding: 15.5px 5px 15.5px 30px; font-size: 25px; font-family: 'Libre Baskerville', serif; color: #1c1a20; }
}


.login form .forgetmenot label { font-size: 12px !important; font-family: sans-serif !important; }
#login form p.submit { float: left; width: 100%; }

@media (min-width: 320px) {
	#login form p.submit { margin-top: 20px; }
}

@media (min-width: 480px) {
	#login form p.submit { float: left; width: 100%; margin-top: 40px; }
}

.login #backtoblog a:focus, .login #nav a:focus, .login h1 a:focus { box-shadow: none; }

.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large { padding: 0 20px 2px; }
.wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary { border-radius: 0; }
.wp-core-ui .button, .wp-core-ui .button-secondary { -webkit-box-shadow: none; box-shadow: none; }
.wp-core-ui .button-primary {	-webkit-box-shadow: none;	box-shadow: none; }
.wp-core-ui .button-primary:hover { -webkit-box-shadow: none;	box-shadow: none; }
.login form .input, .login input[type="text"] { padding: 8px; }
.login form .input:focus, .login input[type="text"]:focus { border: 1px solid #00ceaa !important; }

body.login div#login form .input, .login input[type="text"] { font-size: 18px; height: 50px; }
#login_error, .login .message, .login #login_error { -webkit-box-shadow: none; 	box-shadow: none; }

/* Lost password form */
body.login form#lostpasswordform .input[type="text"] { margin-bottom: 0; }


@media (max-width: 480px) {
	
	body.login div#login h1 a { margin-bottom: 0; }	
	body.login {
		padding: 30px 15px;
	}
	
	.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large { padding: 0 8px 2px !important; }
	body.login p.submit .button-primary { padding: 20px 60px !important; }
}