.um-login .um-field-checkbox > div{
	padding:15px 0px;
}

.um-login .um-field-checkbox-option{
	margin:0px;
}

.um-login .um-field-checkbox input {
	opacity: 1 !important;
	width: auto !important;
	float: none !important;
	-webkit-appearance: none;
}
.um-login .um-field-checkbox-state {
	display: none;
}
.um-login .um-field-checkbox-option {
	position: relative;
	bottom: 7px;
}

.login-container {
	background-image: url('/wp-content/uploads/2020/01/sheds.jpg');
	padding: 50px;
	background-repeat: no-repeat;
    background-size: cover;	
   background-position: center center !important;
}
body .site-main {
    padding-top: 50px;
} 
.login-container .um-358.um {
	padding: 25px;
	background-color: #ffffff;
	margin: 50px 0px 50px 50px !important;
	max-width: 45%;
	min-width: 320px;
}

.login-container .um-358.um .um-field-label label {
	font-size: 20px !important;
}

.login-container .um-358.um .um-form input[type=text], .login-container .um-358.um .um-form input[type=password] {
	font-size: 18px !important;
	padding: 10px 15px !important;
	height: auto !important;
}

.login-container .um-358.um .um-form .um-field-password {
	padding-top: 40px;
}

.um.um-login .um-field-checkbox > div {
	padding: 20px 0px;
	width: 40px;
	float: left;
	margin-right: 20px;
}

.um.um-login .um-field-checkbox-option, .um.um-login a.um-link-alt {
	font-size: 18px;
	padding: 15px 0px 20px 0px;
}

.um.um-login input[type=submit].um-button, .um.um-login a.um-button {
	font-weight: 700 !important;
	font-size: 20px;
	padding: 25px 20px !important;
}

.um-page-login #access {
	display: none;
}

.um-page-login .site-main {
	margin-bottom: 0px;
}

.login-header {
	position: absolute;
	top: 50px;
	right: 8%;
}

.login-header h2 {
	font-weight: 900;
	color: #de4c22;
}

.um-page-login .content-wrapper, .main-aside, .sub-aside {
    position: initial !important;
}

.um-page-login h2.easylogo {
	display: none;
}

body header {
    background: rgba(0,0,0,0);
}

.um-page-login .hlogo {
	padding-top: 25px;
	width: 350px;
}

.um-page-login .site-header {
	position: initial;
}

.um-page-login .site-main {
	padding-top: 50px;
}

body .site-header {
	position: initial;
}

@media only screen and (min-width: 1000px) {
	.um-page-login .site-content {
		width: 91.66667%;
		margin: auto;
	}
}
@media only screen and (max-width: 1300px) {
	.login-header {
		width: 600px;
		top:20px;
	}

}


@media only screen and (max-width: 1200px) {
	.login-header {
		width: 400px;
		top: 0px;
	}
	.login-container .um-358.um {
		max-width: 80%;
		margin-left: 10% !important;
		margin-right: 10% !important;
	}
	body.page-template-tpl-join-php .gform_wrapper{
		width:100% !important;
	}
}

@media only screen and (max-width: 960px) {
	.um-page-login .hlogo {
		width: 350px;
		margin-top: 50px;
		margin-left: 50px;
	}
	.login-header {
		width: 100%;
		position: static;
	}
}

@media only screen and (max-width: 720px) {
	.login-header {
		width: 100%;
		text-align: center;
    	top: 140px;
		right: 0px;
	}
	.login-header h2 {
		font-size: 21px;
		font-weight: 900;
		color: #de4c22;
	}
	.um-page-login #branding {
		text-align: center;
	}
	.um-page-login .hlogo {
		margin-left: 0px;
	}
	html body.page-template-tpl-join-php div#gforms_confirmation_message_3 {
		width: 100%;
	}
}

@media only screen and (max-width: 600px) {
	.um-page-login .site-content {
    	margin-top: 75px !important;
	}
	.um-page-login .entry-content {
		margin-top: 0px !important;
	}
}


@media only screen and (max-width: 520px) {
	.login-container .um-358.um {
		max-width: 100%;
		margin-left: 0% !important;
		margin-right: 0% !important;
	}
	.login-container {
		background-image: none;
		padding: 0px;
	}
}

@media only screen and (min-width: 1000px) {
	div.branding {
		width: 91.66667%;
	}
}



/************* JOIN.HARRIERSHEDS.co.nz ******/ 

body.page-template-tpl-join-php .gform_wrapper{
	width: 45%;
    background: #fff;
    padding: 0;
    box-sizing: border-box;
}


body.page-template-tpl-join-php .gf_progressbar_wrapper,
body.page-template-tpl-join-php .gfield_required,
body.page-template-tpl-join-php .gfield_label,
body.page-template-tpl-join-php label,
#gform_previous_button_3{
	display:none !important;
}



body.page-template-tpl-join-php div.ginput_container_name span{
	    margin-right: -15px;
}

