/* **********************************************************
 * FORMS
 * ******************************************************** */


/* ******************************
 * FORMS - GENERAL
 * *************************** */
.ios input,
.ios .gform_wrapper input,
.ios textarea,
.ios .gform_wrapper textarea {
	font-size: 16px !important;
}
input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
	border: 1px solid #ccc;	
}
input[type=submit] {
	cursor: pointer;
    font-size: 1.125rem;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgb(0 0 0 / 0%);
    border-radius: 2px;
    padding: 0.75em 2em 0.85em 2em;
	border: 1px solid #ccc;		
}
.gform-icon--close:before {
    content: "\e903";
}


/* ******************************
 * FORMS - GRAVITY FORMS
 * *************************** */
.gform_wrapper {
	margin-top: 0 !important;
}
.gform_body *,*:focus,
.gform_body *:hover {
    outline:none !important;
} 
.gfield {
	display: flex;
    flex-direction: column;
    justify-content: space-between; /* To allow room for error message in fields */
}
.gform_body input:focus,
.gform_body textarea:focus,
.gform_body select:focus,
.gform_body .ginput_container select:focus {
	box-shadow: inset 0px 0px 5px #eee;
}
.gform_body input,
.gform_body textarea,
.gform_body select,
.gform_body .ginput_container select,
.gform_body input:focus,
.gform_body textarea:focus,
.gform_body select:focus,
.gform_body .ginput_container select:focus {
	border: 1px solid #bbb !important;
	color: #333;
	outline: none !important;
	background-clip: padding-box !important;	
}
.gform_body input:focus-visible,
.gform_body textarea:focus-visible,
.gform_body select:focus-visible,
.gform_body .ginput_container select:focus-visible {
    border: 1px solid #bbb !important;
	outline: none !important;
	box-shadow: inset 0px 0px 5px #ddd;
}
.gfield-choice-input:focus {
    box-shadow: none !important;
}
.gform_wrapper,
.gform_body .ginput_container,
.gform_body .ginput_container input,
.ginput_container.ginput_container_textarea {
    margin-top: 0 !important;
}
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle {
    padding-top: 0;
}
input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea, .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
	border: 1px solid #ccc;
    margin-bottom: 0rem;	
}
.ginput_container input,
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text],
.ginput_container select,
.ginput_container textarea {
	border: 1px solid #ccc;
}
li.gfield span.name_first {
    padding-bottom: 0.3125rem;
}
span.gfield_required.gfield_required_asterisk {
    margin: 0 !important;
    padding: 0 !important;
}
.gfield {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 640px) {
	/* GRAVITY FORMS NAME FIELDS */
	.gform_wrapper .name_first {
		margin-bottom: 16px !important;
	}
	.gform_wrapper .name_last {
		margin-bottom: 0 !important;
	}
}

/* Select Fields & Date Time */
.ginput_container_select, 
.gfield_date_dropdown_month, 
.gfield_date_dropdown_day, 
.gfield_date_dropdown_year, 
.address_country, 
.gfield_time_ampm {
	position: relative;
}
.ginput_complex .ginput_container_date input, 
.ginput_complex .ginput_container_date select {
/* 	min-width: 10rem !important; */
	min-width: 8rem !important; /* Reduced to 8rem but will leave the old 10rem if ever needed */
}
.gform_wrapper.gravity-theme .ginput_container_time,
.ginput_container_time input {
    max-width: 6rem !important;
    min-width: 6rem !important;
	line-height: inherit !important;
	min-height: 2rem;
}
.ginput_container select {
	background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;	
	position: relative;
	min-height: inherit;	
}
.ginput_container_select:after, .gfield_date_dropdown_month:after, .gfield_date_dropdown_day:after, .gfield_date_dropdown_year:after, .address_country:after, .gfield_time_ampm:after {
	align-items: center;
    content: "\e909";
    display: flex;
    font-family: 'Happy Icons' !important;
    font-size: 16px;
    font-weight: 900;
    justify-content: flex-end;	
	pointer-events: none;
    position: absolute;
    right: 1rem;	
    top: calc(50% + 1px);	
}
.ginput_container_select:after, .gfield_date_dropdown_month:after, .gfield_date_dropdown_day:after, .gfield_date_dropdown_year:after, .gfield_time_ampm:after {
    transform: translateY(-50%);	
}
.address_country:after {
    transform: translateY(-100%);
    right: 1.7rem;
	top: 43%;
}

/* Date / Time */
@media (max-width: 576px) {
	.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date {
		max-width: 10rem !important;
		padding: 0.5rem; 
		margin-left: 0 !important;
	}
	.gform_wrapper.gravity-theme .ginput_container_time, .ginput_container_time input {
		padding: 0.5rem;
	}
	.gform_wrapper.gravity-theme .ginput_container_time,
	.ginput_container_time input {
		max-width: 7rem !important;
		min-width: 6rem !important;
		line-height: inherit !important;
	}
	.gform_wrapper.gravity-theme .hour_minute_colon {
		line-height: 3 !important;
    	padding: 0 0.5rem;
	}
	.gform_wrapper.gravity-theme .gfield_time_ampm {
		margin-left: 0 !important;
	}
	.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date input, .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date select {
		max-width: 10rem !important;
	}
}

/* Submit Button */
.gform_footer input[type=submit], .gform_button {
    border: none !important;    
    cursor: pointer;
    padding: 0.85em 3em 0.85em 3em !important;
    letter-spacing: .125rem !important;
}
.gform_button span {
    display: block;
}

/* ******************************
 * SECTION WITH FORM - ON DARK OR IMAGE BACKGROUND
 * *************************** */
