/******************************************** GRAVITY FORMS  ***************************************/
.gform_wrapper.gravity-theme {
	padding: 38px 30px;
/*     background-color: #fbbb1c; */
	background-image: url('https://marr-industrial-coatings-2022.mysites.io/wp-content/uploads/2022/06/Speckle-2.jpg');
}

.gform_fields input, .gform_fields select {
	border-color: #fbbb1c;
    padding: 15px 10px!important;
}

.gform_fields input:focus, .gform_fields select:focus {
	border-color: #fbbb1c;
}

.gform_fields textarea {
	border-color: #fbbb1c;
}

.gform_fields textarea:focus {
	border-color: #fbbb1c;
}

#field_submit input[type='submit']{
	color: #005063!important;
    border-radius: 100px;
    font-family: 'Open Sans Condensed',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 600!important;
    background-color: #FFFFFF!important;
    font-size: 21px;
    padding: 0.8em 1.2em!important;
    cursor: pointer;
	border: none;
}

#field_submit{
 	justify-content:flex-end;
}

#field_submit input[type='submit']:hover {
    background-color: #005063!important;
	color: #FFFFFF!important;
}

#field_2_10 h2{
	font-weight: 700;
    font-size: 42px;
    color: #FFFFFF!important;
}

body .ginput_recaptcha .grecaptcha-badge {
    visibility: visible;
}

#post-555 #gform_wrapper_2 #field_2_10 h2 {
	display: none;
}

#post-555 #gform_wrapper_2 #field_2_10:before {
	content: "Get Your Project Estimate";
	font-weight: 700;
    font-size: 42px;
    color: #FFFFFF!important;
}

@media screen and (max-width: 640px) {
	.gform_wrapper.gravity-theme .ginput_complex span#input_2_1_3_container {

		margin-bottom: 0px;

	}
	.gform_wrapper.gravity-theme .ginput_complex span#input_1_1_3_container {

		margin-bottom: 1em;

	}
}
/********* Mobile Menu Collapse ********/

/**** This hides the sub menu items on mobile ****/
  
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}
  
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
  
#mobile_menu .menu-item-has-children {
position: relative;
}
#mobile_menu .menu-item-has-children > a {
background: transparent;
}
  
/**** This styles the icon and moves it to the right ****/
  
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
  
/**** Here you can swap out the actual icons ****/
  
span.menu-closed:before {
content: "\4c";
display: block;
color: #000;
font-size: 16px;
font-family: ETmodules;
}
  
span.menu-closed.menu-open:before {
content: "\4d";
}

/* Hide Icon */

@media screen and (max-width: 480px){
	#et-info-phone:before {
    	content: "";
	}
}