/*------------------------------------------------------------------
global-forms.css
Last edited: 9/22/25
[Table of contents]

1. GRAVITY FORMS
2. MODAL FORMS

100. MEDIA QUERIES
    100a. EXTRA SMALL DEVICES (phones 576px and up)
    100b. SMALL DEVICES (tablets, 768px and up)
    100c. MEDIUM DEVICES (desktops, 992px and up)
    100d. LARGE DEVICES (large desktops, 1200px and up)
    100e. EXTRA LARGE DEVICES (large desktops, 1450px and up)

[Notes]
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
1. GRAVITY FORMS
-------------------------------------------------------------------*/
.gravity-form_wrapper {
	background-color: var(--theme-color-light);
	margin-bottom: 30px;
	max-width: 1000px;
	padding: 30px;
}
.gravity-form_wrapper .gform_title {
text-align: center;
}
.gravity-form ul {
	list-style: disc;
	margin: 0 0 0 1em;
	max-width: 800px;
	padding: 0;
  }
.gravity-form_wrapper label,
.gravity-form_wrapper fieldset legend  {
	margin-bottom: 8px;
}  
.gravity-form_wrapper input[type=text], 
.gravity-form_wrapper input[type=email], 
.gravity-form_wrapper input[type="number"],
.gravity-form_wrapper input[type=tel],
.gravity-form_wrapper input[type=url],
.gravity-form_wrapper textarea {
	border: solid 1px var(--theme-color-darkgray);
	height: 50px;
	margin-bottom: 30px;
	padding: 4px;
	width: 100%;
}
.gravity-form_wrapper textarea {
	height: 120px;
	max-height: 300px;
	max-width: 100%;
}
/* Rich Text Editor */
.gravity-form_wrapper .wp-editor-wrap {
	margin-bottom: 30px;
  }
.gravity-form_wrapper select {
	background: var(--theme-color-light);
	border: solid 1px var(--theme-color-darkgray);
	height: 50px;
	margin-bottom: 30px;
	width: 100%;
}
.gravity-form_wrapper select[multiple] {
	height: auto;
}
.gravity-form_wrapper .gfield_checkbox,
.gravity-form_wrapper .ginput_container_radio {
  line-height: 1;
}
.gravity-form_wrapper .gfield_checkbox label,
.gravity-form_wrapper .ginput_container_radio label {
  font-size: 16px;
  margin-bottom: 0;
}
.gravity-form_wrapper input[type="checkbox"],
.gravity-form_wrapper input[type="radio"] {
  margin-right: 5px;
}
.gravity-form_wrapper .ginput_container_select option {
}
.gravity-form_wrapper .gfield_html_formatted {
    margin-bottom: 10px;
}
.gravity-form_wrapper input[type="file"] {
	width: 100%;
}
.gravity-form_wrapper .ginput_container_fileupload span.gform_fileupload_rules {
	font-size: 14px;
  }