.section-form {
 margin-bottom: -0.0625rem !important;
}
.section-form input, 
.section-form select,
.section-form textarea {
 background: rgba(255,255,255,.5) !important;
 border: 0; 
 color: #000;
 padding: 0.625rem !important;
}
.section-form select {
 min-height: 2.5rem !important;
}
.section-form ::placeholder {
 color: #000;
}
.section-form .gform_wrapper .gform_footer {
    padding: 0;
    margin: 0.3125rem 0 0; 
}
.section-form .gform_wrapper .gform_footer input[type=submit] {
    background-color: transparent !important;
    color: #fff;
    float: right;
}


/* *****************************
 * SEARCH FORMS & RESULTS
 * *************************** */
/* SEARCH FORMS */
form.jupiterx-search-form input.form-control,
.jupiterx-widget.widget_search .form-control {
	border-radius: 0;
}
form.jupiterx-search-form .btn,
.jupiterx-widget.widget_search .jupiterx-search-form .btn, 
.jupiterx-new-search .jupiterx-search-form .btn {
	background: ;
	border-radius: 0;
	height: 100%;
	padding: 0.5rem 0.5rem 0.125rem !important;
}
.jupiterx-new-search button.btn.jupiterx-icon-search-1 {
    padding: 0.5rem 0.5rem 0.125rem !important;
}
form.jupiterx-search-form .btn:hover,
.jupiterx-widget.widget_search .jupiterx-search-form .btn:hover,
.jupiterx-new-search .jupiterx-search-form .btn:hover,
button.btn.jupiterx-icon-search-1:hover {
    background: ;
}
.jupiterx-new-search .jupiterx-search-form .btn,
.jupiterx-icon-search-1:before {
	font-size: ;
}
.raven-search-form-lightbox.raven-search-form-lightbox-open .raven-search-form-close {
    font-size: 4rem;
    position: relative;
}

/* SEARCH RESULTS */
body.search .jupiterx-search-post-title {
    font-size: 2rem !important;
}

@media (max-width: 767px) {
	body.search .jupiterx-primary .jupiterx-search-form {
   	 max-width: 75% !important;
	}	
}

/* JET SEARCH */
.jet-ajax-search__form, .jet-ajax-search-block .jet-ajax-search__form,
.jet-ajax-search__fields-holder {
    align-items: stretch !important;
}
.woocommerce-page .jupiterx-primary .jet-ajax-search__field[type="search"] {
    border: 1px solid #E1E5EB !important;
    width: 100% !important;
    padding: .875rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.3 !important;
}
.jet-ajax-search-block .jet-ajax-search__field[type="search"] {
    width: 100% !important;
    padding: .675rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.3 !important;
}
.jet-ajax-search .jet-ajax-search__categories .chosen-container-single .chosen-single, .jet-ajax-search-block .jet-ajax-search .jet-ajax-search__categories .chosen-container-single .chosen-single, .jet-ajax-search .jet-ajax-search-block .jet-ajax-search__categories .chosen-container-single .chosen-single, .jet-ajax-search-block .jet-ajax-search .jet-ajax-search-block .jet-ajax-search__categories .chosen-container-single .chosen-single {
    padding: .675rem .75rem !important;	
}
.jet-ajax-search__submit[type="submit"], 
.jet-ajax-search-block .jet-ajax-search__submit[type="submit"] {
    margin-left: 0 !important;
    padding: .675rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.3 !important;	
	border-radius: 0;
}
.jet-ajax-search-block .jet-ajax-search__submit[type="submit"] {
	background-color: #333 !important;	
	border-radius: 0;	
}



/* ******************************
 * GRAVITY FORMS — GLOBAL STYLES
 * REUSABLE TEMPLATE
 * *************************** */
/* CSS SECTIONS
 * CSS VARIABLES  ← ONLY SECTION YOU NEED TO EDIT PER CLIENT
 * FORM WRAPPER
 * LABELS
 * INPUT FIELDS — TEXT, EMAIL, TEL, TEXTAREA
 * FIELDSET GROUPS — NAME, ADDRESS, DATE, TIME
 * SELECT FIELDS
 * DATE PICKER
 * DATE DROPDOWN & TIME
 * CHECKBOX & RADIO
 * FILE UPLOAD
 * VALIDATION & ERRORS
 * SUBMIT BUTTON
 * MEDIA QUERIES
 * *************************** */

/* ******************************
 * CSS VARIABLES
 * *************************** */
