#sign-in, #forgotten, #change-password {
	float: left;
    width: 100%;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	padding: 16px;
	background-color:white;
}

#register-user-flow,
#register-member-flow,
#register-company-flow {
	float: left;
    width: 100%;
	padding: 16px 16px 24px 16px;
}

#register-company-flow {
	background-color:white;
	box-shadow: 0 4px 2px rgba(0,0,0,0.1), 0 -4px 2px rgba(0,0,0,0.1);
	margin-bottom:24px;
}

.completion-page h3 {
	margin-bottom:16px;
}

#help-logon {
	float: left;
    width: 100%;
}

#help-logon-wrapper {
	float: left;
	width: 100%;
	padding:24px;
	background-color:white;
	box-shadow: 0 4px 2px rgba(0,0,0,0.1), 0 -4px 2px rgba(0,0,0,0.1);
	margin-bottom: 16px;
}

#help-logon__options {
	text-align:center;
}
#help-logon__options p {
	margin:8px;
}

#help-signin{
	float:left;
	width:100%;
	text-align: center;
}

#help-signin a {
	margin:12px 6px 0 6px ;
}


#new-to-wiredsussex {
	float: left;
    width: 100%;
    padding: 16px;
}

#free-account,
#become-a-member {
	margin-bottom:24px;
}

#forgotten-password, #return-logon,
#forgotten-password:visited, #return-logon:visited {
	text-decoration: none;
	top:0;
	/*color:var(--brand-blue);*/
}

#register-user-flow input[type=submit],
#register-member-flow input[type=submit],
#register-company-flow input[type=submit]{
	background-color:var(--main-green);
	float:right;
}

#register-user-flow input[type=submit]:hover,
#register-member-flow input[type=submit]:hover {
	background-color:var(--main-green-hover);
}

#account-username {
	margin-bottom: 16px;
	float:left;
	width:100%;
}
#password-rules {
	margin-top: 24px;
	float:left;
	width:100%;
}

#sign-in #help-logon,
#forgotten #help-logon {
	margin-top:24px;
}

.results-list--memberships {
	margin:0 0 24px 0;
	float:left;
	width:100%;
}
.results-list--memberships p {
	font-size:16px;
	font-weight:bold;
	margin:0 0 8px 0;
}

.results-list--memberships .price {
	font-size:30px;
	font-weight:bold;
	color:var(--brand-blue-dark-tint);
	flex-shrink: 0;
}


.results-list--memberships li .block {
	display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.results-list--memberships li label {
	margin:0;
	color:var(--dark-grey);
	width:100%;
}

.results-list--memberships li h3 {
	flex:1 0 0;
	margin:0 0 8px;
}

.results-list--memberships .vat {
	font-size:19px;
	flex-shrink: 0;
	margin:0 0 0 8px;
	font-weight:bold;
	color:var(--brand-blue-dark-tint);
}

.results-list--memberships .membership-content p {
	margin:8px 0 16px 0;
	font-weight: normal;
}

@media(min-width:768px) {
	.results-list--memberships li label {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		flex:1 0 0;
	}

	.results-list--memberships li h3 {
		margin:0;
	}
	
	.results-list--memberships {
		margin:0 0 40px 0;
	}

	#help-logon__options {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		-ms-flex-align: center;
		align-items: center;
	}

	
	.membership-content-wrapper {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;     
		-ms-flex-align: center; 
		align-items: center;
	}

	.membership-content__price {
		-ms-flex-pack: justify;
		justify-content: center;
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;      
	}
}


