/*
Theme Name: Divi Child Theme
URI: https://www.squdgecraft.co.uk/wp-content/themes/
Description: Divi Child Theme 
Author: https://www.expresswebsitedesign.co.uk
Elegant Themes Author URI: https://www.elegantthemes.com
Template: Divi 
Version: 1.0.0
*/ 

/* =Theme customization starts here ------------------------------------------------------- */

/* =WP Login Screen --- */

/* Background
-------------------- */
body.login {
  background-color: transparent;
  background-image: url('/wp-content/uploads/2023/06/login-field-bg-87.jpeg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  background-position: center center;
}

/* Login Box
-------------------- */
#login {
	padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
}

/* Logo
-------------------- */
.login h1 a {
  height: 120px;
  width: 100%;
  max-width: 318px;
  padding: 0;
  margin: 0px 0 20px 0;
  background-image: url('/wp-content/uploads/2023/05/squdge-craft-logo-main-white-nobg.png');
  background-repeat: no-repeat;
  background-size: 135px 120px;
  background-position: center top;
  overflow: hidden;
  border: 0 solid #fff;
}

/* Login Form Look
-------------------- */
#loginform {
	height: 100%;
	margin: 0 0 0 0;
	border-radius: 5px;
    background: rgba(52, 152, 219, 0.5); 
	border: 5px solid rgba(255, 255, 255, 0.2);
	
	-moz-box-shadow: 0 0 0 #bbb;
    -webkit-box-shadow: 0 0 0 #bbb;
    box-shadow: 0 0 0 #bbb;
    z-index: 0;
}

#lostpasswordform {
	height: 100%;
	margin: -15px 0 0 0;
	border-radius: 5px;
	background: transparent;
	border: 0 solid #333;
	
	-moz-box-shadow: 0 0 0 #bbb;
    -webkit-box-shadow: 0 0 0 #bbb;
    box-shadow: 0 0 0 #bbb;
    z-index: 0;
}

#resetpassform {
	height: 100%;
	margin: -15px 0 0 0;
	border-radius: 5px;
	background: transparent;
	border: 0 solid #333;
	
	-moz-box-shadow: 0 0 0 #bbb;
    -webkit-box-shadow: 0 0 0 #bbb;
    box-shadow: 0 0 0 #bbb;
    z-index: 0;
}

div.updated, .login .message {
	background-color: transparent;
	border: 0 solid #333;
	font-size: 12pt; color: #fff; font-weight: 700; text-align: center;
	
	-moz-box-shadow: 0 0 0 #bbb;
    -webkit-box-shadow: 0 0 0 #bbb;
    box-shadow: 0 0 0 #bbb;
}

#login_error {
  
}

.login label {
  font-size: 12px;
  color: #fff;
  font-size: 10pt; font-weight: 400;
}

.login input[type="text"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 4px;
}

.login input[type="password"]{
  background-color: #ffffff;
  border-color:#dddddd;
  -webkit-border-radius: 4px;
}

.indicator-hint {
	color: #333;
}

.message reset-pass {
	color: #333;
}

/* Login Button
-------------------- */
.login .button-primary {
	height: 40px!important;
    width: 100%;
	padding: 0;
    margin: 20px 0 0 0;
	background: transparent; 
	border-radius: 3px;
	border: 2px solid #fff;
	font-size: 1.33em;
	font-family: 'Lato', arial;
	color: #fff;
	font-weight: 400;
	text-align: center;
	line-height: 38px;
	text-shadow: none;
	-moz-box-shadow: 0 0 0 #bbb;
    -webkit-box-shadow: 0 0 0 #bbb;
    box-shadow: 0 0 0 #bbb;
}

.login .button-primary:hover {
	border: 2px solid #fff;
	background: rgba(0, 0, 0, 0.1); 
	cursor: pointer;
}

.login .button-primary:active {
	height: 40px!important;
    width: 100%;
	padding: 0;
    margin: 20px 0 0 0;
	background: transparent; 
	border-radius: 3px;
	border: 2px solid #fff;
	font-size: 1.33em; font-family: 'Lato', arial; color: #fff; font-weight: 400; text-align: center; line-height: 38px;
	
	-moz-box-shadow: 0 0 0 #bbb;
    -webkit-box-shadow: 0 0 0 #bbb;
    box-shadow: 0 0 0 #bbb;
}

/* Remember Me
-------------------- */
#rememberme {
	border: 0 solid #333;
	line-height: normal;
}

#rememberme, label {

}

/* Login URL
-------------------- */

/*see functions.php */
 
/* Lost Password Link
-------------------- */
p#nav {
	text-align: center !important;
}

p#nav a {
	color: #333 !important;
	text-align: center !important;
}

/* 'Back to' Link
-------------------- */
p#backtoblog {
	text-align: center !important;
}

p#backtoblog a {
	color: #333 !important;
	text-align: center !important;
}