/*
 * HOW TO ADAPT FOR A NEW CLIENT
 * ─────────────────────────────
 * This file uses a single-hue scale from lightest to darkest.
 * Pick the client's PRIMARY brand color and build outward:
 *
 *  --gf-lightest   Lightest tint — used for field backgrounds, hover fills
 *                  Good starting point: client's lightest background color
 *
 *  --gf-light      Light tint — used for placeholder text color
 *                  ~20% saturation, very pale version of primary
 *
 *  --gf-mid        Mid tint — used for sub-labels, file upload text, rules text
 *                  ~40% saturation, clearly tinted but not strong
 *
 *  --gf-base       Base accent — used for label resting color, borders at rest
 *                  ~60% saturation — a softer version of primary
 *
 *  --gf-primary    PRIMARY brand color — used for bottom border accents,
 *                  label hover color, focus states, button gradient end,
 *                  checked state, error accent
 *                  This is the main color the client gives you
 *
 *  --gf-dark       Dark shade — used for button gradient start, checked fill
 *                  Darken primary by ~30%
 *
 *  --gf-darkest    Darkest shade — used for deep gradients
 *                  Near-black version of primary hue
 *
 *  --gf-ink        Input text color — near-black on light backgrounds,
 *                  near-white on dark backgrounds
 *
 *  --gf-white      General white — used for button text, checked icon color,
 *                  and other places that need true white regardless of bg
 *
 *  --gf-label-bg     Label chip background — the color that appears behind
 *                    the floated label text. Use page/section background color
 *                    so the label chip blends in. Change per dark/light section.
 *
 *  --gf-label-color  Label resting color — defaults to --gf-base
 *                          Change if you want resting labels darker or lighter
 *
 *  --gf-label-color-active Label color when floated/focused — defaults to --gf-primary
 *                          Change if you want active labels a different accent
 *
 *  --gf-secondary  Secondary accent — used for button hover border and text
 *                  Can match --gf-ink or be a distinct brand accent color
 *
 *  --gf-border-soft  Transparent version of --gf-base at ~35% opacity
 *                    Used for field borders at rest
 *                    Format: rgba(R,G,B,0.35) using --gf-base RGB values
 *
 *  --gf-border-mid   Transparent version of --gf-base at ~65% opacity
 *                    Used for sub-input underlines (inside fieldsets)
 *                    Format: rgba(R,G,B,0.65) using --gf-base RGB values
 *
 *  --gf-focus-glow   Transparent version of --gf-primary at ~25% opacity
 *                    Used for focus ring glow
 *                    Format: rgba(R,G,B,0.25) using --gf-primary RGB values
 *
 *  --gf-field-bg     Very transparent tint for field backgrounds
 *                    Format: rgba(R,G,B,0.06) using --gf-lightest RGB values
 *  --gf-error-bg     Error BG Background Color
 *  --gf-error-txt    Error Text
 *
 *  BUTTON COLORS 
 * ─────────────────────────────
 */

:root {
  /* NEUTRAL GRAY STARTER PALETTE — replace all with client colors */
  --gf-white:        #FFFFFF;                     /* Page/label background */
  --gf-lightest:     #F9F9F9;                     /* Lightest field tint */
  --gf-light:        #E8E8E8;                     /* Light — placeholder, hover fill */
  --gf-mid:          #B8212A;                     /* Mid — sub-labels, helper text */
  --gf-base:         #9E9E9E;                     /* Base accent — resting labels/borders */
  --gf-primary:      #1B2A41;                     /* PRIMARY — focus, bottom borders, labels active */
  --gf-dark:         #333333;                     /* Dark — button gradient start, checked fill */
  --gf-darkest:      #1A1A1A;                     /* Darkest — deep gradients */
  --gf-ink:          #111111;                     /* Input/body text — lighten for dark backgrounds */
  --gf-secondary:    #B8212A;                     /* Button hover border and text color */
  --gf-white:        #FFFFFF;                     /* True white — button text, checked icons */
  --gf-label-bg: var(--color-big-stone);              /* Label chip background — change per dark/light section */
  --gf-border-soft:  rgba(158,158,158,0.35);      /* --gf-base RGB at 35% */
  --gf-border-mid:   rgba(158,158,158,0.65);      /* --gf-base RGB at 65% */
  --gf-focus-glow:   #3A6EA5;                       /* --gf-primary RGB at 25% */
  --gf-field-bg:     #FFFFFF;                     /* --gf-lightest RGB at 6% */
  --gf-label-color:  var(--gf-primary); /* Label resting color */
  --gf-label-color-active: var(--gf-lightest); /* Label color when floated/focused with bg chip */
  --gf-error-bg:	var(--gf-dark);                     /* Error Message Background Color */
  --gf-error-txt: 	var(--gf-white);                     /* Error Message Text Color */
  --gf-input-pad:    2.25rem 1rem 0.875rem;
  --gf-radius:       2px;                     /* Field, Button, Message Radius */
  --gf-transition:   0.3s ease;
}

/* ******************************
 * FORM WRAPPER
 * *************************** */
.gform_wrapper {
  position: relative;
  z-index: 10;
  font-family: inherit;
}
.gform_wrapper *,
.gform_wrapper *::before,
.gform_wrapper *::after {
  box-sizing: border-box;
}
.gform_wrapper ::placeholder {
  color: var(--gf-mid) !important;
  opacity: 0.7;
  font-style: italic;
}
.gform_wrapper .gform_required_legend {
  position: relative !important;
  display: flex;
  color: var(--gf-mid);
  margin-bottom: 1.5rem;
  letter-spacing: 0.04em;
}
.gform_wrapper .gform_required_legend .gfield_required {
  padding: 0 0.35rem;
  color: var(--gf-primary) !important;
}
.gform_wrapper .gfield_required {
  color: var(--gf-label-color-active) !important;
  line-height: 0.6em !important;
  padding-top: 0.4rem;
}

/* ******************************
 * LABELS
 * *************************** */

/* Gfield spacing */
.gfield {
  position: relative;
  margin: 2.25rem 0 0;
}

/* Base label */
.gfield label.gfield_label,
fieldset.gfield legend.gfield_label.gfield_label_before_complex,
.gf_list legend.gfield_label,
.gf_list_inline legend.gfield_label,
.gfield .gfield_label {
  display: flex !important;
  align-items: center;
  font-weight: 600 !important;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--gf-label-color) !important;
  position: absolute;
  top: 0.85rem;
  left: 0.9rem;
  z-index: 5;
  transition: top var(--gf-transition), font-size var(--gf-transition),
              color var(--gf-transition), background var(--gf-transition),
              padding var(--gf-transition);
  pointer-events: none;
}
fieldset.gfield legend.gfield_label.gfield_label_before_complex {
  top: 0.65rem !important;
  width: fit-content;
}

