/* Enter Your/*Font*/
.gform_wrapper {
font-family: Arial!important;
}
/*Error Msg color*/
.gform_wrapper li.gfield.gfield_error {
background-color: #FFDFE0;
border-top: none!important;
border-bottom: none!important;
border-radius: 3px;
padding-left: 15px;
}
.gform_wrapper div.validation_error {
border-top: none!important;
border-bottom: none!important;
}
/*Text Color - #20222B*/
.gform_wrapper h2.gsection_title, .gform_body label.gfield_label, .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]+label  {
color: #20222B!important;
}
/*Placeholder Color - #676B73*/
.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea, .gform_wrapper textarea.large {
color: #939394!important;
text-shadow:none!important;
font-family: Arial!important;
}
/*Placeholder color fix for all browsers - #676B73*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
font-size: 14px;
color: #939394!important;
font-weight: normal!important;
text-shadow:none!important;
font-family: Arial!important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
font-size: 14px;
color: #676B73!important;
opacity:  1;
font-weight: normal!important;
text-shadow:none!important;
font-family: Arial!important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
font-size: 14px;
color: #939394!important;
opacity:  1;
font-weight: normal!important;
font-family: Arial!important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
font-size: 14px;
color: #939394!important;
font-weight: normal!important;
text-shadow:none!important;
font-family: Arial!important;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
font-size: 14px;
color: #939394!important;
font-weight: normal!important;
text-shadow:none!important;
font-family: Arial!important;
}
/*Border Color - #E1E2E6*/
.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea, .gform_wrapper textarea.large, .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]+label:before, .gform_wrapper ul.gfield_radio li input[type="radio"]+label:before   {
border: 1px solid #E1E2E6!important; 
}
/*Border Color on focus - #17C2AA*/
.gform_wrapper input:focus, .gform_wrapper select:focus, .gform_wrapper textarea:focus, .gform_wrapper input[type=tel]:focus {
border: 1px solid #2E8195!important;
box-shadow: inset 0 0 0 2px #2E8195!important;
}
/*Select Custom Dropdown Image*/
.gform_wrapper .ginput_container select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 35px;
background: #fff url(https://www.pixelunion.net/wp-content/themes/pixelunion/images/chevron-down.svg) right 10px center no-repeat!important;
}
/*Checkbox Custom Image - #17C2AA*/
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label:before {
background: #2E8195 url(https://www.pixelunion.net/wp-content/themes/pixelunion/images/checkmark.svg) center center no-repeat;
border: 1px solid #2E8195;
}
/*Radio color - #17C2AA*/
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked+label:before {
background: #2E8195;
border: 1px solid #2E8195;
}
/*Submit Button Color - #17C2AA*/
.gform_wrapper .gform_footer.left_label {
margin-left: 0!important;
width: 100%!important;
text-align: center!important;
}
/* float: left; for left aligned - float:right; for right aligned*/
.gform_wrapper .gform_footer input[type=submit] {
background: #2E8195 !important;
float: none!important;/*Now is in center*/
}
/*Submit Button Color On Hover - #14ab96*/
.gform_wrapper .gform_footer input[type=submit]:hover {
background-color: #14ab96!important;
}
/*Custom top select tab buttons*/
.gform_body #field_1_2 .ginput_container li input[type="radio"]+label {
margin: 0;
padding: 9px 23px;
cursor: pointer;
color: #ACAFB6;
font-size: 14px;
line-height: 1.222;
border-radius: 40px;
border: 1px solid #ACAFB6;
}
.gform_body #field_1_2 .ginput_container li input[type="radio"]:checked+label {
font-weight: normal;
color: #2E8195;
border: 1px solid #2E8195;
}
/*.gform_body #field_1_2 .ginput_container {
position: absolute;
top: 77px;
left: 220px;
margin: 0
}/*


/*General Style*/
.gform_wrapper .hidden_label .gfield_label {
display: none!important;
}
.gform_wrapper li.hidden_label input  {
display: none!important;
}
.gform_wrapper .left_label .hidden_label ul.gfield_checkbox, .gform_wrapper .left_label .hidden_label ul.gfield_radio {
margin-left: 0!important;
}
.gform_wrapper .gfield_label {
width: 49%!important;
}
.gform_wrapper ul.gform_fields li.gfield select {
width: 49%;
}
.gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper .left_label textarea.large, .gform_wrapper .left_label textarea.medium, .gform_wrapper .left_label textarea.small, .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .right_label textarea.large, .gform_wrapper .right_label textarea.medium, .gform_wrapper .right_label textarea.small {
    width: 46.5%;
}
.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=password], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=url], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=password], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url] {
    width: 95.5%;
}
.gform_wrapper ul.gform_fields li.gfield select {
 outline: none!important;
}
.gform_wrapper .ginput_complex .ginput_full input[type=text] {
width: 96.5%!important;
}
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select {
width: 100%!important;
line-height: 1.2em!important;
}
.gform_wrapper .gfield_date_day input, .gform_wrapper .gfield_date_month input, .gform_wrapper .gfield_date_year input, .gform_wrapper .gfield_time_hour input, .gform_wrapper .gfield_time_minute input {
width: 50%!important;
}
.gform_wrapper h2.gsection_title {
font-size: 26px!important;
font-weight: normal!important;
margin: 0!important;
padding: 0!important;
letter-spacing: normal!important;
background: 0 0!important;
margin: 30px 0!important;
}
.gform_wrapper .gsection {
border-bottom: 1px solid #CCC;
padding: 0 0 .5em;
margin: 0.5em 0;
clear: both;
}
.gform_wrapper form li {
margin-bottom: 20px!important;
}
.gform_body label.gfield_label {
font-size: 17px!important;
line-height: 1.17647!important;
font-weight: normal!important;
}
.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea, .gform_wrapper textarea.large {
font-size: 14px!important;
padding: 9px 11px!important;
background: #fff!important;
margin: 0px!important;
border-radius: 3px!important;
font-weight: normal!important;
}
.gform_wrapper textarea.large {
padding: 12px 11px!important;
width: 97%!important;
height: 150px!important;
font-weight: normal!important;
}
.gform_wrapper input:focus, .gform_wrapper select:focus, .gform_wrapper textarea:focus, .gform_wrapper input[type=tel]:focus {
font-size: 14px!important;
padding: 9px 11px!important;
font-weight: normal!important;
margin:0!important;
}
.gform_wrapper select {
font-size: 14px;
padding-right: 35px;
}
.gform_wrapper ul.gfield_radio li input[type="radio"] {
position: absolute;
right: 100%;
}
.gform_wrapper ul.gfield_radio li input[type="radio"]+label:before {
position: absolute;
left: 0;
display: block;
width: 24px;
height: 24px;
border-radius: 50%;
content: '';
}
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked+label:before {
box-shadow: none;
font-weight: normal;
}
.gform_wrapper ul.gfield_radio li input[type="radio"]+label {
margin-left: 43px;
cursor: pointer;
line-height: 1.6;
font-size: 17px;
font-weight: normal!important;
}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"] {
position: absolute;
right: 100%;
}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]+label:before {
position: absolute;
left: 0;
display: block;
width: 24px;
height: 24px;
border-radius: 3px;
content: '';
}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked+label:before {
box-shadow: none;
font-weight: normal;
}
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]+label {
margin-left: 43px;
cursor: pointer;
line-height: 1.6;
font-size: 17px;
font-weight: normal!important;
}
.gform_wrapper .gform_footer input[type=submit] {
padding: 14px 28px 13px!important;
font-size: 18px!important;
display: inline-block!important;
color: #fff!important;
line-height: 1.1875!important;
text-align: center!important;
border-radius: 38px!important;
border: none!important;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
}
.gform_wrapper .gform_footer input[type=submit]:hover {
border: none!important;
}
.gform_wrapper table.gfield_list tr td.gfield_list_icons, .gform_wrapper table.gfield_list tr td:last-child {
padding: 0 0 0 1em!important;
}
/*Responsive*/
@media (max-width: 768px) {
/*.gform_body #field_1_2 .ginput_container {
position: relative;
top: initial;
left: initial;
text-align: center;
}*/
.gform_wrapper .left_label .gfield_label {
margin-bottom: 15px!important;
}
.gform_wrapper .gfield_label {
    width: 100%!important;
}
.gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper .left_label textarea.large, .gform_wrapper .left_label textarea.medium, .gform_wrapper .left_label textarea.small, .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .right_label textarea.large, .gform_wrapper .right_label textarea.medium, .gform_wrapper .right_label textarea.small {
    width: 100%!important;
}
.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=password], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=url], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=email], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=number], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=password], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=tel], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=text], .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=url], .gform_wrapper .ginput_complex input[type=email], .gform_wrapper .ginput_complex input[type=number], .gform_wrapper .ginput_complex input[type=password], .gform_wrapper .ginput_complex input[type=tel], .gform_wrapper .ginput_complex input[type=text], .gform_wrapper .ginput_complex input[type=url] {
    width: 95.5%!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: 95.5%!important;
}
.gform_wrapper .ginput_complex .ginput_full input[type=text] {
    width: 94.5%!important;
}
.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right {
  width: 98.5%!important;
}
.gform_wrapper .ginput_complex .ginput_right {
margin-left: 0!important;
width: 99.5%!important;
}
}

