/*
Theme Name:   Small Business Builder Pro Version 4.3
Theme URI:    https:/smallbusinessprowebsites.com
Description:  Small Business Framework from SiteDart Studio
Author:       SiteDart Studio
Author URI:   https://sitedartstudio.com
Template: 	  Divi
Version:      4.3
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*Custom Login*/
body.login #login {
    width: 358px;
}
html body.login {
    background: url(https://cdn.businessprowebsites.com/Login-screen.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#login {
	background-color: rgba(60, 60, 60, 0.8) !important;
	padding: 0 30px!important;
	position:relative !important;
	height: inherit;
	width: auto;
	float: left !important;
}
.login form {
	border-radius: 3px;
}
body.login div#login h1 a {
	margin-left: 15px;
}

/*Button*/
.wp-core-ui .button-group.button-large .button, .wp-core-ui .button.button-large {
    height: 38px!important;
    line-height: 28px!important;
    width: 98%!important;
    display: inline-block!important;
    margin-top: 35px;
}

/*Login Form*/
.login h1 a {
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
	margin-top: 15vh;
    height: 150px;
	font-size: 20px;
	line-height: 13.3em;
	padding: 0;
	width: 350px;
	text-indent: 0;
	outline: 0;
	display: block;
	top: 0;
	color: white !important;
}
#login form p label {
	color: #666;
}
.login #backtoblog a, .login #nav a {
    text-decoration: none;
    font-size: 22px;
	color: #eee;
    text-align: center;
}
.login #backtoblog, .login #nav {
	    text-align: center !important;
}
body.login div#login h1 a, #login_error {
    position: relative !important;
    background-size: 100%;
}
body.login div#login h1 a {
    background-image: url(https://cdn.businessprowebsites.com/Small-Business-Builder-pro-logo1.png) !important;
}
.login h1 {
	display: flex;
}
@media screen and (max-height:700px) {
	.login h1 a, .login #backtoblog a, .login #nav a {
		font-size: 16px !important;
	}
.login h1 a {
	height: 120px !important;		
	width: 300px !important;
	margin-top: 5vh !important;
	}
}