/* Floated / active / hover label — not applied to radio/checkbox (overridden below) */
.gfield:hover label.gfield_label,
.gfield:hover legend.gfield_label,
fieldset.gfield:hover legend.gfield_label.gfield_label_before_complex {
  top: -0.65rem;
  left: 0.9rem;
  color: var(--gf-label-color-active) !important;
  background: var(--gf-label-bg);
  padding: 0 0.35rem;
}
.gfield:not(.gfield--type-radio):not(.gfield--type-checkbox):not(.gfield--type-fileupload) label.gfield_label.focused,
fieldset.gfield:not(.gfield--type-radio):not(.gfield--type-checkbox) legend.gfield_label.gfield_label_before_complex.focused,
.gf_list legend.gfield_label.focused,
.gf_list_inline legend.gfield_label.focused {
  top: -0.65rem;
  left: 0.9rem;
  color: var(--gf-label-color-active) !important;
  background: var(--gf-label-bg);
  padding: 0 0.35rem;
}
fieldset.gfield legend.gfield_label.gfield_label_before_complex.focused {
  top: -0.75rem !important;
}
fieldset.gfield:hover legend.gfield_label.gfield_label_before_complex {
  top: -0.75rem !important;
}

/* Sub-labels inside complex fields */
.ginput_complex label,
.gform-field-label--type-sub {
  color: var(--gf-label-color) !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.25rem 0 0 !important;
}

/* ******************************
 * INPUT FIELDS — TEXT, EMAIL, TEL, TEXTAREA
 * *************************** */

/* Shared field container border treatment */
.gform_wrapper.gravity-theme .gfield .ginput_container {
  position: relative;
}
.gform_wrapper.gravity-theme .gfield .ginput_container::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: var(--gf-radius);
  padding: 1px;
  background: linear-gradient(160deg, var(--gf-primary), var(--gf-base));
  -webkit-mask: linear-gradient(#fff 0 0) content-box,
                linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  transition: opacity var(--gf-transition);
  height: 100%;
}
.gform_wrapper.gravity-theme .gfield:hover .ginput_container::before,
.gform_wrapper.gravity-theme .gfield .ginput_container.focused-field::before {
  background: linear-gradient(160deg, var(--gf-light), var(--gf-primary), var(--gf-dark));
  background-size: 300%;
  -webkit-animation: gf-border-flow 4s ease infinite;
  animation: gf-border-flow 4s ease infinite;
}
@-webkit-keyframes gf-border-flow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes gf-border-flow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Suppress border pseudo on non-applicable field types */
.gform_wrapper.gravity-theme .gfield--type-radio .ginput_container::before,
.gform_wrapper.gravity-theme .gfield--type-checkbox .ginput_container::before,
.gform_wrapper.gravity-theme .gfield--type-fileupload .ginput_container::before,
.gform_wrapper.gravity-theme .gfield--type-date .ginput_container::before,
.gform_wrapper.gravity-theme .gfield--type-time .ginput_container::before {
  display: none;
}

/* Text / email / tel inputs */
.gform_wrapper.gravity-theme .gfield input[type=text],
.gform_wrapper.gravity-theme .gfield input[type=email],
.gform_wrapper.gravity-theme .gfield input[type=tel],
.gform_wrapper.gravity-theme .gfield input[type=number],
.gform_wrapper.gravity-theme .gfield input[type=url] {
  width: 100%;
  padding: var(--gf-input-pad) !important;
  background: var(--gf-field-bg) !important;
  border: 1px solid var(--gf-border-soft) !important;
  border-radius: var(--gf-radius);
  color: var(--gf-ink) !important;
  letter-spacing: 0.01em;
  transition: background var(--gf-transition), box-shadow var(--gf-transition),
              border-color var(--gf-transition);
  position: relative;
  z-index: 1;
}
.gform_wrapper.gravity-theme .gfield input[type=text]:hover,
.gform_wrapper.gravity-theme .gfield input[type=email]:hover,
.gform_wrapper.gravity-theme .gfield input[type=tel]:hover,
.gform_wrapper.gravity-theme .gfield input[type=number]:hover,
.gform_wrapper.gravity-theme .gfield input[type=url]:hover {
  border-color: var(--gf-base) !important;
}
.gform_wrapper.gravity-theme .gfield input[type=text]:focus,
.gform_wrapper.gravity-theme .gfield input[type=email]:focus,
.gform_wrapper.gravity-theme .gfield input[type=tel]:focus,
.gform_wrapper.gravity-theme .gfield input[type=number]:focus,
.gform_wrapper.gravity-theme .gfield input[type=url]:focus {
  background: var(--gf-field-bg) !important;
  border-color: var(--gf-primary) !important;
  box-shadow: 0 0px 3px 0px var(--gf-focus-glow), inset 0 0px 5px #A8C6EA !important;
  outline: none;
}

/* Textarea */
.ginput_container textarea,
.gform_wrapper.gravity-theme .gfield textarea {
  width: 100%;
  padding: var(--gf-input-pad) !important;
  background: var(--gf-field-bg) !important;
  border: 1px solid var(--gf-border-soft) !important;
  border-radius: var(--gf-radius);
  color: var(--gf-ink) !important;
  min-height: 9rem;
  resize: vertical;
  transition: background var(--gf-transition), box-shadow var(--gf-transition),
              border-color var(--gf-transition);
  position: relative;
  z-index: 1;
  margin-bottom: -0.4rem;
}
.gform_wrapper.gravity-theme .gfield textarea:focus,
.gform_body textarea:focus {
  background: var(--gf-field-bg) !important;
  border-color: var(--gf-primary) !important;
  box-shadow: 0 0px 3px 0px var(--gf-focus-glow), inset 0 0px 5px #A8C6EA !important;
  outline: none;
}

/* ******************************
 * FIELDSET GROUPS — NAME, ADDRESS, DATE, TIME
 * *************************** */

