/* ############################################################################################################################################################## */
/* ##                                                              Gravity Forms                                                                               ## */   
/* ############################################################################################################################################################## */



/* # Table of Contents
- Style Gravity Forms - Global Settings All Forms
	- Global Setting: Remove First and last labels in Name field
	- Increase padding on drop down selection boxes
	- Datepicker
	- Save and Continue - increase height of email input field
	- Global Setting: Apply padding to Input, dropdown select and text area fields
	- Fix Wordpress 4.4.2 and firstname & Lastname formatting issues
- Style Gravity Forms - Signup Form
	- Signup Field Spacing
	- Signup Confirmation page having registered for an account
	- Signup Button
	- Signup Button: Hover
	- Signup Background
	- Signup Title
	- Signup Breadcrumb
	- Signup Form
	- Signup Form Fields
- Style Gravity Forms - Global Settings - Book
	- Drop down selection border - left align
	- T&C scroll message - Scroll down to the bottom of the Terms of Service to enable checkbox
	- Hide save and continue link
	- Hide sitewide login
	- See funtion: Add body class to a page with a slug of ‘show-login'
	- Booking: Green check availability Warning
- Style Gravity Forms - Bespoke Setting - Book
	- Booking form: When would you like to book
	- Blue circle numbers on Booking Intro page
	- Booking Form: Login or Register Box
	- Login / Register / Password Reset Link / Welcome Box
	- Book Form: Control space between 'Welcome to Your Driver With Van account' & 'At any point you can' lines
	- lost password link on login page
	- Login box - enter email address
	- Login box - enter password
	- Login box - display error message for incorrect email or password
	- Login box - display error message - change p/w email link colour
	- Login box - title
	- Login Submit Button
	- Login Submit Button: hover
	- Register box section
	- Register box section - Title
	- Register box section button
	- Register box section button: hover
	- Login & Register page welcome box
	- Password Reset Box
	- Password Reset box height
	- Password Reset Title
	- Password Reset Enter Email Text Description
	- Password Reset Button
	- Password Reset Button: hover
	- Password Reset Warning Box - Email Error or Success
	- Password Reset Box - enter password
- Booking Form: Paypal Logo
- Style Gravity Forms - Steps
- Style Gravity Forms: Multi-Page Form Navigation from Gravity Wiz - Removal Quote Form Only
	- Removal Quote: Remove last button tab
	- Removal Quote: colour step when hovered
	- Removal Quote: Remove step colour link
	- Removal Quote: Remove step number color
	- Removal Quote: resize tabs
- Mobile configuration
*/






/* > Style Gravity Forms - Global Settings All Forms
---------------------------------------------------------------------------------------------------- */

/* Global Setting: Remove First and last labels in Name field */
body .gform_wrapper .gform_body .gform_fields .gfield .ginput_complex label {display: none;}


/* Increase padding on drop down selection boxes */
.gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield select {padding: 14px;}


/* Datepicker */
body .gform_wrapper .gform_body .gform_fields .gfield .datepicker {width: 10em !important}

/* Save and Continue - increase height of email input field */
div.form_saved_message div.form_saved_message_emailform form input[type="text"] {height: 3.25em !important;}

/* Global Setting: Apply padding to Input, dropdown select and text area fields */
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text], .gfield input[type=password], .gfield select, .gfield textarea {padding: 16px !important;}


/* Fix Wordpress 4.4.2 and firstname & Lastname formatting issues */
body .gform_wrapper div.ginput_container_name span {
	padding-right: 10px !important;
	margin-right: 0px !important;
}
.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span, 
.gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, 
.gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span {
	width: 49.5% !important;
}








/* > Style Gravity Forms - Signup Form
---------------------------------------------------------------------------------------------------- */

/* Signup Field Spacing */
body #gform_wrapper_2 label.gfield_label + div.ginput_container {padding-bottom: 15px;}

/* Signup Confirmation page having registered for an account*/
body #gform_confirmation_wrapper_2 {
	color: #FFF;
	font-size: 18px;
}

/* Signup Button */
div#gform_wrapper_2 .button {
	background-clip: padding-box;
	box-shadow: 0px -3px 0px rgba(0, 0, 0, 0.2) inset;
	color: #FFF;
	cursor: pointer;
	font-family: "museo-sans",sans-serif;
	/*font-weight: 500;*/
	text-decoration: none;
	background-color: #9BC23C;
	border: 2px solid #FFF !important;
	border-radius: 4px;
	display: inline-block;
	font-size: 25px;
	line-height: 1;
	padding: 12px 30px;
}

