/**
 * Gravity Forms front-end styles.
 *
 * Scope:
 * - General Gravity Forms field appearance.
 * - Hidden labels used for visual layout.
 * - Placeholder colors.
 * - Submit button styling.
 * - Form spacing and specific choice layouts.
 *
 * Notes:
 * - CSS declarations are preserved from the original all-in-one file.
 * - Several rules use !important because they override plugin or theme defaults.
 */

/************** GRAVITY FORMS BEGINS ****************/

/* Standardize Gravity Forms input, textarea, and select field sizing. */
/* Make the textfields transparents */
.ginput_container input, .ginput_container textarea, .ginput_container select {
	padding: 5px 4px !important;
	height: 42px;
}

/* Reserved placeholder selector for future placeholder padding adjustments. */
/* Add padding to placeholder */
.ginput_container input::placeholder, .ginput_container textarea::placeholder, .ginput_container select::placeholder {
}

/* Hide standard Gravity Forms field labels. */
/* Remove the field labels */
.gfield_label {
  display: none !important;
}

/* Hide additional labels for first name and last name fields. */
/* Remove the firstname and last name additional field labels */
.name_first label, .name_last label {
  display: none !important;
}

/* Hide labels for Gravity Forms time fields. */
/* Remove the Time field labels */
.gfield_time_hour label, .ginput_container_time label{
  display: none !important;
}

/* Remove extra spacing under first name and last name inputs. */
/* Remove some unnecessary margin from firstname and lastname */
.name_last input, .name_first input {
  margin-bottom: 0 !important;
}

/* Style Gravity Forms placeholder text and browser-specific placeholder variants. */
/* Change placeholder colors */
.gf_placeholder {
   color:    #004c44;
	padding-left: 4px;
}
/* WebKit, Blink, Edge */
::-webkit-input-placeholder { 
   color:    #203c44;
   opacity:  0.5;
	padding-left: 4px;
}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder { 
   color:    #203c44;
   opacity:  0.5;
	padding-left: 4px;
}
/* Mozilla Firefox 19+ */
::-moz-placeholder { 
   color:    #203c44;
   opacity:  0.5;
	padding-left: 4px;
}/* Internet Explorer 10-11 */
:-ms-input-placeholder { 
   color:    #203c44;
   opacity:  0.5;
	padding-left: 4px;
}

/* Style standard form fields and selected border helper class. */
/* Change the border of the input fields and input text color */
.sec-border, input[type="text"], input[type=number], input[type="email"], input[type="tel"], input[type="password"], textarea, select {
  border: 1px solid #1c1d4535;
  color: #203c44 !important;
	background-color: #203c4406 !important;
}

/* Style Gravity Forms submit buttons. */
/** Make the confirmation button bigger */
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
  border: 1px solid #203c44;
  background-color: #76D67660;
  color: #203c44;
  text-transform: uppercase;
  padding: 5px 60px;margin: 30px auto 0 !important;
	display: block;
	float: none;
	font-size: 20px;
}

/* Style Gravity Forms submit buttons on hover. */
/** Change the button color when hover */
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type="submit"]:hover {
  background-color: #76D67685;
  color: #203c44;
  cursor: pointer;
}

/* Increase checkbox and radio label size. */
/** Make the checkboxes labels bigger */
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
  font-size: 1.1em;
}

/* Increase Gravity Forms section and form title size. */
/** Make the h2 bigger */
.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
  font-size: 1.5em;
}

/* Adjust vertical spacing between Gravity Forms fields. */
/** Make the margin below the fields, not above */
body .gform_wrapper ul li.gfield {
	margin-top: 0;
	margin-bottom: 16px;
	padding-top: 0;
}

/* Adjust image choice width for the Portrait form. */
/** Make image choice for Portrait Form width 100% */
.gchoice_15_35_1, .gchoice_15_35_2, .gchoice_15_35_3, .gchoice_15_35_4 {
	inline-size: unset !important;
	max-inline-size: unset !important;
	min-inline-size: unset !important;
	width : 24% !important;
}

/* Improve newsletter checkbox label alignment and size. */
/** Make then newsletter checkbox appear better */
.newsletter-check .gform-field-label {
	padding-left: 20px !important;
	font-size: 18px !important;
}

/************** GRAVITY FORMS ENDS ****************/