// Agave Login & Registration template


#agave-login {
	.menu-logo {
		.header_search {
			display: none;
		}
	}
	
	.max-hamburger {
		display: none !important;
	}
	
	.master-menu {
		display: none !important;
	}
	
	// overwrite
	#page_hero {
	    padding: 80px 15px;
	    background-color: $agave-green;
	    background-position: center;
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-image: url('../images/agave-slim-banner.png'); // default banner
	    max-height: 250px;
	    
	    @include breakpoint(medium down) {
	        padding: 55px 15px;
	    }
	    
	    h1 {
	        color: #fff;
	        font-size: 63px;
	        line-height: 1.1;
	        font-weight: 700;
	        text-transform: uppercase;
	        text-align: center;
	        margin-bottom: 0;
	        
	        @include breakpoint(small down) {
	            font-size: 45px;
	        }
	    }
	}
}
#login_registration {

    .max-logo { margin-top: 25px; }
	.top-menu { display:none; }
	.um-notice { display:none; }
	.stack-nav-btn { display: none; }

	.login_form { width: 100%;padding: 0;margin: 0 auto; }
	.registration_form {width: 100%;padding: 0;margin: 0 auto;}
	.hpe-register p { max-width: 600px;margin: 0 auto; }
	.um-5.um {max-width: inherit !important;}
	.um-field-radio-option { font-size: 12px; margin: 0 0 0 25px;}
	.um-field-area label {cursor:default;}
	label.error, .um-field-error {
	   background: transparent;
	   margin: 5px 0 0 0;
	   padding: 0;
	   font-size: 14px;
	   line-height: 1.2 !important;
	   margin-top: 5px;
	   font-weight: 300;
	   color: #e66161;
	}
	.um-field-error span { display: none; }

	label.um-field-radio label.error {
	    display: inline-table;
	    position: absolute;
	    margin-top: 25px!important;
	    width: 150px;
	    font-size: 15px!important;
	}

	/* Change Chrome's yellow auto fill color to white */
	input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; }

	.um-field-half {
		width: 30%;
		float: left;
	}

	.um-field-radio-state i {
		font-size: 20px;
		line-height: 20px;
		height: 20px;
	}

	.um-field-radio {
		margin: 0;
		padding: 7px 0 0 0;

		.um-field-label {
			margin:0;
		}

		label {
			font-size: 11px!important;
			margin: 0;
		    padding: 0;
		}

		.um-icon-android-radio-button-off {
			font-size: 20px;
			line-height: 20px;
			height: 20px;
		}
	}


	.was_referred {
		.um-field-label {
			line-height: 1;
			margin: 0;
		}
	}

	.um-field-referred_by {
		label {
			font-size: 11px !important;
			margin: 0;
			line-height: 1.2!important;
		}
	}


    /*Medium and up*/
	@media screen and (min-width: 40em) {
		.forms_wrapper { display: flex; }
	   	.login_form { border-right: 1px solid #dddddd; padding: 0 25px 0 15px; flex: 1 1 auto;}
		.registration_form {padding: 0 15px 0 25px; flex: 1 1 auto;}
	}

}