/* Signup Button: Hover */
div#gform_wrapper_2 input[type="submit"]:hover {
	box-shadow: inset 0 3px 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 3px 0 rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 3px 0 rgba(0,0,0,.1);
	background: #87ae28;
	color: #fff;
}

/* Signup Background */
.content .post-211 {
    background-color: #0274BE;
    /*background-image: url("https://houseremovals2go.com/wp-content/uploads/2015/10/bg-blue-texture.jpg");*/
    background-image: url("/wp-content/uploads/2015/10/bg-blue-texture.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    background-size: 1440px 286px;
	border: 1px solid #DDD;
	box-sizing: border-box;
	padding-left: 5%;
	padding-right: 0%;
	margin-top: 30px;
}

/* Signup Title */
.post-211 h1 {
	color: #84CFFF;
	/*font-weight: 400;*/
}

/* Signup Breadcrumb */
.post-211 .breadcrumb {
	display: none;
}

/* Signup Form Fields */
body #gform_wrapper_2 .ginput_complex .ginput_left {
    width: 47.50% !important;
}

body #gform_wrapper_2 .ginput_complex .ginput_right {
    width: 46.6% !important;
}

body #gform_wrapper_2 .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span {
	width: 47% !important;
}

body #gform_wrapper_2 .ginput_complex .ginput_left {
    margin: 0 3px 0 0;
}

body #gform_wrapper_2 .top_label input.medium {
    width: 46.9% !important;
}










/* > Style Gravity Forms - Global Settings - Book
----------------------------------------------------------------------------------------------------------- */
body .gform_wrapper .gform_body .gform_fields #ginput_quantity_4_50 {width: 5em;} /* dismantle qty box size */

/* Drop down selection border - left align */
.gform_wrapper.gf_browser_gecko ul.gform_fields li.gfield select {margin-left: 0.02em !important;}

/* T&C scroll message - Scroll down to the bottom of the Terms of Service to enable checkbox. */
body .gform_wrapper .gform_body .gform_fields #field_4_45.gfield .gfield_description {color:#0274BE;}

/* Hide save and continue link */
div#gform_page_4_1 .gform_page_footer a.gform_save_link {display: none;}
div#gform_page_4_2 .gform_page_footer a.gform_save_link {display: none;}
div#gform_page_4_10 .gform_page_footer a.gform_save_link {display: none;}

/* Hide sitewide login */
#menu-item-97 {display: none;}

/* See funtion: Add body class to a page with a slug of ‘show-login' */
.show-login #menu-item-97 {
	display: inline-block !important;
}

/* Booking: Green check availability Warning */
body #gform_wrapper_4 .gform_fields #field_4_110.gfield p {
	border: 1px solid #DDD;
	padding: 1rem 1rem;
	box-sizing: border-box;
	background: #E7F7D3 none repeat scroll 0% 0%;
	border: 1px solid #6C3;
	} 


/* >> Style Gravity Forms - Bespoke Setting - Book
----------------------------------------------------------------------------------------------------- */
/* Booking form: When would you like to book */
body #gform_wrapper_4 .gform_body .gform_fields #field_4_101.gfield select {width: 97.50%;}

/* Blue circle numbers on Booking Intro page */
.blue-circle {
	background: #5178D0 none repeat scroll 0% 0%;
	border-radius: 1.0em;
	color: #FFF;
	display: inline-block;
	font-weight: bold;
	line-height: 2.0em;
	margin-right: 10px;
	text-align: center;
	width: 2.0em;
	margin-top: 5px;
}

/* >> Booking Form: Login or Register Box 
--------------------------------------------- */
.grey-box {
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 40px;
	margin-bottom: 4.0rem;
	margin-top: 2rem;
    background-color: #F9F9F9;
    border: 1px solid #FFF;
    padding: 5rem 1rem;
    text-align: center;
    width: 100%;
    font-size: 30px;
    border: 1px solid #DDD;
}

/* >> Login / Register / Password Reset Link / Welcome Box
--------------------------------------------- */
/* login display */
.white-box {
    background: #FFF none repeat scroll 0% 0%;
    border: 1px solid #DDD;
    box-sizing: border-box;
    margin-bottom: 4rem;
    margin-top: 3rem;
}

/* Book Form: Control space between 'Welcome to Your Driver With Van account' & 'At any point you can' lines */
.white-box .entry-content p {margin-bottom: 5px;}

