/* CSS Document */

body.personalize_template {
    background-color: transparent;
}

span.personalize_branding {
    width: 200px;
    display: block;
}

.personalize_template .personalize-container-4 {
    padding: var(--global--spacing-vertical);
    background: rgb(106 109 100 / 71%);
	font-size: .51em
}

.personalize_template .clean_inner {
    min-height: calc(100vh - 0px);
}

.personalize_template .clean_inner .personalize-container-2.wp-block-columns {
    padding-bottom: calc( 2 * var(--global--spacing-vertical) );
    margin-bottom: 0;
}

.personalize_template .clean_inner {
    min-height: calc(100vh - 0px);
}

.personalize_template .clean_inner header#masthead {
    padding: var(--global--spacing-vertical) 0;
}

header .site-logo span.personalize_branding a img {
    width: 300px !important;
    margin: 0 16px 0 0;
}

.login-form-container {
    position: relative;
    z-index: 1;
}

.bg-img img, .bg-img source {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, enabled='true');
}

.bg-img img, .bg-img source {
    position: absolute;
    visibility: visible;
    z-index: -1;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
}

@supports (object-fit: cover){
	.bg-img img, .bg-img source{
		 min-height: 100%; 
		 min-width: 100%; 
		 object-fit: cover; 
		 max-width: 100%; 
		 max-height: 100%; 
	}
}

.bg-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.personalize-container {
	display: flex;
	gap: 2em;
	flex-wrap: nowrap;
	align-items: center;
}

.personalize-container > * {
	margin: 0; 
}

.login-username label, .login-password label, .register-email label, .register-first-name label, .register-last-name label, .lostpassword-user_login label, .password-reset-pass1 label, .password-reset-pass2 label {
    width: 46%;
    display: inline-block;
    margin-right: 4%;
}

.personalize_template p.login-username, .personalize_template p.login-password, .personalize_template p.login-remember, .personalize_template p.login-submit, .personalize_template p.register-email, .personalize_template p.register-first-name, .personalize_template p.register-last-name, .personalize_template p.signup-submit, .personalize_template .lostpassword-user_login label, .personalize_template .lostpassword-submit, .personalize_template p.password-reset-submit {
    margin: 1em 0;
}

.personalize_template input#user_login, .personalize_template input#user_pass, .personalize_template input#email, .personalize_template input#first-name, .personalize_template input#last-name, .personalize_template input#last-name, .personalize_template input#pass1, .personalize_template input#pass2 {
    width: 48%;
}

@media only screen and (max-width: 1018px) {
	.personalize_template .login-username label, .personalize_template .login-password label, .personalize_template .register-email label, .personalize_template .register-first-name label, .personalize_template .register-last-name, .personalize_template .lostpassword-user_login label {
		width: 100%;
		margin-right: 0%;
	}
	.personalize_template input#user_login, .personalize_template input#user_pass, .personalize_template input#email, .personalize_template input#first-name, .personalize_template input#last-name, .personalize_template input#last-name, .personalize_template input#pass1, .personalize_template input#pass2 {
		width: 100%;
	}
}

.personalize_template button, .personalize_template input, .personalize_template optgroup, .personalize_template select, .personalize_template textarea {
    font-size: 14px;
}

.personalize_template div#ess-main-wrapper {
    display: none;
}