@media(min-width:768px) {
	.hero-content h1, .hero-content p {
		background-color:var(--main-orange);
	}
	
	#sign-in, #forgotten, #change-password {
		padding:24px;
	}

	#sign-in form,
	#forgotten form,
	#change-password form  {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}

	#register-user-flow,
	#register-member-flow,
	#register-company-flow {
		padding:40px 24px;
	}


	#sign-in .container, 
	#forgotten .container, 
	#register-user-flow .container,
	#register-member-flow .container,
	#change-password .container {
		max-width:900px;
	}

	#sign-in form .form-field-wrapper, 
	#forgotten form .form-field-wrapper, 
	#change-password form .form-field-wrapper {
		margin-right:16px;
	}

	#sign-in form .form-submit-wrapper, 
	#forgotten form .form-submit-wrapper  {
		width:238px;
		margin-top:30px;
		flex-shrink: 0;
	}

	#change-password .form-submit-wrapper {
		width:150px;
		margin-top:30px;
		flex-shrink: 0;
	}

	#sign-in form .form-submit-wrapper input[type=submit], #forgotten form .form-submit-wrapper input[type=submit]  {
		margin-top:4px;
	}

	#new-to-wiredsussex {
		padding:24px;
	}

	#free-account,
	#become-a-member {
		width:48.5%;
	}

	#free-account {
		margin-right:3%;
	}

	#register-user-flow .form-field-wrapper--checkbox,
	#register-member-flow .form-field-wrapper--checkbox {
		margin-top:38px;
	}

	#change-password .reset-password-form .form-field-wrapper:nth-child(3) {
		min-width: 175px;
	}

	#newsletter-options-wrapper .block-content {
		padding:24px;
	}

	#help-logon-wrapper {
		padding:24px;
		margin:0;
	}

	#help-logon p:last-child {
		margin-bottom:0;
	}

	#help-logon-wrapper > .container {
		display: -ms-flexbox;           /* TWEENER - IE 10 */
		display: -webkit-flex;          /* NEW - Chrome */
		display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
		max-width: 900px;
	}

	#help-signin {
		margin-left:4%;
	}

	.results-list--memberships .membership-content {
		margin-right:24px;
		flex:1 0 0;
	}

	.results-list--memberships .membership-content p {
		margin-bottom:0;
	}
}

.register-company-flow__left {
	float:left;
	width:100%;
	margin:16px 0;
}

.register-company-flow__right {
	float:left;
	width:100%;
	margin-bottom:24px;
}


@media (min-width:1024px) {
	#sign-in, 
	#forgotten,
	#change-password {
		padding:32px;
	}

	#sign-in form .form-field-wrapper, 
	#forgotten form .form-field-wrapper, 
	#change-password form .form-field-wrapper {
		margin-right:24px;
	}

	#new-to-wiredsussex {
		padding:32px;
	}


	#sign-in form .form-submit-wrapper,
	#forgotten form .form-submit-wrapper {
		width:270px;
	}

	/* .block-content {
		padding:32px;
	} */

	#register-user-flow .form-field-wrapper--checkbox,
	#register-member-flow .form-field-wrapper--checkbox  {
		margin-top:6px;
	}

	#account-username {
		margin-bottom: 24px;
	}

	#newsletter-options-wrapper .block-content {
		padding:32px;
	}

	#help-logon-wrapper {
		padding:32px;
	}

	#sign-in .form-submit-wrapper label {
		line-height:56px;
		
	}
	#sign-in .form-submit-wrapper label:before {
		top:14px;
	}

	
	#sign-in #help-logon,
	#forgotten #help-logon {
		margin:32px 0 24px 0;
	}
}

@media (min-width:1280px) {
	#register-user-flow,
	#register-member-flow,
	#register-company-flow {
	padding:52px 24px;
	}

	#account-username {
		margin-bottom: 32px;
	}

	#newsletter-options-wrapper .block-content {
		padding:40px;
	}

	#help-logon-wrapper {
		padding:40px;
	}

	#sign-in .form-submit-wrapper label {
		line-height:62px;
		
	}
	#sign-in .form-submit-wrapper label:before {
		top:18px;
	}


}

#newsletter-options-wrapper {
	margin:24px 0;
}
#paypal-button-container {
	text-align:center;
}
#checkout-table {
	margin-bottom:50px;
}
#checkout-table .total td {
	font-weight:bold;
	border-top:solid 1px #ccc;
}

#register-featured-content {
	float:left;
	width:100%;
	padding:16px;
}



#featured-events {
	float:left;
	width:100%;
	margin-bottom:16px;
}

#featured-projects {
	float:left;
	width:100%;
	margin-bottom:16px;
}

#featured-projects h2,
#featured-events h2 {
	text-align: center;
}

@media(min-width:768px) {
	
	#register-company-wrapper #featured-events {
		width:48%;
		margin-right:4%;
	}

	#register-company-wrapper #featured-projects {
		width:48%;
	}

	#register-featured-content {
		padding:24px;
	}

}

@media (min-width:1024px) {
	#register-featured-content {
		padding:32px;
	}
}

.paypal-processing #register-company-flow h2 {
	background-color:var(--main-green-hover);
	color:#fff;
}
.paypal-processing #register-company-flow h2:after {
	content:": Processing...";
}