.gravity-form .ginput_container_radio,
.gravity-form .ginput_container_checkbox,
.gravity-form .required-message {
	margin-bottom: 30px;
}
/* Drag and Drop Upload */
.gravity-form_wrapper .gform_drop_area {
	background-color: var(--theme-color-light);
	border: 1px dashed var(--theme-color-sky);
	border-radius: 4px;
	margin-bottom: 8px;
	padding: 32px;
	text-align: center;
}
.gravity-form_wrapper .gform_drop_instructions {
	display: block;
	margin-bottom: 8px;
}
.ginput_preview {
	margin-bottom: 5px;
}
.ginput_preview:last-of-type {
	margin-bottom: 20px;
}
/* Footer */
.gravity-form_wrapper .gform_footer {
	text-align: center;
}
/* Field Descriptions */
.gravity-form_wrapper .gfield_description {
	font-size: 1rem;
	margin: -3px 0 5px;
}
.gravity-form_wrapper .gfield_description ul {
	margin: 25px;
}
/* button */
.gravity-form input[type="submit"] {
	--btn-color: var(--theme-color-orange);
	background-color: var(--theme-color-orange);
	border: 2px solid var(--btn-color);
	color: var(--theme-color-light);
	font-size: var(--theme-fs-button);
	font-weight: 700;
	padding: 0.875em 1.75em;
	text-transform: uppercase;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.gravity-form input[type="submit"]:hover {
	background-color: transparent;
	border-color: var(--btn-color);
	color: var(--btn-color);
}

/* required */
.gform_required_legend {
	display: none;
}
/* form validation */
.gform_submission_error {
    color: var(--theme-color-orange);
    font-size: 18px;
    margin-bottom: 5px;
}
.gravity-form .validation_message {
	display: none;
}
.gravity-form .validation_error {
	color: var(--theme-color-orange);
	margin-bottom: 15px;
}
.gravity-form_wrapper .gfield_error input[type="text"],
.gravity-form_wrapper .gfield_error input[type="email"],
.gravity-form_wrapper .gfield_error input[type="number"],
.gravity-form_wrapper .gfield_error input[type="tel"],
.gravity-form_wrapper .gfield_error input[type="url"],
.gravity-form_wrapper .gfield_error select,
.gravity-form_wrapper .gfield_error textarea,
.gravity-form_wrapper .gfield_error .gfield_checkbox,
.gravity-form_wrapper .gfield_error .ginput_container_radio,
.gravity-form_wrapper .gfield_error .ginput_container_fileupload {
	border: solid 1px var(--theme-color-orange);
}
.gravity-form_wrapper .gfield_error .gfield_checkbox,
.gravity-form_wrapper .gfield_error .ginput_container_radio,
.gravity-form_wrapper .gfield_error .ginput_container_fileupload {
  padding: 5px;
}
.ginput_recaptcha {
 display: block;
 margin-bottom: 15px;
 /* this scales down recaptcha to fit on mobile phones */
 -webkit-transform:scale(0.77);
 -webkit-transform-origin:0 0;
 transform:scale(0.77);
 transform-origin:0 0;
}
/* DATE FIELD */
.gravity-form_wrapper .ginput_container_date.gfield_date_month,
.gravity-form_wrapper .ginput_container_date.gfield_date_day, 
.gravity-form_wrapper .ginput_container_date.gfield_date_year {
  float: left;
}
.gform_wrapper.gravity-theme.gravity-form_wrapper .ginput_complex .ginput_container_date input[type="number"] {
  margin-right: 10px;
  width: 60px;
}
.gform_wrapper.gravity-theme.gravity-form_wrapper .ginput_complex .gfield_date_year.ginput_container_date input[type="number"] {
  width: 70px;
}
/* DATE PICKER */
.ui-datepicker {
    font: 9pt Arial, sans-serif;
    height: auto;
    margin: 5px auto 0;
    width: 216px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}
.gravity-form_wrapper input[type="text"].datepicker {
	width: 7em;
  }
table.ui-datepicker-calendar {
    margin: 0!important;
}
body .gform_wrapper img.ui-datepicker-trigger {
    height: 16px!important;
    width: 17px!important;
    display: -moz-inline-stack;
    display: inline-block;
}
.gform_wrapper input.datepicker.datepicker_with_icon {
    margin-right: .25em!important;
    display: -moz-inline-stack;
    display: inline-block;
}
.ui-datepicker-header {
    border-color: #666;
    border-style: solid;
    border-width: 1px 0 0;
    background-color: #666;
    color: #e0e0e0;
    font-weight: 700;
    line-height: 30px;
    min-height: 30px!important;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(250,250,250,.2);
    -moz-box-shadow: inset 0 1px 1px 0 rgba(250,250,250,.2);
    box-shadow: inset 0 1px 1px 0 rgba(250,250,250,.2);
    text-shadow: 1px -1px 0 #000;
    filter: dropshadow(color=#000, offx=1, offy=-1);
}
.ui-datepicker-next,
.ui-datepicker-prev {
    background-image: url(../images/datepicker-arrow.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    line-height: 600%;
    overflow: hidden;
    text-align: center;
    width: 30px;
}
.ui-datepicker-next {
    background-position: center 0;
    float: right;
}
.ui-datepicker-prev {
    background-position: center -30px;
    float: left;
}
.ui-datepicker-title {
    text-align: center;
}
.ui-datepicker-title select {
	color: #333333;
    margin-top: 2.5%;
}
.ui-datepicker table {
    border-collapse: collapse;
    width: 100%;
}
.ui-datepicker thead {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f7f7f7),color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);
    background: -o-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);
    background: -ms-linear-gradient(top,#f7f7f7 0,#f1f1f1 100%);
    background: linear-gradient(to bottom,#f7f7f7 0,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1', GradientType=0 );
}
.ui-datepicker tbody tr,
.ui-datepicker thead {
    border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
    color: #666;
    font-size: 6pt;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 0 0 #fff;
    filter: dropshadow(color=#fff, offx=1, offy=0);
}
td.ui-datepicker-unselectable.ui-state-disabled {
    background-color: #d7d7d7;
}
.ui-datepicker tbody td {
    border-top: 1px solid #bbb;
    border-right: 1px solid #bbb;
    padding: 0;
}
.ui-datepicker-calendar .ui-state-default {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#ededed 0,#dedede 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ededed),color-stop(100%,#dedede));
    background: -webkit-linear-gradient(top,#ededed 0,#dedede 100%);
    background: -o-linear-gradient(top,#ededed 0,#dedede 100%);
    background: -ms-linear-gradient(top,#ededed 0,#dedede 100%);
    background: linear-gradient(to bottom,#ededed 0,#dedede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede', GradientType=0 );
    -webkit-box-shadow: inset 1px 1px 0 0 rgba(250,250,250,.5);
    -moz-box-shadow: inset 1px 1px 0 0 rgba(250,250,250,.5);
    box-shadow: inset 1px 1px 0 0 rgba(250,250,250,.5);
}
.ui-datepicker td a,
.ui-datepicker td span {
    color: #666;
    display: inline-block;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    text-shadow: 1px 1px 0 #fff;
    filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker td a,
.ui-datepicker td span {
    color: #666;
    display: inline-block;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
    text-shadow: 1px 1px 0 #fff;
    filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker td a:hover {
    background: #ffffff;
}
.ui-datepicker a {
    text-decoration: none;
}
.ui-datepicker tbody td:last-child {
    border-right: 0;
}

/* TIME FIELD */
.gravity-form_wrapper .ginput_container_time,
.gravity-form_wrapper .hour_minute_colon {
  float: left;
}
.gravity-form_wrapper .hour_minute_colon {
  height: 50px;
  padding: 6px;
}
.gform_wrapper.gravity-theme.gravity-form_wrapper .ginput_complex .ginput_container_time input[type="number"] {
  width: 3.5em;
}
.gravity-form_wrapper .gfield_time_minute {
  margin-right: 16px;
}

.gform_wrapper .clear-multi {
  display: flex;
}

.gform_wrapper ul.gform_fields:not(.top_label) .ginput_container_time span {
	float: left;
}
.gform_wrapper .gfield_time_hour i {
    float: right;
	font-style: normal!important;
	font-family: sans-serif!important;
    margin-top: 9%;
	width: 10px;
	text-align: center;
}
.gform_wrapper .gfield_time_ampm {
	display: -moz-inline-stack;
	display: inline-block;
    vertical-align: top;
}

/* LIST FIELD */
.gravity-form_wrapper .gfield_list_group {
	margin-bottom: 25px;
  }
  .gravity-form_wrapper .gfield_list_group input[type="text"] {
	margin-bottom: 10px;
  }
  .gravity-form_wrapper .gfield_list_icons button {
	border: solid 1px #d6d7da;
	font-size: 16px;
  }
  .gravity-form_wrapper .gfield_list_icons button:hover {
	background-color: #d6d7da;
  }
.gform_wrapper table.gfield_list,
.gform_wrapper table.gfield_list caption,
.gform_wrapper table.gfield_list tbody,
.gform_wrapper table.gfield_list td,
.gform_wrapper table.gfield_list tfoot,
.gform_wrapper table.gfield_list th,
.gform_wrapper table.gfield_list thead,
.gform_wrapper table.gfield_list tr {
	border: 0;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
.gform_wrapper table.gfield_list {
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 15px;
	table-layout: auto!important;
	width: 100%;
}
.gform_wrapper table.gfield_list input {
	margin: 5px 0;
}
/* Gravity Forms Repeater Field */
.gravity-form_wrapper .gfield_repeater_cell input[type="text"],
.gravity-form_wrapper .gfield_repeater_cell input[type="email"],
.gravity-form_wrapper .gfield_repeater_cell input[type="number"],
.gravity-form_wrapper .gfield_repeater_cell input[type="tel"],
.gravity-form_wrapper .gfield_repeater_cell input[type="url"],
.gravity-form_wrapper .gfield_repeater_cell select,
.gravity-form_wrapper .gfield_repeater_cell textarea {
  margin-bottom: 15px;
}
.gravity-form_wrapper .gfield_repeater_buttons {
  margin-bottom: 25px;
}
.gravity-form_wrapper .gfield_repeater_buttons button {
  border: solid 1px #d6d7da;
  font-size: 16px;
  padding: 8px;
}
.gravity-form_wrapper .gfield_repeater_buttons button:last-of-type {
  margin-left: 12px;
}
/*------------------------------------------------------------------
2. MODAL FORMS
-------------------------------------------------------------------*/
.modal-content .gravity-form_wrapper {
	padding: 30px;
}
/*------------------------------------------------------------------
100. MEDIA QUERIES
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
100a. EXTRA SMALL DEVICES (phones 576px and up)
-------------------------------------------------------------------*/
@media (min-width: 576px) {
    
}
/*------------------------------------------------------------------
100b. SMALL DEVICES (tablets, 768px and up)
-------------------------------------------------------------------*/
@media (min-width: 768px) {
/*------------------------------------------------------------------
1. GRAVITY FORMS
-------------------------------------------------------------------*/
/* GRAVITY FORMS GRID */
.gform_wrapper.gravity-theme .gform_fields {
	width: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr 2%) [12];
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(auto-fill, auto);
	grid-column-gap: 2%;
	grid-row-gap: 0;
  }
  .gform_wrapper.gravity-theme .gfield {
	grid-column: 1/-1;
  }
  .gform_wrapper.gravity-theme .gfield.gfield--width-full {
	-ms-grid-column-span: 12;
	grid-column: span 12;
  }
  .gform_wrapper.gravity-theme .gfield.gfield--width-eleven-twelfths {
	-ms-grid-column-span: 11;
	grid-column: span 11;
  }
  .gform_wrapper.gravity-theme .gfield.gfield--width-five-sixths {
	-ms-grid-column-span: 10;
	grid-column: span 10;
  }
  .gform_wrapper.gravity-theme .gfield.gfield--width-three-quarter {
	-ms-grid-column-span: 9;
	grid-column: span 9;
  }
  .gform_wrapper.gravity-theme .gfield.gfield--width-two-thirds {
	-ms-grid-column-span: 8;
	grid-column: span 8;
  }
  .gform_wrapper.gravity-theme .gfield.gfield--width-seven-twelfths {
	-ms-grid-column-span: 7;
	grid-column: span 7;
  }
  .gform_wrapper.gravity-theme .gfield.gfield--width-half {
	-ms-grid-column-span: 6;
	grid-column: span 6;
	padding-right: -1%; /* column-gap: 7em; */ /* grid-column-gap: 46px; */
  }
  .gform_wrapper.gravity-theme .gfield.gfield--width-five-twelfths {
	-ms-grid-column-span: 5;
	grid-column: span 5;
  }
  .gform_wrapper.gravity-theme .gfield.gfield--width-third {
	-ms-grid-column-span: 4;
	grid-column: span 4;
  }
  .gform_wrapper.gravity-theme .gfield.gfield--width-quarter {
	-ms-grid-column-span: 3;
	grid-column: span 3;
  }
/* GRAVITY FORMS COMPLEX FIELDSETS */
.gform_wrapper.gravity-theme .ginput_complex {
	display: flex;
	flex-flow: row wrap;
  }
  .gform_wrapper.gravity-theme .ginput_complex fieldset, 
  .gform_wrapper.gravity-theme .ginput_complex span {
	flex: 1;
  }
  .gform_wrapper.gravity-theme .ginput_complex .ginput_full {
	flex: 0 0 100%;
  }
  .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), 
  .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
	padding-right: 1%;
  }
  .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full), 
  .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
	padding-left: 1%;
	padding-right: 0;
  }
  .gform_wrapper.gravity-theme .ginput_complex input, 
  .gform_wrapper.gravity-theme .ginput_complex select {
	width: 100%;
  }
  /* Complex field sublabels */
  .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label,
  .gform_wrapper
	.field_sublabel_above
	div[class*="gfield_date_"].ginput_container
	label,
  .gform_wrapper
	.field_sublabel_above
	div[class*="gfield_time_"].ginput_container
	label,
  .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
  .gform_wrapper
	.field_sublabel_below
	div[class*="gfield_date_"].ginput_container
	label,
  .gform_wrapper
	.field_sublabel_below
	div[class*="gfield_time_"].ginput_container
	label {
	display: block;
	font-size: 0.813em;
	letter-spacing: 0.5pt;
	white-space: nowrap;
  }
  /* ADDRESS FIELDS */
  .gform_wrapper.gravity-theme .ginput_container_address .ginput_left {
	padding-right: 1%;
  }
  .gform_wrapper.gravity-theme .ginput_container_address .ginput_right {
	padding-left: 1%;
  }
  .gform_wrapper.gravity-theme .ginput_container_address span {
	flex: 0 0 50%;
  }


.ginput_recaptcha {
-webkit-transform:scale(1);
-webkit-transform-origin:0 0;
transform:scale(1);
transform-origin:0 0;
}

/* NAME FIELD */
ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_1,
ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_2,
ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_3 {
	width: calc(70% + 15px);
	margin-left: 29%;
}
ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_1,
ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_2,
ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_3 {
	width: calc(70% + 24px);
}
ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_4 {
	width: calc(70% + 13px);
	margin-left: 29%;
}
ul.gform_fields:not(.top_label) div.ginput_complex.ginput_container.gf_name_has_5 {
	width: calc(70% + 14px);
	margin-left: 29%;
}
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_1 span {
	width: 99.75%!important;
}
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_2 span {
	width: 49.75%!important;
}
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_3 span {
	width: 33%!important;
}
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_4 span {
	width: 24.75%!important;
}
.gform_wrapper ul.gform_fields:not(.top_label) li.gfield.gfield_error div.ginput_complex.ginput_container.gf_name_has_5 span {
	width: 19.75%!important;
}
html div.ginput_complex.ginput_container.gf_name_has_2 span:first-child,
html div.ginput_complex.ginput_container.gf_name_has_3 span:first-child,
html div.ginput_complex.ginput_container.gf_name_has_4 span:first-child,
html div.ginput_complex.ginput_container.gf_name_has_5 span:first-child {
	margin-left: 0!important;
}	
}
/*------------------------------------------------------------------
100c. MEDIUM DEVICES (desktops, 992px and up)
-------------------------------------------------------------------*/
@media (min-width: 992px) {
/*------------------------------------------------------------------
1. GRAVITY FORMS
-------------------------------------------------------------------*/
	.gravity-form_wrapper {
		padding: 70px;
	}
}

/*------------------------------------------------------------------
100d. LARGE DEVICES (large desktops, 1200px and up)
-------------------------------------------------------------------*/
@media (min-width: 1200px) {
	
}

/*------------------------------------------------------------------
100e. EXTRA LARGE DEVICES (large desktops, 1450px and up)
-------------------------------------------------------------------*/
@media screen and (min-width: 1450px) {
   
}