/* Fieldset wrapper — name, address, date groups (not radio/checkbox) */
fieldset.gfield:not(.gfield--type-radio):not(.gfield--type-checkbox) {
  margin-top: 2.75rem !important;
  border: 1px solid var(--gf-border-soft);
  border-bottom: 2px solid var(--gf-primary);
  border-radius: var(--gf-radius) var(--gf-radius) 0 0;
  padding: 2rem 1rem 1.25rem !important;
  transition: border-color var(--gf-transition);
}
fieldset.gfield:not(.gfield--type-radio):not(.gfield--type-checkbox):hover {
  border-color: var(--gf-base);
  border-bottom-color: var(--gf-mid);
}
fieldset.gfield legend.gfield_label.gfield_label_before_complex {
  background: transparent;
  padding: 0 0.5rem !important;
}

/* Complex ginput containers (name rows etc.) */
.ginput_complex.ginput_container {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}
.ginput_complex.gform-grid-row .gform-grid-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
/* Includes input[type=email] — fix for email sub-inputs in Name/Address fieldsets */
.gform_wrapper .ginput_complex.ginput_container input[type=text],
.gform_wrapper .ginput_complex.ginput_container input[type=email] {
  border: 0 !important;
  border-bottom: 1.5px solid var(--gf-border-mid) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 1.5rem 0.5rem 0.5rem !important;
  box-shadow: none !important;
  color: var(--gf-ink) !important;
}
.gform_wrapper .ginput_complex.ginput_container input[type=text]:focus,
.gform_wrapper .ginput_complex.ginput_container input[type=email]:focus {
  box-shadow: none !important;
  border-bottom-color: var(--gf-primary) !important;
  background: transparent !important;
}

/* Strip pseudo-border on ginput_complex containers */
.gform_wrapper.gravity-theme .gfield .ginput_complex.ginput_container::before,
.gform_wrapper .ginput_complex .ginput_container.ginput_container_date::before,
.gform_wrapper .ginput_complex .ginput_container.ginput_container_time::before {
  display: none;
}

/* ******************************
 * SELECT FIELDS
 * *************************** */

/* Select container */
.ginput_container.ginput_container_select {
  position: relative;
  padding: 0 !important;
  margin-top: 0.5rem !important;
  border: 1px solid var(--gf-border-soft);
  border-bottom: 2px solid var(--gf-primary);
  border-radius: var(--gf-radius) var(--gf-radius) 0 0;
  overflow: visible;
}
.ginput_container.ginput_container_select::before {
  display: none !important;
}

/* Arrow indicator */
.ginput_container.ginput_container_select::after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  border-right: 1.5px solid var(--gf-primary);
  border-bottom: 1.5px solid var(--gf-primary);
  rotate: 45deg;
  pointer-events: none;
}
/* Border lives on container only — no border on select element itself */
.gform-body select,
.gform_body .ginput_container select,
.ginput_container.ginput_container_select select {
  width: 100%;
  padding: 1.75rem 2.5rem 0.75rem 0.9rem !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0;
  color: var(--gf-ink) !important;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  box-shadow: none !important;
  background-image: none !important;
}
.gform-body select option,
.gform_body .ginput_container select option {
  background: var(--gf-lightest) !important;
  color: var(--gf-ink) !important;
}
.gform_body select:focus,
.gform_body .ginput_container select:focus,
.ginput_container.ginput_container_select select:focus {
  box-shadow: none !important;
  outline: none;
}
.ginput_container.ginput_container_select.focused-field {
  border-color: var(--gf-base);
  border-bottom-color: var(--gf-mid);
}
.ginput_container.ginput_container_select select,
.ginput_container.ginput_container_select select:focus,
.ginput_container.ginput_container_select select:active {
  outline: none !important;
  box-shadow: none !important;
}

/* Select label float */
.gfield--type-select .gfield_label {
  left: 0.25rem;
  top: 1.1rem;
}
.gfield--type-select:hover .gfield_label,
.gfield--type-select .gfield_label.focused {
  top: -0.1rem !important;
  left: 0.1rem;
}

/* Address country select inside complex */
.ginput_address_country.gform-grid-col::before {
  height: 0;
  padding: 0;
}
.ginput_complex .ginput_container.ginput_container_select select {
  padding: 1.25rem 2rem 0.5rem 0.5rem !important;
  border-bottom: 1.5px solid var(--gf-border-mid) !important;
}
.ginput_complex .ginput_container.ginput_container_select {
  border: 0 !important;
  border-bottom: 1.5px solid var(--gf-border-mid) !important;
  border-radius: 0;
}
.gform_body .ginput_container .address_country select,
.gform_body .ginput_container .address_country select:focus {
  border-bottom: 1.5px solid var(--gf-border-mid) !important;
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  padding: 1rem !important;
}

/* ******************************
 * DATE PICKER
 * *************************** */

.gfield--input-type-datepicker .ginput_container {
  width: 100%;
  padding: 2.5rem 0.9rem 0.75rem !important;
  border: 1px solid var(--gf-border-soft);
  border-bottom: 2px solid var(--gf-primary);
  border-radius: var(--gf-radius) var(--gf-radius) 0 0;
}
.gfield--input-type-datepicker .ginput_container::before {
  display: none !important;
}