/* Login Box section */
.left {
    background-color: #0274BE;
    background-image: url("/wp-content/uploads/2015/10/bg-blue-texture.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    background-size: 1440px 286px;
    border: 1px solid #FFF;
    color: #FFF;
    float: left;
    height: 540px;
    margin-right: -1px;
    padding: 3rem 2rem;
    text-align: center;
    width: 50%;
}

/* lost password link on login page */
.lostp {color: #FFF !important;}
.lostp a {color: #FFF !important;}

/* Login box - enter email address */
.left .login-name {
    width: 100%;
    float: right;
    padding: 0.7rem;
    font-size: 1.2rem;
    box-shadow: none;
    margin-bottom: 1rem;
}

/* Login box - enter password */
.left .login-passkey {
	width: 100%;
	float: right;
	padding: 0.7rem;
	font-size: 1.2rem;
	box-shadow: none;
	margin-bottom: 1rem;
}

/* Login box - display error message for incorrect email or password */
.profilepress-login-status {
	background: #C21C1C none repeat scroll 0% 0%;
	border: 2px solid #FFFCFC;
	padding: 5px;
	word-wrap: break-word;
}

/* Login box - display error message - change p/w email link colour */
.profilepress-login-status a {
	color: #FF0 !important;
}

/* Login box - title */
.left h2 {
	font-size:30px;
	color: #84CFFF;
	margin-bottom: 1.2rem;
}

/* Login Submit Button */
.left input[type="submit"] {
	background-clip: padding-box;
	box-shadow: 0px -3px 0px rgba(0, 0, 0, 0.2) inset;
	color: #FFF;
	cursor: pointer;
	font-family: "museo-sans",sans-serif;
	/*font-weight: 500;*/
	text-decoration: none;
	background-color: #9BC23C;
	border: 2px solid #FFF !important;
	border-radius: 4px;
	display: inline-block;
	font-size: 25px;
	line-height: 1;
	padding: 12px 90px;
}

/* Login Submit Button: hover */
.left input[type="submit"]:hover {
	box-shadow: inset 0 3px 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 3px 0 rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 3px 0 rgba(0,0,0,.1);
	background: #87ae28;
	color: #fff;
}

/* Register box section */
.right {
    float: right;
    padding-top: 10rem;
    text-align: center;
    width: 50%;
    padding: 8rem 2rem;
    border: 1px solid #DDD;
    height: 540px;
	box-sizing: border-box;
	background-color: #f9f9f9;
}

/* Register box section - Title */
.right h2 {
	font-size: 40px;
	color: #333;
}

/* Register box section button */
.right .cta-button {
	background-color: #0274BE;
	box-shadow: 0px -3px 0px rgba(0, 0, 0, 0.2) inset;
	font-size: 41px;
}

/* Register box section button: hover */
.right a.cta-button:hover {
	background-color: #0274BE;
	box-shadow: inset 0 3px 0 rgba(0,0,0,.2);
	background: #005f9d;
}

/* Login & Register page welcome box */
.welcome-message {
	background-color: #f9f9f9;
	padding: 2rem 4rem;
}

/* Password Reset Box */
.full-screen-box {
    background-color: #0274BE;
    /*background-image: url("https://houseremovals2go.com/wp-content/uploads/2015/10/bg-blue-texture.jpg");*/
    background-image: url("/wp-content/uploads/2015/10/bg-blue-texture.jpg");
    background-position: center top;
    background-repeat: repeat-x;
    background-size: 1440px 286px;
    border: 1px solid #FFF;
    color: #FFF;
    float: left;
    height: 540px;
    margin-right: -1px;
    padding: 2rem 7rem;
    text-align: center;
    width: 100%;
}

/* Password Reset box height */
.post-207 .full-screen-box {
	height: 540px;
}

/* Password Reset Title */
.full-screen-box h1 {
	font-size:30px;
	color: #84CFFF;
	padding-bottom: 22px;
}

/* Password Reset Enter Email Text Description */
.full-screen-box p {
	font-size:25px;
	color: #FFF;
	font-weight: 300;
	padding-top: 2rem;
}

/* Password Reset Button */
.full-screen-box input[type="submit"] {
	background-clip: padding-box;
	box-shadow: 0px -3px 0px rgba(0, 0, 0, 0.2) inset;
	color: #FFF;
	cursor: pointer;
	font-family: "museo-sans",sans-serif;
	/*font-weight: 500;*/
	text-decoration: none;
	background-color: #9BC23C;
	border: 2px solid #FFF !important;
	border-radius: 4px;
	display: inline-block;
	font-size: 25px;
	line-height: 1;
	padding: 12px 24px;
}

/* Password Reset Button: hover */
.full-screen-box input[type="submit"]:hover {
	box-shadow: inset 0 3px 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 3px 0 rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 3px 0 rgba(0,0,0,.1);
	background: #87ae28;
	color: #fff;
}

/* Password Reset Warning Box - Email Error or Success */
.profilepress-reset-status {
	background: #C21C1C none repeat scroll 0% 0%;
	border: 2px solid #FFFCFC;
	padding: 5px;
}

/* Password Reset Box - enter password */
.password-reset {
	width: 100%;
	float: right;
	padding: 0.7rem;
	font-size: 1.2rem;
	box-shadow: none;
	margin-bottom: 3rem;
}




/* >> Booking Form: Paypal Logo
--------------------------------------------- */
.paypal {
    background-image: url("/wp-content/themes/removals/images/paypal.png");
    background-repeat: no-repeat;
    height: 100px;
    width: 250px;
    display: inherit;
}





/* > Style Gravity Forms - Steps
---------------------------------------------------------------------------------------------------- */
body .gform_wrapper .gf_page_steps .gf_step {
	background-color: #0274BE;
	color: #0274BE;
	padding: 8px 30px;
	height: 46px;
	margin: 2px;
	opacity: 0.5;
}

body .gform_wrapper .gf_page_steps .gf_step_label {
	color: #fff;
	line-height: 1.60;
}

body .gform_wrapper .gf_page_steps .gf_step_active {
	background-color: #E78125;
	color: #E78125;
	opacity: 1;
}

.gform_wrapper .gf_step span.gf_step_number {
    border-radius: 50%;
    background-color: #FFF;
    width: 30px;
    height: 30px;
    padding: 3px 9px;
    margin-top: 0px;
	margin-left: -20px;
}




/* > Style Gravity Forms: Multi-Page Form Navigation from Gravity Wiz - Removal Quote Form Only
--------------------------------------------------------------------------------------------------------- */
/* Removal Quote: Remove last button tab */
body #gform_wrapper_1 .gform_page_footer .gform_last_page_button {
	display: none;
}

/* Removal Quote: colour step when hovered */
body #gform_wrapper_1 .gpmpn-step-linked:hover {
    background-color: #0274BE !important;
    opacity: 1 !important;
}

/* Removal Quote: Remove step colour link */
body #gform_wrapper_1 .gpmpn-step-linked a {
    border-bottom: 0px dotted #0274BE !important;
}