body.page-template-tpl-join-php #field_3_8 .ginput_container_checkbox,
body.page-template-tpl-join-php #field_3_8 label,
body.page-template-tpl-join-php #field_3_8 li{
	display:inline-block !important;
	width: 100%;
}


body.page-template-tpl-join-php .gform_wrapper .ginput_container input {
    border: none;
    border-bottom: 3px solid #B7B7B7;
    margin: 20px 0px 20px 0px;
    line-height: 40px;
}

body.page-template-tpl-join-php .gform_wrapper .ginput_container input:focus {outline:0;}

body.page-template-tpl-join-php .gform_wrapper .gform_page_footer{
	border:none;
}
body.page-template-tpl-join-php .gform_page_footer input{
    display: block;
    background: #D6D6D6;
    width: 100%;
    border: none;
    letter-spacing: 2px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 28px;
    padding: 15px 0px;
    color: #555555;
}

body.page-template-tpl-join-php .large.gfield_select {
	padding:15px 0;
	border: 1px solid rgb(118, 118, 118);
	border-radius: 2px;
}
body.page-template-tpl-join-php .gform_page_footer input#gform_submit_button_3 {
	background-color: #f05224 !important;
	color: #fff !important;
	font-size: 15px;
	border: none !important;
	width: auto;
	display: inline-block;
	padding: 14px 20px !important;
	min-width: 200px;
	max-width: 450px;
	line-height: 1em !important;
	text-align: center;
	text-transform: none !important;
	font-weight: normal !important;
	overflow: hidden;
	position: relative;
	transition: 0.25s;
	box-sizing: border-box;
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	-webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
	opacity: 1;
}

body.page-template-tpl-join-php .gform_page_footer input#gform_submit_button_3 .acf-button:hover,
body.page-template-tpl-join-php .gform_page_footer input#gform_submit_button_3 .acf-button:focus {
	background-color: #de4c22;
}

body.page-template-tpl-join-php .gform_wrapper .ginput_container input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #BCBCBC;
  opacity: 1; /* Firefox */
}

body.page-template-tpl-join-php .gform_wrapper .ginput_container input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #BCBCBC;
}

body.page-template-tpl-join-php .gform_wrapper .ginput_container input::-ms-input-placeholder { /* Microsoft Edge */
  color: #BCBCBC;
}


body.page-template-tpl-join-php .gform_wrapper label#label_3_8_1{
	font-size:13px;
	color:#555555;
}

body.page-template-tpl-join-php .gform_wrapper label#label_3_8_1 span{
	font-size:19px;
	font-weight:700;
	text-decoration:underline;
	color:#555555 !important;
	cursor:pointer;
}

body.page-template-tpl-join-php .gform_wrapper input#choice_3_8_1{
-ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    padding: 10px;
    margin: 15px;
    border: none;
}


body.page-template-tpl-join-php #gforms_confirmation_message_3{
	background: #fff;
    min-height: 350px;
    display: inline-block;
    padding: 65px;
    font-size: 26px;
    width: 50%;
}


body.page-template-tpl-join-php .gform_body{
	padding:0px 55px 35px 55px;
}

body.page-template-tpl-join-php .gform_wrapper h3.gform_title{
    margin: 0px;
    text-align: center;
    padding: 20px;
    font-size: 36px;
    letter-spacing: 2px !important;
    font-style: normal;
    text-transform: uppercase;
    font-weight: 900 !important;
    color: #f05224;
   -webkit-box-shadow: 0px 10px 5px -4px rgba(85,85,85,0.55);
    -moz-box-shadow: 0px 10px 5px -4px rgba(85,85,85,0.55);
    box-shadow: 0px 10px 5px -4px rgba(85,85,85,0.55);
}
body.page-template-tpl-join-php .gform_wrapper .gform_heading{
	width:100%;
}

body.page-template-tpl-join-php .gfield_html {
	margin: 0px;
    font-size: 25px;
    color: #555555;
    font-weight: 700;
    padding-bottom: 0px;
    padding-top: 15px;
}

body.page-template-tpl-join-php  .gform_wrapper .gfield_checkbox li label{
	margin: 0px;
}


@media only screen and (max-width: 1200px) {
	body.page-template-tpl-join-php .warning.cad{
		margin-top: 95px !important;
	}
}

@media only screen and (max-width: 960px){
	body.page-template-tpl-join-php .hlogo{
	    margin-top: 0px !important;
	}
}

body.page-template-tpl-join-php .warning.cad a.buttonme {
	margin-top: 0px !important;
}

@media only screen and (max-width: 720px){
	body.page-template-tpl-join-php .login-header{
    	top: 120px;
	}
	body.page-template-tpl-join-php .login-header br{
    	display:none !important;
	}
	body.page-template-tpl-join-php .warning.cad {
	    margin-top: 130px !important;
	}	
		
}
@media only screen and (max-width: 600px){
	body.page-template-tpl-join-php .warning.cad {
	    margin-top: 180px !important;
	}		
}

.jconfirm-title h2 {
	margin: 0;
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
	padding-bottom: 0;
}