/* Datepicker text input — bottom border only, beats broad input[type=text] rule */
.gform_wrapper.gravity-theme .gfield--input-type-datepicker .ginput_container input.gform-datepicker,
.gform_wrapper.gravity-theme .gfield--input-type-datepicker .ginput_container input[type=text] {
  width: 100% !important;
  background: transparent !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1.5px solid var(--gf-border-mid) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--gf-ink) !important;
  padding: 0 0 0.5rem !important;
}
.gform_wrapper.gravity-theme .gfield--input-type-datepicker .ginput_container input.gform-datepicker:focus,
.gform_wrapper.gravity-theme .gfield--input-type-datepicker .ginput_container input[type=text]:focus {
  border-bottom-color: var(--gf-primary) !important;
  box-shadow: none !important;
  outline: none;
}
.gfield.gfield--input-type-datepicker,
.gfield--input-type-datefield {
  margin: 2.75rem 0 0 !important;
}
.gfield--input-type-datepicker label.gfield_label {
  top: 0.85rem !important;
}
.gfield--input-type-datepicker:hover label.gfield_label,
.gfield--input-type-datepicker label.gfield_label.focused {
  top: -0.65rem !important;
}

/* Date field (MM DD YY inputs) — bottom border only, beats broad input[type=number] rule */
.gform_wrapper.gravity-theme .gfield--input-type-datefield .ginput_container_date input[type=number] {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1.5px solid var(--gf-border-mid) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0.5rem 0.35rem !important;
  color: var(--gf-ink) !important;
}
.gform_wrapper.gravity-theme .gfield--input-type-datefield .ginput_container_date input[type=number]:focus {
  border-bottom-color: var(--gf-primary) !important;
  box-shadow: none !important;
  outline: none;
}

/* ******************************
 * DATE DROPDOWN & TIME
 * *************************** */

.gfield--input-type-datedropdown,
.gfield--type-time {
  border: 1px solid var(--gf-border-soft);
  border-bottom: 2px solid var(--gf-primary);
  border-radius: var(--gf-radius) var(--gf-radius) 0 0;
  padding: 2rem 1rem 0.75rem !important;
  margin-top: 2.75rem !important;
}
.gfield--input-type-datedropdown .ginput_container,
.gfield--type-time .ginput_container {
  padding: 0 !important;
  border: 0 !important;
}
.gfield--input-type-datedropdown .ginput_container::before,
.gfield--type-time .ginput_container::before {
  display: none !important;
}
.gfield--input-type-datedropdown legend.gfield_label {
  top: 0.5rem !important;
}
.gfield--input-type-datedropdown:hover legend.gfield_label,
.gfield--input-type-datedropdown legend.gfield_label.focused {
  top: -0.75rem !important;
  background: var(--gf-label-bg);
  padding: 0 0.35rem;
  width: fit-content;
}

/* Date dropdown selects — bottom border only */
.gfield--input-type-datedropdown .ginput_container_date select {
  border: 0 !important;
  border-bottom: 1.5px solid var(--gf-border-mid) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0.5rem 1.5rem 0.5rem 0.35rem !important;
  color: var(--gf-ink) !important;
  min-width: 7rem !important;
  appearance: none;
  -webkit-appearance: none;
}
.gfield--input-type-datedropdown .ginput_container_date select:focus,
.gfield--input-type-datedropdown .ginput_container_date select:active {
  border-bottom-color: var(--gf-primary) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Time inputs — bottom border only, beats broad input[type=number] rule */
.gform_wrapper.gravity-theme .gfield--type-time .ginput_container_time input[type=number] {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1.5px solid var(--gf-border-mid) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--gf-ink) !important;
  padding: 0.5rem 0.35rem !important;
  min-width: 4rem !important;
}
.gform_wrapper.gravity-theme .gfield--type-time .ginput_container_time input[type=number]:focus {
  border-bottom-color: var(--gf-primary) !important;
  box-shadow: none !important;
  outline: none;
}

/* Time AM/PM select — bottom border only */
.gfield--type-time .gfield_time_ampm select {
  border: 0 !important;
  border-bottom: 1.5px solid var(--gf-border-mid) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0.5rem 1.5rem 0.5rem 0.35rem !important;
  color: var(--gf-ink) !important;
  box-shadow: none !important;
  outline: none !important;
}
.gfield--type-time .gfield_time_ampm select:focus,
.gfield--type-time .gfield_time_ampm select:active {
  outline: none !important;
  box-shadow: none !important;
}
.below.hour_minute_colon {
  color: var(--gf-label-color);
  font-weight: 600;
  padding: 0 0.2rem;
}

/* ******************************
 * CHECKBOX & RADIO
 * *************************** */

.gfield--type-checkbox,
.gfield--type-radio {
  border: 1px solid var(--gf-border-soft);
  border-bottom: 2px solid var(--gf-primary);
  border-radius: var(--gf-radius) var(--gf-radius) 0 0;
  padding: 0.5rem 0 !important;
  margin-top: 2.75rem !important;
}
.gfield--type-checkbox .ginput_container::before,
.gfield--type-radio .ginput_container::before {
  display: none !important;
}

/* Radio & checkbox labels — static, no movement, no bg, no hover effect */
.gfield--type-radio .gfield_label,
.gfield--type-radio:hover .gfield_label,
.gfield--type-checkbox .gfield_label,
.gfield--type-checkbox:hover .gfield_label {
  top: 0.85rem !important;
  left: 0 !important;
  color: var(--gf-label-color) !important;
  background: transparent !important;
  padding: 0 !important;
  transition: none !important;
}