/* Removal Quote: Remove step number color */
body #gform_wrapper_1 .gpmpn-page-link:hover {
    color: #0274BE !important;
}

/* Removal Quote: resize tabs */
body #gform_wrapper_1 .gf_step {
	font-size: inherit;
}












/* > Mobile configuration
--------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 960px) {
	.left h3 {
    	margin-bottom: 1rem;
	}
	.profilepress-login-status {
    	font-size: 14px;
	}
}


@media only screen and (max-width: 800px) {
	.entry {
		padding: 3% 3%;
	}
	.welcome-message {
    	padding: 1rem 2rem;
	}
}


@media only screen and (max-width: 768px) {
	.left {
		width: 100%;
	}
	.right {
		width: 100%;
		padding: 4rem 2rem;
		height: 280px;
	}

	/* apply to all fields on the booking form */
	body #gform_wrapper_4 .gform_body .gform_fields .gfield {width: 100%;}
	body #gform_wrapper_4 .top_label input.medium {width: 97.50% !important;}
	body #gform_wrapper_4 .top_label select.medium {width: 97.50% !important;}

	/* apply to all field on the join form */
	body #gform_wrapper_3 .gform_body .gform_fields .gfield {width: 100%;}

	/* apply to email field on the Signup form */
	body #gform_wrapper_2 .top_label input.medium {width: 97.50% !important;}
	
	/* apply to password field on the Signup form */
	.gform_wrapper .ginput_complex .ginput_left {width: 100% !important;}
	.gform_wrapper .ginput_complex .ginput_right {
    	margin-left: 0% !important;
    	width: 100% !important;
    	padding-bottom: 16px;
	}

	.full-screen-box {
		padding: 2rem 2rem;
	}
}



@media only screen and (max-width: 640px) {
	
	/* apply to first and last name fields on all forms */
	.gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span {
		width: 100% !important;
		padding-bottom: 16px;
	}

	/* apply to all field on the removal quote form */
	body #gform_wrapper_1 .gform_body .gform_fields .gfield {width: 100%;} 
	body #gform_wrapper_1 .top_label input.medium {width: 97.50% !important;}
	body #gform_wrapper_1 .top_label select.medium {width: 97.50% !important;}

}


@media only screen and (max-width: 480px) {
	.full-screen-box {
		padding: 1rem 1rem;
	}

	.full-screen-box input[type="submit"] {
		font-size: 18px;
	}

}


@media only screen and (max-width: 360px) {
		.left input[type="submit"] {
		padding: 12px 58px;
	}
}

.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    /* padding: 0px; */
    padding: 16px !important;
}