/* ----------------------------------------------------------------------------------------------------
Super Form Reset
A couple of things to watch out for:
- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs
----------------------------------------------------------------------------------------------------*/
input,
label,
select,
button,
textarea
{
 margin:0;
 border:0;
 padding:0;
 display:inline-block;
 vertical-align:middle;
 white-space:normal;
 background:none;
 line-height:1;
 
 /* Browsers have different default form fonts */
 font-size:13px;
 font-family:Arial;
}
/* Remove the stupid outer glow in Webkit */
input:focus
{
 outline:0;
}
/* Box Sizing Reset
-----------------------------------------------*/
/* All of our custom controls should be what we expect them to be */
input,
textarea
{
 -webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;
 box-sizing:content-box;
}
/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select
{
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
}
/* Text Inputs
-----------------------------------------------*/
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week]
{
}
/* Button Controls
-----------------------------------------------*/
input[type=checkbox],
input[type=radio]
{
 width:13px;
 height:13px;
}
/* File Uploads
-----------------------------------------------*/
input[type=file]
{

}
/* Search Input
-----------------------------------------------*/
/* Make webkit render the search input like a normal text field */
input[type=search]
{
 -webkit-appearance:textfield;
 -webkit-box-sizing:content-box;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration
{
 display:none;
}
/* Buttons
-----------------------------------------------*/
button,
input[type="reset"],
input[type="button"],
input[type="submit"]
{
 /* Fix IE7 display bug */
 overflow:visible;
 width:auto;
}
/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button
{ 
 padding:0;
 border:0;
 background:none;
}
/* Textarea
-----------------------------------------------*/
textarea 
{
 /* Move the label to the top */
 vertical-align:top;
 
 /* Turn off scroll bars in IE unless needed */
 overflow:auto;
}
/* Selects
-----------------------------------------------*/
select
{
}
select[multiple] 
{
 /* Move the label to the top */
 vertical-align:top;
}
 Custom CSS Here */