/* Radio & checkbox legend — fixed resting position, never moves */
fieldset.gfield--type-checkbox.gfield legend.gfield_label,
fieldset.gfield--type-radio.gfield legend.gfield_label,
fieldset.gfield--type-radio.gfield:hover label.gfield_label, 
fieldset.gfield--type-checkbox.gfield:hover legend.gfield_label {
  top: -0.75rem !important;
  left: 0 !important;
  color: var(--gf-label-color) !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Radio options — single column */
.ginput_container.ginput_container_radio,
.ginput_container.ginput_container_radio .gfield_radio {
  padding: 0.5rem 0 0.75rem !important;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Checkbox options — 2-column grid */
.ginput_container.ginput_container_checkbox .gfield_checkbox {
  padding: 1.0rem 0 0.75rem !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: space-between;
  gap: 1rem;
}

/* Choice row */
.gchoice {
  position: relative;
  height: 3.25rem;
  z-index: 1;
  margin: 0;
  padding: 0;
  border: 1px solid var(--gf-border-soft);
  border-radius: var(--gf-radius);
  overflow: hidden;
  transition: border-color var(--gf-transition), background var(--gf-transition);
}
/* Radio choices — 1 col */
.ginput_container_radio .gchoice {
  width: 100% !important;
}
/* Checkbox choices — 1 col */
.ginput_container_checkbox .gchoice {
  width: 100% !important;
}
.gchoice:hover {
  border-color: var(--gf-base);
  background: var(--gf-field-bg);
  cursor: pointer;
}

/* Hidden native input */
input.gfield-choice-input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  padding: 0;
  z-index: 2;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

/* Checked state: colored fill */
input.gfield-choice-input:checked ~ label,
input.gfield-choice-input:checked + label {
  color: var(--gf-white) !important;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.gchoice:has(input:checked) {
  background: linear-gradient(100deg, var(--gf-dark), var(--gf-primary));
  border-color: var(--gf-primary);
}

/* Label text */
.gchoice label {
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
  right: 3.5rem;
  letter-spacing: 0.04em;
  color: var(--gf-ink);
  transition: color var(--gf-transition);
  pointer-events: none;
  overflow: visible;
  display: block;
  padding: 0;
}

/* Custom indicator box/circle on right */
input.gfield-choice-input + label::after {
  content: "";
  position: absolute;
  right: -2.5rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.375rem;
  height: 1.375rem;
  border: 1.5px solid var(--gf-base);
  transition: background var(--gf-transition), border-color var(--gf-transition);
}
input[type="checkbox"].gfield-choice-input + label::after {
  border-radius: 3px;
}
input[type="radio"].gfield-choice-input + label::after {
  border-radius: 50%;
}
input.gfield-choice-input:checked + label::after {
  content: "✓";
  background: var(--gf-primary);
  border-color: var(--gf-mid);
  color: var(--gf-white);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
.gfield-choice-input:focus {
  box-shadow: none !important;
}

/* ******************************
 * FILE UPLOAD
 * *************************** */

.ginput_container.ginput_container_fileupload {
  width: 100%;
  padding: 3rem 1rem 1.25rem !important;
  border: 1px solid var(--gf-border-soft);
  border-bottom: 2px solid var(--gf-primary);
  border-radius: var(--gf-radius) var(--gf-radius) 0 0;
  position: relative;
}
.ginput_container.ginput_container_fileupload::before {
  display: none !important;
}
.gfield--type-fileupload label.gfield_label,
.gfield--type-fileupload:hover label.gfield_label,
.gfield--type-fileupload label.gfield_label.focused {
  margin-top: 0;
  top: 0.7rem !important;
  left: 0.9rem !important;
  color: var(--gf-label-color) !important;
  background: transparent !important;
  padding: 0 !important;
  letter-spacing: 0.09em !important;
}
.gfield--type-fileupload input[type=file] {
  color: var(--gf-mid);
}
.gfield--type-fileupload input[type=file]::file-selector-button {
  background: linear-gradient(120deg, var(--gf-dark), var(--gf-primary));
  color: var(--gf-white);
  border: 0;
  padding: 0.45rem 1.25rem;
  border-radius: var(--gf-radius);
  cursor: pointer;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-right: 1rem;
  transition: opacity var(--gf-transition);
}
.gfield--type-fileupload input[type=file]::file-selector-button:hover {
  opacity: 0.82;
}
.gfield_description.gform_fileupload_rules {
  color: var(--gf-mid);
  margin-top: 0.5rem;
  display: block;
}
.gform_body .ginput_container_fileupload input:focus {
  box-shadow: none;
  outline: none;
}

/* ******************************
 * VALIDATION & ERRORS
 * *************************** */

/* Error labels */
.gform_wrapper .gfield_error label.gfield_label,
.gform_validation_error label.gfield_label {
  color: var(--gf-label-color-active) !important;
}
.gfield_error label.gfield_label.gform-field-label,
.gform_validation_error label.gfield_label.gform-field-label {
  top: -0.65rem;
  background: var(--gf-label-bg);
  padding: 0 0.35rem;
}
.gform_validation_error .gfield:not(.gfield--type-radio):not(.gfield--type-checkbox):not(.gfield--type-fileupload):hover label.gfield_label,
.gform_validation_error .gfield:not(.gfield--type-radio):not(.gfield--type-checkbox):not(.gfield--type-fileupload):hover legend.gfield_label,
.gform_validation_error fieldset.gfield:not(.gfield--type-radio):not(.gfield--type-checkbox):not(.gfield--type-fileupload):hover legend.gfield_label.gfield_label_before_complex,
.gform_validation_error .gfield:not(.gfield--type-radio):not(.gfield--type-checkbox):not(.gfield--type-fileupload) label.gfield_label.focused,
.gform_validation_error fieldset.gfield:not(.gfield--type-radio):not(.gfield--type-checkbox):not(.gfield--type-fileupload) legend.gfield_label.gfield_label_before_complex.focused {
  color: var(--gf-label-color-active) !important;
  top: -0.65rem;
}

/* Error state on inputs */
.gform_wrapper.gravity-theme.gform_validation_error .gfield_error input,
.gform_wrapper.gravity-theme .gfield_error input {
  border-color: var(--gf-primary) !important;
  background: var(--gf-field-bg) !important;
}

/* Validation error summary banner */
.gform_wrapper.gravity-theme .gform_validation_errors {
  background: var(--gf-error-bg) !important;
  border: 1px solid var(--gf-base) !important;
  border-left: 4px solid var(--gf-primary) !important;
  border-radius: var(--gf-radius) !important;
  padding: 1rem 1.25rem !important;
  margin-bottom: 1.5rem;
}
h2.gform_submission_error.hide_summary,
.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
  color: var(--gf-error-txt) !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  font-size: var(--wst-body-text-md) !important;
  line-height: 1.15 !important;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.gform_wrapper.gravity-theme .gform_validation_errors > h2 .gform-icon {
  position: relative !important;
  display: inline-flex !important;
  padding: 0 !important;
  margin: 0 0.35rem 0 0 !important;
  inset-inline-start: 0 !important;
  width: auto !important;
}

/* Inline field validation message */
.gfield_validation_message,
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
  background: var(--gf-error-bg) !important;
  border: 1px solid var(--gf-primary) !important;
  color: var(--gf-error-txt) !important;
  letter-spacing: 0.04em;
  line-height: 1.5;
  padding: 0.3rem 0.75rem !important;
  margin: 0.4rem 0 0 !important;
  border-radius: 0 0 var(--gf-radius) var(--gf-radius);
  display: flex !important;
  width: auto !important;
}

/* Honeypot */
.gform_validation_container {
  display: none !important;
}


/* ******************************
 * SUBMIT BUTTON
 * *************************** */
/*
 * BUTTON COLORS — driven by CSS variables:
 *   Background/gradient: --gf-primary (end) and --gf-dark (start)
 *   Button text:         --gf-white
 *   Hover border + text: --gf-secondary
 * To customise, update those vars in the CSS VARIABLES section above.
 */

.gform_wrapper .gform_footer {
  padding: 0.25rem 0 0;
  margin: 2rem 0 0;
  display: flex;
  justify-content: flex-start;
}
.gform_wrapper .gform_footer .gform_button,
.gform_wrapper.gravity-theme .gform_button.button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 3rem 0.5em !important;
  background-color: var(--gf-primary) !important;
  background-image: linear-gradient(104deg, transparent 48%, var(--gf-primary) 52%, var(--gf-primary) 100%) !important;
  background-size: 300% 100% !important;
  background-position: right center !important;
  color: var(--gf-white) !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  border: 1px solid transparent !important;
  border-radius: var(--gf-radius);
  cursor: pointer;
  min-width: 12rem;
  overflow: hidden;
  transition: background-position 0.75s ease,
              background-color 0.75s ease,
              border-color 0.5s ease,
              color 0.75s ease !important;
}
.gform_wrapper .gform_footer .gform_button:hover,
.gform_wrapper .gform_footer .gform_button:focus,
.gform_wrapper.gravity-theme .gform_button.button:hover,
.gform_wrapper.gravity-theme .gform_button.button:focus {
  background-color: var(--gf-secondary) !important;
  background-position: left center !important;
  border-color: var(--gf-secondary) !important;
  color: var(--gf-white) !important;
}

/* Multi-page buttons — same full treatment as submit */
.gform_wrapper.gravity-theme .gform_previous_button.button,
.gform_wrapper.gravity-theme .gform_save_link.button,
.gform_body .gform_page_footer .gform_next_button,
.gform_body .gform_page_footer input[type=submit] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 2.5rem !important;
  background-color: var(--gf-primary) !important;
  background-image: linear-gradient(104deg, transparent 48%, var(--gf-dark) 52%, var(--gf-primary) 100%) !important;
  background-size: 300% 100% !important;
  background-position: right center !important;
  color: var(--gf-white) !important;
  border: 1px solid transparent !important;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 8px;
  min-width: 12rem;
  overflow: hidden;
  transition: background-position 0.75s ease,
              background-color 0.75s ease,
              border-color 0.5s ease,
              color 0.75s ease !important;
}
/* Previous button — visually subdued vs Next/Submit */
.gform_wrapper.gravity-theme .gform_previous_button.button {
  color: var(--gf-light) !important;
}
.gform_wrapper.gravity-theme .gform_previous_button.button:hover,
.gform_wrapper.gravity-theme .gform_previous_button.button:focus,
.gform_wrapper.gravity-theme .gform_save_link.button:hover,
.gform_body .gform_page_footer .gform_next_button:hover,
.gform_body .gform_page_footer input[type=submit]:hover {
  background-color: transparent !important;
  background-position: left center !important;
  border-color: var(--gf-secondary) !important;
  color: var(--gf-secondary) !important;
}

/* Confirmation message */
.gform_confirmation_wrapper .gform_confirmation_message {
  padding: 1.5rem;
  background: var(--gf-field-bg);
  border-left: 4px solid var(--gf-primary);
  color: var(--gf-ink);
  letter-spacing: 0.02em;
  border-radius: 0 var(--gf-radius) var(--gf-radius) 0;
}


/* ******************************
 * MEDIA QUERIES
 * *************************** */
@media (max-width: 768px) {
  .gform_wrapper .gform_footer .gform_button,
  .gform_wrapper.gravity-theme .gform_button.button {
    width: 100%;
    min-width: unset;
  }
  .ginput_complex.gform-grid-row {
    flex-wrap: wrap;
  }
  .ginput_complex.gform-grid-row .gform-grid-col {
    flex: 1 1 100%;
  }
  /* Checkbox choices collapse to full width on tablet/mobile */
  .ginput_container_checkbox .gchoice {
    width: 100% !important;
  }
}
@media (max-width: 480px) {
  .gfield {
    margin-top: 2rem;
  }
  fieldset.gfield {
    padding: 1.5rem 0.75rem 0.75rem !important;
  }
}