input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="date"], input[type="search"], input[type="url"], input[type="url"], input[type="time"], input[type="week"],
textarea, 
select {
    height: 50px;
    padding: 10px;
    font-family: inherit;
    font-weight: 300;
    font-size: 13px !important;
    outline: none;
    border: 1px solid #DBD2B6;
    border-radius: 8px;
    letter-spacing: 1px;
    line-height: 22px;
    width: 100%;
}

textarea {
    height: initial;
}

fieldset legend,
label {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

input[type="checkbox"],
input[type="radio"] {
    margin: 0;
    padding: 0;
    display: inline-block;
    cursor: pointer;
}

.gfield_radio,
.gfield_checkbox {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 8px 0;
}
.gchoice {
    display: flex;
    gap: 7px;
    align-items: flex-start;
    line-height: 1.6;
}
.gchoice input {
    margin-top: 3px;
}
.gchoice label {
    cursor: pointer;
}

.gfield_validation_message,
.gfield_error label {
    color: #FA7D5A;
}
.gfield_validation_message {
    font-size: 12px;
}

.gfield_error select,
.gfield_error textarea,
.gfield_error input {
    border-color: #FA7D5A;
}

.gform_wrapper input[type="button"],
.gform_wrapper input[type="submit"]{
	background-color: #0AA689;
    border: 1px solid #0AA689;
    color: #fff;
    font-weight: 700;
    padding: 16.5px 26px;
    line-height: 1;
    transition: background-color .3s ease, opacity .3s ease, color .3s ease;
    /*min-width: 192px;*/
}

.gform_wrapper input[type="button"],
.gform_wrapper input[type="submit"]:hover{
	border-color: #0AA689;
    background: #0AA689;
    color: #fff;
}

.gform_submission_error {
    font-size: 16px;
    color: #0AA689;
}

.gform_fields {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 5px;
}
.gform_fields .gfield {
    grid-column: span 12 /auto;
    position: relative;
}
.gform_fields .gfield--width-half {
    grid-column: span 6 /auto;
}
.gform_fields .gfield--width-third {
    grid-column: span 4 /auto;
}
.gform_fields .gfield--width-two-thirds {
    grid-column: span 8 /auto;
}
.gform_fields .gfield--width-quarter {
    grid-column: span 3 /auto;
}
.gform_fields .gfield--width-three-quarter {
    grid-column: span 9 /auto;
}
.gform_fields .gfield--width-five-twelfths {
    grid-column: span 5 / auto;
}
.gform_fields .gfield--width-seven-twelfths {
    grid-column: span 7 / auto;
}

@media(max-width:767px){
    .gform_fields div.gfield {
        grid-column: span 12 /auto;
    }
}

.ginput_complex {
    display: flex;
    gap: 10px;
}

.honeypot, .gfield--type-honeypot {
    position: absolute !important;
    z-index: 0;
    pointer-events: none;
    visibility: hidden;
}

.gform_required_legend {
    display: none;
}

.gform_ajax_spinner {
    position: absolute;
}

.ginput_container_date {
    position: relative;
}
.ginput_container_date .gform-datepicker {
    padding-right: 30px;
}
.ginput_container_date .ui-datepicker-trigger {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 14px;
}

.ui-datepicker {
    box-shadow: 0 0 17px 0 rgb(0 0 0 / 10%);
    background: #fff;
}
.ui-datepicker-calendar {
    width: 100%;
}
.ui-datepicker-calendar th {
	padding: 5px 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
}
.ui-datepicker-calendar td {
	padding: 5px;
	text-align: center;
}
body .ui-datepicker:not(.gform-legacy-datepicker) a.ui-state-default,
.ui-datepicker-calendar .ui-state-default {
	font-weight: 700;
	width: 35px;
	height: 35px;
	line-height: 35px;
}
.ui-datepicker-calendar span.ui-state-default {
	opacity: .3;
}
.ui-datepicker-header select {
    min-height: initial;
    padding: 6px 8px;
    height: initial;
    font-size: 13px;
    font-weight: 700;
}
.ui-datepicker-header .ui-datepicker-next,
.ui-datepicker-header .ui-datepicker-prev {
    font-size: 12px;
    font-weight: 700;
    margin: 10px;
    display: inline-block;
}
.ui-datepicker-header {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    gap: 8px;
    justify-content: space-between;
}
.ui-datepicker-title {
    display: flex;
    gap: 10px;
    width: 100%;
}
.ui-datepicker-calendar a {
    text-decoration: none;
    display: inline-block;
    border-radius: 50%;
}
.ui-datepicker-calendar a:hover {
    background: #f5f5f5;
}
.ui-datepicker a.ui-state-active,
.ui-datepicker a.ui-state-active:hover,
.ui-datepicker:not(.gform-legacy-datepicker) a.ui-state-active,
.ui-datepicker:not(.gform-legacy-datepicker) a.ui-state-active:hover {
	background-color: #8d8d8d;
	color: #fff;
}

.hidden_label .gfield_label {
    display: none;
}

/* Elementor editor fixes */
.elementor-editor-active select {
    padding: 0 5px;
}

/* Custom Dropdown */
.ff-custom-dropdown {
    position: relative;
/*    border: 1px solid #000;
    border-radius: 2px;*/
}
.ff-custom-dropdown .selected-text {
    border: 1px solid #DBD2B6;
    min-height: 40px;
    padding: 10px 30px 10px 10px;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
}
.ff-custom-dropdown .selected-text:after {
    content: '\e90b';
    font-family: 'icomoon';
    font-size: 18px;
    pointer-events: none;
    position: absolute;
    right: 10px;
}
.ff-custom-dropdown.show-options .selected-text:after {
    content: '\e90c';
}
.ff-custom-dropdown .options {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 100;
    border: 1px solid #DBD2B6;
    max-height: 300px;
    overflow: auto;
    border-radius: 0px 0px 4px 4px;
}
.ff-custom-dropdown.show-options .options {
    display: block;
}
.ff-custom-dropdown .option {
    cursor: pointer;
    padding: 4px 12px;
    border-bottom: 1px solid #DBD2B6;
}
.ff-custom-dropdown .option:last-child {
    border-bottom: none;
}
.ff-custom-dropdown .option.selected,
.ff-custom-dropdown .option:hover {
    background-color: #fafafa;
}


/*  Custom Upload Field */
.custom-upload {
    margin-top: 10px;
    margin-bottom: 10px;
}
.custom-upload .gform_fileupload_rules {
    display: none !important;
}

.custom-upload ::-webkit-file-upload-button {
    border-radius: 60px;
    border: 2px solid #022623;
    background: #FFf;
	font-size: 14px;
    font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
    padding: 12px 30px 12px 30px;
    cursor: pointer;
    margin-right: 20px;
    width: 213px;
    transition: background-color .3s ease;
}

.custom-upload ::-webkit-file-upload-button:hover {
    border: 2px solid #022623;
    color: #FFf;
    background: #022623;
}

.custom-upload .ginput_container {
    position: relative;
    border-radius: 10px;
}

.custom-upload .gform-field-label {
    display: none;
}

.ginput_container_textarea textarea {
    height: 191px;
}

.btn-custom-attach{
    background-color: #fff !important;
    color: #022623 !important;
    min-width: 192px;
}


.btn-custom-attach:hover {
    background: #09403A  !important;;
    color: #fff !important;
}


/* Gravity Forms 2.9+ datepicker toggle (a <button>, replacing the old .ui-datepicker-trigger img).
   The global button style above turns it into a pill under the field; sit it inside the input instead.
   Five by Five, 6 Oct 2026. */
.gform_wrapper .ginput_container_date {
    position: relative;
}
.gform_wrapper .ginput_container_date input.gform-datepicker {
    padding-right: 46px;
}
.gform_wrapper .ginput_container_date .gform-datepicker-toggle,
.gform_wrapper .ginput_container_date .gform-datepicker-toggle:hover,
.gform_wrapper .ginput_container_date .gform-datepicker-toggle:focus {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 50px;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    border-radius: 0 8px 8px 0;
    box-shadow: none;
    color: #09403A;
    line-height: 1;
}
.gform_wrapper .ginput_container_date .gform-datepicker-toggle:focus-visible {
    outline: 2px solid #09403A;
    outline-offset: -4px;
}
.gform_wrapper .ginput_container_date .gform-datepicker-toggle-icon {
    font-size: 20px;
    width: 20px;
    height: 20px;
    color: inherit;
}

/* Gravity Forms 3.x calendar popup. GF's own CSS is not loaded on this site, and the theme's
   .btn / select / td rules were turning the nav into pills, so style it as a dropdown here. */
.gform_wrapper .ginput_container_date .gform-datepicker-calendar {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 100;
    width: 320px;
    max-width: 100%;
    padding: 12px;
    background: #fff;
    border: 1px solid #DBD2B6;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(2, 38, 35, .15);
}
.gform-datepicker-calendar table.calendar {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    border: 0;
}
.gform-datepicker-calendar table.calendar th,
.gform-datepicker-calendar table.calendar td {
    width: auto;
    height: 36px;
    padding: 0;
    border: 0;
    background: none;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1;
    color: #022623;
}
.gform-datepicker-calendar table.calendar th.week {
    font-size: 12px;
    font-weight: 600;
    color: #09403A;
}
.gform-datepicker-calendar table.calendar td.nav.btn,
.gform-datepicker-calendar table.calendar td.nav.btn:hover {
    display: table-cell;
    width: 36px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #09403A;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    cursor: pointer;
}
.gform-datepicker-calendar table.calendar td.nav.btn:hover,
.gform-datepicker-calendar table.calendar td.day:hover {
    background: #F5F1E6;
}
.gform-datepicker-calendar table.calendar select {
    width: 100%;
    height: 34px;
    padding: 4px 8px;
    line-height: 1;
    background-color: #fff;
}
.gform-datepicker-calendar table.calendar td.day {
    border-radius: 6px;
    cursor: pointer;
}
.gform-datepicker-calendar table.calendar td.dayToday {
    font-weight: 700;
    color: #0AA689;
}
.gform-datepicker-calendar table.calendar td.selected,
.gform-datepicker-calendar table.calendar td.selected:hover {
    background: #09403A;
    color: #fff;
}
.gform-datepicker-calendar table.calendar td.day:focus,
.gform-datepicker-calendar table.calendar td.nav.btn:focus {
    outline: 2px solid #0AA689;
    outline-offset: -2px;
}
/* GF calendar: the year/month "current" label spans carry the hidden attribute while the
   dropdowns show, but the theme's .btn { display: inline-flex } overrode it. */
.gform-datepicker-calendar [hidden] {
    display: none !important;
}
.gform-datepicker-calendar p {
    margin: 8px 0 0;
    font-size: 12px;
    color: #6B7B78;
}

/* reCAPTCHA badge is position: fixed, but a backdrop-filter on any ancestor makes that ancestor
   its containing block, trapping the badge inside the section (About Us "Join Our Team" form).
   Drop the filter on any Elementor container that holds a badge. */
.elementor-element:has(.grecaptcha-badge) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}