/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 09 2025 | 04:58:41 */
/* ===========================================================
Gravity Forms Custom Styling
Includes: Select2 dropdown hover, buttons, inputs, slider
=========================================================== */


.gform_wrapper .gfield--input-type-checkbox .ginput_container_checkbox {
width:100%;
max-width:100%;
}
.gform_wrapper .gfield--input-type-checkbox .gfield_checkbox {
width:100%;
max-width:100%; 
display:flex;
flex-wrap: wrap; 
gap:15px;
}

.gform_wrapper .gfield--input-type-checkbox .gfield_checkbox input[type="checkbox"] {
display: none;
}

/* Style the labels as buttons */
.gform_wrapper .gfield--input-type-checkbox  .gfield_checkbox label {
display: inline-block;
max-width:100% !important;
padding: 8px 25px;
border: 1px solid var(--dark-black);
border-radius: 100px;
background-color: var(--light-white);
color: var(--dark-black);
text-transform: uppercase;
cursor: pointer;
font-weight: 400;
transition: all 0.2s ease-in-out;
user-select: none;
font-size:14px;
line-height:100%;
font-weight:500;
}

/* Hover effect */
.gform_wrapper .gfield--input-type-checkbox .gfield_checkbox label:hover {
background-color: var(--dark-black);
color: var(--light-white);
border-color: var(--dark-black);
}

/* Checked state */
.gform_wrapper .gfield--input-type-checkbox  .gfield_checkbox input[type="checkbox"]:checked + label {
background-color: var(--dark-black);
color: var(--light-white);
border-color: var(--dark-black);
}

/* Optional: focus outline for accessibility */
/* .gform_wrapper .gfield--input-type-checkbox .gfield_checkbox input[type="checkbox"]:focus + label {
box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.4);
} */
/* Disabled state for checkbox buttons */
.gform_wrapper .gfield--input-type-checkbox .gfield_checkbox input[type="checkbox"]:disabled + label {
background-color: var(--light-white);
color: var(--light-white);
border-color: var(--light-white);         
cursor: not-allowed;         
opacity: 0.7;           
}

/* Optional: remove hover effect for disabled buttons */
.gform_wrapper  .gfield--input-type-checkbox .gfield_checkbox input[type="checkbox"]:disabled + label:hover {
background-color: var(--light-white);
color: var(--light-white);
border-color: var(--light-white);  
}


/* ==========================
Gravity Forms Submit Button
========================== */
body .gform_wrapper input[type="submit"],
body .gform_wrapper .gform_footer input[type="submit"] {
background-color: var(--light-yellow)!important;
font-size: 14px !important;
font-weight: 500 !important;
text-decoration: none !important;
line-height: 100% !important;
fill: var(--dark-black) !important;
color: var(--dark-black) !important;
border-style: solid !important;
border-radius: 100px !important;
text-transform: uppercase;
margin-bottom: unset !important;
padding: 11px 25px !important;
box-shadow: 2px 2px 0px 0px #00000040;
cursor: pointer;
transition: all 0.3s ease-in-out;
}

body .gform_wrapper input[type="submit"]:hover {
background-color: var(--dark-black)!important;
color:var(--light-white)!important;

}

/* Previous Button */
.gform_page_footer .gform_previous_button {
background-color: var(--light-white)!important;
font-size: 14px !important;
font-weight: 500 !important;
text-decoration: none !important;
border: 1px solid var(--light-grey02);
line-height: 100% !important;
fill: var(--dark-black) !important;
color: var(--dark-black) !important;
border-style: solid !important;
border-radius: 100px !important;
text-transform: uppercase;
margin-bottom: unset !important;
padding: 11px 25px !important;
box-shadow: 2px 2px 0px 0px #CCCCCC;
cursor: pointer;
transition: all 0.3s ease-in-out;
}
.gform_page_footer .gform_previous_button:hover {
background-color: var(--dark-black)!important;
color:var(--light-white)!important;
}
/* Next Button */

.gform_page_footer  .gform_next_button:hover {
background-color: var(--dark-black)!important;
color:var(--light-white)!important;
}
.gform_page_footer  .gform_next_button {
background-color: var(--light-yellow)!important;
font-size: 14px !important;
font-weight: 500 !important;
text-decoration: none !important;
line-height: 100% !important;
fill: var(--dark-black) !important;
color: var(--dark-black) !important;
border:none;
border-radius: 100px !important;
text-transform: uppercase;
margin-bottom: unset !important;
padding: 11px 25px !important;
box-shadow: 2px 2px 0px 0px #00000040;
cursor: pointer;
transition: all 0.3s ease-in-out;
}

/* ==========================
footer of Gform related
========================== */
.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
padding:unset;
margin:60px 0px 0px 0px;
}
/* ==========================
NoUI Slider
========================== */
.gform_wrapper .noUi-target {
margin-top: unset !important;
margin-bottom: unset !important;
}

.gfield--input-type-nurslider .noUi-target {
height: 6px !important;
border-radius: unset !important;
border: unset !important;
background: var(--light-grey02) !important;
}

body .gform_wrapper .noUi-handle:before,
body .gform_wrapper .noUi-handle:after {
display: none;
}

.gfield--input-type-nurslider .noUi-connect {
background: var(--dark-black) !important;
height: 6px !important;
border-radius: unset !important;
border: unset !important;
}

.gfield--input-type-nurslider .noUi-handle {
width: 20px !important;
height: 20px !important;
border-radius: 50% !important;
top: -8px !important;
background: var(--dark-black) !important;
border: unset !important;
}

.gform_wrapper .noUi-handle {
box-shadow: unset !important;
}

/* ==========================
Form Field Styling
========================== */
.gform_wrapper.gravity-theme .gform_fields {
grid-row-gap: 30px !important; 
}

body .gform_wrapper .gfield_validation_message {
color: var(--dark-red02) !important;
font-size: 14px;
font-weight: 400 !important;
line-height: 100% !important;
margin-top: unset !important;
padding: 0px 0 0 0 !important;
border: unset !important;
background: unset !important;
box-shadow: unset !important;
}

/* Input / Textarea Styling */

body .gform_wrapper .gfield--input-type-text input[type="text"],
body .gform_wrapper .gfield--input-type-email input[type="email"],
body .gform_wrapper .gfield--input-type-website input[type="url"],
body .gform_wrapper .gfield--input-type-url input[type="url"],
body .gform_wrapper .gfield--input-type-phone input[type="tel"],
body .gform_wrapper .gfield--input-type-number input[type="number"],
body .gform_wrapper .gfield--input-type-password input[type="password"],
body .gform_wrapper .gfield--input-type-textarea textarea,
body .gform_wrapper .gfield--input-type-name input[type="text"],
body .gform_wrapper .gfield--input-type-address input[type="text"]
{
border: none !important;
box-shadow: none !important;
outline: none !important;
border: 1px solid var(--light-grey02) !important;
padding: 21px 0 21px 30px !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 100% !important;
width: 100%;
color: var(--dark-black) !important;
background: transparent !important;
border-radius: 10px;
}
@media (max-width:767px)
{
	body .gform_wrapper .gfield--input-type-text input[type="text"],
body .gform_wrapper .gfield--input-type-email input[type="email"],
body .gform_wrapper .gfield--input-type-website input[type="url"],
body .gform_wrapper .gfield--input-type-url input[type="url"],
body .gform_wrapper .gfield--input-type-phone input[type="tel"],
body .gform_wrapper .gfield--input-type-number input[type="number"],
body .gform_wrapper .gfield--input-type-password input[type="password"],
body .gform_wrapper .gfield--input-type-textarea textarea,
body .gform_wrapper .gfield--input-type-name input[type="text"],
body .gform_wrapper .gfield--input-type-address input[type="text"]
{
	padding: 15px 0 15px 20px !important;
	}
}

body .gform_wrapper .gfield--input-type-text input[type="text"]:focus,
body .gform_wrapper .gfield--input-type-email input[type="email"]:focus,
body .gform_wrapper .gfield--input-type-url input[type="url"],
body .gform_wrapper .gfield--input-type-website input[type="url"],
body .gform_wrapper .gfield--input-type-phone input[type="tel"]:focus,
body .gform_wrapper .gfield--input-type-number input[type="number"]:focus,
body .gform_wrapper .gfield--input-type-password input[type="password"]:focus,
body .gform_wrapper .gfield--input-type-textarea textarea:focus,
body .gform_wrapper .gfield--input-type-name input[type="text"]:focus,
body .gform_wrapper .gfield--input-type-address input[type="text"]:focus

{
border: 1px solid var(--light-grey02) !important;
color: var(--dark-black) !important;
outline: none !important;      
border-radius: 10px;    
}

/* Placeholder */
body .gform_wrapper ::placeholder {
color: var(--light-grey02) !important;
font-size: 14px !important;
line-height: 100% !important;
font-weight: 400 !important;
}

/* Select min-height */
body .gform_wrapper select {
min-height: unset !important; 
height: auto !important;      
}

/*  Description related CSS
*/

.gform_wrapper .gfield_description {
display: block !important;
font-weight: 500 !important;
font-size: 16px !important;
line-height: 100% !important;
color: var(--dark-black);
padding-bottom: 20px !important;
margin-top: unset !important;
padding-top:unset !important;
}

@media (max-width:1024px)
{
body .gform_wrapper .gfield_description {
    padding-bottom: 14px !important;
}
}



/* Show labels */
body .gform_wrapper.gravity-theme .gfield_label {
font-weight: 500;
font-size: 22px;
line-height: 100%;
color: var(--dark-black);
margin-bottom:unset;
}
body .gform_wrapper.gravity-theme label.gfield_label { 
padding-bottom:20px;
margin-bottom:unset !important; 
}
body .gform_wrapper.gravity-theme legend.gfield_label { 
padding-bottom:20px;
margin-bottom:unset !important; 
}
body .gform_wrapper.gravity-theme .gform-field-label--type-sub {
font-size: 16px;
line-height: 100%;
color: var(--dark-black);
padding-bottom:20px;
margin-bottom:unset;
font-weight: 500;
}
body .select2-container--default {
margin-bottom:unset;  
}

body .gform_wrapper .gfield--type-fileupload .gfield_label {
display:block !important;  
}
.gfield_description.instruction {
padding-top:6px !important;
font-size:16px !important;
}


/* ==========================
Global Colors
========================== */
:root {
/* Light Colors */
--light-white: #FFFEFA;
--light-grey01: #F8F7F2;
--light-grey02:#CCCCCC;
--light-yellow: #FFFDD2;


/* Dark Colors */

--dark-black: #242424;
--dark-grey01: #565654;
--dark-grey02: #888888;
--dark-red:#FF4747;


}

/* ==========================
Address Field Adjustments
========================== */
.gform_wrapper.gravity-theme .ginput_container_address span,
.gform_wrapper.gravity-theme .ginput_full:not(:last-of-type) {
margin-bottom: unset;
}

.gform_wrapper.gravity-theme .ginput_container_address > span:not(:first-of-type) {
padding-top: 50px;  
}

.gform_wrapper.gravity-theme .ginput_container_address {
margin-bottom: unset;
}


/* ==========================
Gravity Forms Radio Button Custom Styles
========================== */

body .gform_wrapper .gfield--input-type-radio .gfield_radio label {
display: flex ;
align-items: center ;
cursor: pointer;
font-size: 14px;
line-height:100%;
font-weight: 500;
color: var(--dark-black);
border:1px solid var(--dark-black);
gap: 10px; 
text-transform: uppercase;
padding: 8px 25px ;
background-color: var(--light-white) ;
border-radius:100px;
transition: background-color 0.3s ease;
position: relative; 
}

/* Hide default radio */
body .gform_wrapper .gfield--input-type-radio .gfield_radio input[type="radio"] {
display: none;
}

body .gform_wrapper .gfield--input-type-radio .gfield_radio {
  display:flex; 
  gap:12px;
  flex-wrap:wrap;
}
body .gform_wrapper .gfield--input-type-radio .gfield_radio .gchoice {
  width:fit-content; 
}
.gform_wrapper.gravity-theme .gfield-choice-input+label {
  max-width:100%; 
}

body .gform_wrapper .gfield--input-type-radio  .gfield_radio input[type="radio"]:checked + label {
border-radius:100px;
background-color:var(--dark-black);
color:var(--light-white);
padding:8px 25px;
border:1px solid var(--dark-black);
}


/* Hover state */
body .gform_wrapper .gfield--input-type-radio  .gfield_radio input[type="radio"]:hover + label{
    border-radius:100px;
background-color:var(--dark-black);
color:var(--light-white);
padding:8px 25px;
border:1px solid var(--dark-black);

}




/* Focus (keyboard navigation) */
body .gform_wrapper .gfield--input-type-radio  .gfield_radio input[type="radio"]:focus + label:before {
outline: 2px solid var(--light-yellow);
outline-offset: 2px;
}


/* Disable state styling for radio buttons */
body .gform_wrapper .gfield--input-type-radio  .gfield_radio .gchoice input[type="radio"]:disabled {
cursor: not-allowed; 
}

/* Apply opacity to the entire choice when disabled */
body .gform_wrapper .gfield--input-type-radio  .gfield_radio .gchoice input[type="radio"]:disabled + label {
opacity: 0.6;
pointer-events: none; 
}

/* Optional: dim the circle itself (radio input) */
body .gform_wrapper .gfield--input-type-radio  .gfield_radio .gchoice input[type="radio"]:disabled {
opacity: 0.6;
}


/* ==========================
Calendar Design
========================== */

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
background:var(--dark-black) !important;
border-color: var(--dark-black) !important;
color:var(--light-white) !important;
cursor:pointer;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-active {
background:var(--dark-black) !important;
border-color: var(--dark-black) !important;
color:var(--light-white) !important;
cursor:pointer;
}
.ui-datepicker {
background: var(--light-grey01) !important;
padding:32px 40px !important;
}
.gform_wrapper .ui-datepicker-header  {
margin-bottom:20px !important; 
}
.ui-datepicker-title select {
font-weight: 500!important;;
font-size: 18px !important;
line-height: 24px !important;;
text-align: center !important;;
}
.ui-datepicker  table tbody td a {
color: var(--dark-black) !important;
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;

}
.ui-datepicker tbody .ui-datepicker-other-month span {
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;
color: var(--dark-gray) !important;
background:unset !important;
box-shadow:unset !important;
border:unset !important;
}
.gravity-theme.ui-datepicker .ui-datepicker-calendar th span {
font-weight: 500;
font-size: 16px;
color: var(--dark-black) !important;
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
background-color:transparent; 
height:40px;
width:40px;
content: ""; 
display: block;
background-image: url('/wp-content/uploads/2025/10/left-arrow.png');
background-size: unset;
background-repeat: no-repeat;
background-position: center;
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
background-color:transparent; 
height:40px;
width:40px;
content: ""; 
display: block;
background-image: url('/wp-content/uploads/2025/10/right-arrow.png');
background-size: unset;
background-repeat: no-repeat;
background-position: center;
}
.gravity-theme.ui-datepicker .ui-datepicker-header .ui-corner-all {
width:40px;
}

/* ==========================
Consent Related Design
========================== */
.ginput_container_consent {
display:flex;
align-items:center;
gap:16px;
}
.ginput_container_consent .gform-field-label {
margin-bottom:unset; 
font-weight: 500;
color:var(--dark-black) !important;
font-size: 16px;
line-height: 100%;
}
.ginput_container_consent input {
margin:unset;
height:20px;
width:20px;
border-radius:2px;
border: 1px solid var(--dark-black) !important;
background:transparent !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
transition: background 0.2s ease, border-color 0.2s ease;
}

/* Hover */
.ginput_container_consent input[type="checkbox"]:hover {
background: var(--dark-black) !important;
border-color: var(--dark-black) !important;
}

/* Checked (active) */
.ginput_container_consent input[type="checkbox"]:checked {
background: var(--dark-black) !important;
border-color: var(--dark-black) !important;
}



/* ==========================
Date Related Styling
========================== */


/* Make parent container relative */
body .gform_wrapper .gfield--input-type-date .ginput_container {
position: relative;
width:100%;
}

/* Datepicker input styling */
body .gform_wrapper .gfield--input-type-date input[type="text"].datepicker {
font-weight: 400;
font-style: normal;
font-size: 14px;
line-height: 100%;
padding: 15px 60px 15px 20px; 
color: var(--dark-black);
border:1px solid var(--light-grey02);
outline: none;
box-sizing: border-box;
border-radius:10px;
width: 100%;
}

/* Placeholder styling */
body .gform_wrapper .gfield--input-type-date input[type="text"].datepicker::placeholder {
color:var(--light-grey02);
}

/* Focus / active state */
body .gform_wrapper .gfield--input-type-date input[type="text"].datepicker:focus {
color:  var(--dark-black);
border: none;
outline: none;
border:1px solid var(--light-grey02);
}

/* Add calendar icon inside input */
body .gform_wrapper .gfield--input-type-date .ginput_container::after {
content: '';
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
width: 24px; 
height: 24px; 
background-image: url('/wp-content/uploads/2025/10/minus.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
}

.gravity-theme.ui-datepicker .ui-datepicker-header select.ui-datepicker-month {
margin-right:10px !important;
}
.gravity-theme.ui-datepicker .ui-datepicker-header {
margin-bottom:20px !important 
}

/*  Save and Continue */

/* ==========================
Save & Continue Button (Custom Icon)
========================== */
.gform-page-footer {
display:flex;
align-items:center;
gap:20px;
}
body .gform_wrapper .gform_save_link {
position: relative;
display:inline-flex;
margin-bottom:unset !important;
align-items: center;
justify-content: center;
gap: 10px; /* space between icon & text */
background-color: var(--light-blue02) !important; /* #C4D7FB */
border-radius: 100px; /* pill shape */
padding: 18px 40px;
cursor: pointer;
border: none;
border-bottom: 4px solid var(--dark-blue02);

font-size: 17px;
font-weight: 400;
line-height: 100%;
color: var(--dark-black)!important; 
transition: background-color 0.2s ease, transform 0.1s ease;
overflow: hidden;
}
.gform_wrapper.gravity-theme .gform_page_footer input {
margin-bottom:unset !important; 
}
.gform_wrapper.gravity-theme .gf_progressbar {
margin-bottom:60px !important; 
}
/* Hover */
body .gform_wrapper .gform_save_link:hover {
background-color: #aec8f7; /* slightly darker hover shade */
}

/* Active/Pressed */
body .gform_wrapper .gform_save_link:active {
transform: translateY(1px);
border-bottom-width: 2px;
}

/* Hide the default SVG icon */
body .gform_wrapper .gform_save_link svg {
display: none !important;
}

/* Add custom icon before text */
body .gform_wrapper .gform_save_link::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: url("/wp-content/uploads/2025/09/download.png") no-repeat center center;
background-size: contain;

}


/*  HTML of the Bil Medlem Form */

.norboat-info h2{
font-weight: 600;
font-size: 36px;
line-height: 100%;
color: var(--dark-black);
margin:unset;
padding-bottom:8px;
}
.norboat-info h3  {
font-size: 24px;
color: var(--dark-black);
line-height: 100%;
}
.norboat-info p, .norboat-info p small, .norboat-info p strong, .norboat-info p a {
margin:16px 0px;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: var(--dark-black);
}
.norboat-info ul li, .norboat-info ul li a {
font-weight: 400;
font-size: 16px;
line-height: 100%;
color: var(--dark-black);  
margin:8px 0px;
display:inline-block;
}
.norboat-info table.my-table {
width: 100% !important;
border-collapse: collapse !important;
border-spacing: 4px !important;
border: 1px solid var(--dark-black, #132255) !important; /* fallback color */
box-sizing: border-box !important;
}

.norboat-info table th {
text-align: left;
padding-left: 10px !important;
border-bottom: 1px solid var(--dark-black);
font-weight: 600;
font-size: 16px;
line-height: 100%;
color: var(--dark-black) !important;
}
.norboat-info table td {
padding: 10px;
font-weight: 400;
font-size: 16px;
padding-left: 10px !important;
line-height: 100%;
color: var(--dark-black) !important;
}

@media (max-width:767px)
{
.gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer input {
    width:100%;
    display:block !important;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label {
    max-width:100%; 
}
.gform_wrapper .ginput_container_consent {
    gap:10px !important;

}
body .gform_wrapper.gravity-theme legend.gfield_label {
    padding-bottom:16px !important;

}
body .gform_wrapper.gravity-theme label.gfield_label {
    padding-bottom:16px !important;
}
.gform_wrapper.gravity-theme .gform_page_footer button {
    width:100%;
}
.gform-page-footer.gform_page_footer.top_label {
    flex-direction:column !important;
    margin-top:30px;
}
body .gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: 30px !important;
}
body .gform_wrapper.gravity-theme .gfield_label {
    padding-bottom:15px; 
}
.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    min-height:auto !important;
    line-height:100%;
}
.gform_wrapper.gravity-theme .ginput_container_address > span:not(:first-of-type) {
    padding-top:30px !important;
}
.gform_save_link {
    display:flex !important;
    align-items:center !important;
}
}

/*   Progress Bar Related CSS */

.gform_wrapper.gravity-theme .gf_progressbar_percentage {
background-color: var(--dark-black) !important;
height:14px;
border-radius: 100px !important;
}
.gform_wrapper.gravity-theme .gf_progressbar {
background-color: var(--light-grey02) !important;
}
.gform_wrapper .gf_progressbar_wrapper {
position:relative;
}
.gform_wrapper .gf_progressbar_wrapper  .gf_progressbar span {
position:absolute; 
right:0px;
top:-48px;
font-weight: 600;
font-size: 18px;
line-height: 100%;
text-align: right;
color: var(--dark-black);
}
.gform_wrapper  .gf_progressbar_title {
font-weight: 600 !important;
font-size: 18px!important;
line-height: 100%!important;
color: var(--dark-black)!important;
padding-bottom:25px;
margin:unset !important;
}

@media (max-width:767px)
{
.gform_wrapper  .gf_progressbar_title {
    padding-bottom:16px !important;
}
.gform_wrapper .gf_progressbar_wrapper  .gf_progressbar span { 
    top:-34px !important;
}
}


.ginput_container_fileupload .gfield_description  {
display:none !important; 
}


/* ========================== Upload file related Design ========================== */
/* Hide the file size rule message */
body .gform_wrapper .single-upload .gform_fileupload_rules { 
display: none !important; 
}
/* Hide the native file input but keep it clickable */
body .gform_wrapper .gfield--type-fileupload.single-upload  input[type="file"]
{ 
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
z-index: 2;
} 
/* Styled Upload Button */
body .gform_wrapper .single-upload .ginput_container_fileupload {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px; /* space between image & text */
box-shadow: 2px 2px 0px 0px #00000040;
background-color: var(--light-yellow); 
border-radius: 100px; /* pill shape */
padding: 8px 25px 8px 25px; /* top right bottom left */
cursor: pointer; overflow: hidden;
transition: background-color 0.2s ease;
}
/* Hover effect */
body .gform_wrapper .single-upload .ginput_container_fileupload:hover {
background-color: var(--light-yellow)!important;
} 
/* Upload icon */
body .gform_wrapper .single-upload .ginput_container_fileupload::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background: url("/wp-content/uploads/2025/10/upload.png") no-repeat center center;
background-size: contain;
}
/* Upload text */
body .gform_wrapper .single-upload .ginput_container_fileupload::after {
content: "Upload file";
font-weight: 500;
text-transform: uppercase;
font-size: 14px;
line-height: 100%;
letter-spacing: 0;
color: var(--dark-black);
}

/*  multiple Upload File */

/* ==========================
Gravity Forms Upload Button Styling
========================== */

/* Base style */
body .gform_wrapper .gfield--type-fileupload.multiple-upload  .gform_button_select_files {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px; /* space between image & text */
box-shadow: 2px 2px 0px 0px #00000040;
background-color: var(--light-yellow); 
border: unset;
border-radius: 100px; /* pill shape */
padding: 8px 25px 8px 25px; /* top right bottom left */
font-weight: 500 !important;
text-transform:uppercase;
font-size: 14px !important;
line-height: 100% !important;
font-weight:500;
color: var(--dark-black) !important;
transition: background-color 0.2s ease;
position: relative;
overflow: hidden;
cursor:pointer;
}

/* Hover for button */
body .gform_wrapper .gfield--type-fileupload.multiple-upload  .gform_button_select_files:hover {
background-color: var(--light-yellow); 
}

.multiple-upload .ginput_preview_list .ginput_preview {
margin: 0px;
padding-bottom: 5px;
color: var(--dark-black) !important;
font-size:16px;
line-height:100%;
}
.multiple-upload .ginput_preview_list {
margin-top:16px !important;
}

/* Icon inside button */
body .gform_wrapper .gfield--type-fileupload.multiple-upload .gform_button_select_files::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background: url("/wp-content/uploads/2025/10/upload.png") no-repeat center center;
background-size: contain;
}

body .gform_wrapper .gfield--type-fileupload.multiple-upload .gform_drop_instructions{
display:none; 
}
body .gform_wrapper .gfield--type-fileupload.multiple-upload .gform_drop_area {
background:unset;
border:unset;
border-radius:unset;
padding:unset;
text-align:left;
margin-bottom:unset;
}

.gfield_consent_description {
border:unset !important;
max-height: auto !important;
padding-left:unset !important;
padding-top:unset !important;
overflow-y :unset !important;
}


/* ==========================
TotemSelect Dropdown Styling
========================== */

/* Hide default arrow (if any) */
.single-select-dropdown .ts-wrapper.large .ts-control::after {
display: none;
}
/* Style the placeholder text */
input[type="select-one"]::placeholder {
  color: var(--dark-black) !important;
  text-transform: uppercase; /* change to lowercase or capitalize if needed */
}
/* Cross-browser support */
input[type="select-one"]::-webkit-input-placeholder {
  color: var(--dark-black);
  text-transform: uppercase;
}
.single-select-dropdown .ts-dropdown{
box-shadow: unset !important;
border-radius:unset !important;
}

.single-select-dropdown .ts-dropdown-content {
padding:unset; 
border-radius:10px;
}
/* Active / Focused state */
.single-select-dropdown .ts-wrapper.large.dropdown-active.focus .ts-control {
border: unset !important;
box-shadow: unset !important;
outline: unset !important;
}
.single-select-dropdown .focus .ts-control {
box-shadow: unset !important;
}


/* The visible select box */
.single-select-dropdown .ts-wrapper.large .ts-control {
border: unset !important;
border-radius: 10px !important;
background-color: var(--light-grey01) !important;

/* Custom arrow */
background-image: url('/wp-content/uploads/2025/10/down.png') !important;
background-repeat: no-repeat !important;
background-position: right 15px center !important;
background-size: 24px 24px !important;
min-height: 60px !important;        
padding: 0 40px 0 20px !important; 
display: flex !important;
align-items: center !important;
font-size: 14px !important;
font-weight: 400 !important;
color: var(--dark-black) !important;
cursor: pointer;
text-transform: uppercase;
}

/* Text inside selected box */
.single-select-dropdown .ts-wrapper.large .ts-control .item {
color: var(--dark-black) !important;
line-height: normal !important;
}

/* Dropdown panel */
.single-select-dropdown .ts-wrapper.large .ts-dropdown {
margin-top: 10px !important;  
border: none !important;
background-color: var(--light-grey01) !important;
z-index: 999;
}

/* Each option */
.single-select-dropdown .ts-wrapper.large .ts-dropdown .option {
font-size: 14px !important;
font-weight: 400 !important;
color: var(--dark-black) !important;
padding: 21px 20px !important;
line-height:100% !important;
cursor: pointer;
text-transform: uppercase;
}

/* Hover state */
.single-select-dropdown .ts-wrapper.large .ts-dropdown .option:hover {
background-color: var(--light-yellow) !important;
color: var(--dark-black) !important;
}

/* Selected state */
.single-select-dropdown .ts-wrapper.large .ts-dropdown .option.selected {
background-color: var(--light-yellow) !important;
color: var(--dark-black) !important;
}


/* ==========================
TotemSelect Multi-Select Styling
========================== */

/* Hide default arrow (if any) */
.select-multiple .ts-wrapper.large .ts-control::after {
display: none;
}
.select-multiple .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
border-left:unset;
padding:unset;
margin-left:10px;
font-size:22px;
line-height:100%; 
}
@media (max-width:767px)
{
.gform_wrapper  .select-multiple .ts-wrapper.large .ts-control {
    background-position: right 20px center !important;
    background-size: 24px 24px !important;
}
body .gform_wrapper  .select-multiple .has-items .ts-control {
    padding-top:10px !important;
    padding-bottom:10px !important;
}
}

.select-multiple .has-items input::placeholder {
opacity: 0 !important;
}

.select-multiple .ts-dropdown {
box-shadow: unset !important;
border-radius: unset !important;
}

.select-multiple .ts-dropdown-content {
padding: unset;
border-radius: 10px;
}

/* Active / Focused state */
.select-multiple .ts-wrapper.large.dropdown-active.focus .ts-control {
border: unset !important;
box-shadow: unset !important;
outline: unset !important;
}

.select-multiple .focus .ts-control {
box-shadow: unset !important;
}

/* The visible select box */
.select-multiple .ts-wrapper.large .ts-control {
border: unset !important;
border-radius: 10px !important;
background: var(--light-grey01);

/* Custom arrow */
background-image: url('/wp-content/uploads/2025/10/down.png') !important;
background-repeat: no-repeat !important;
background-position: right 40px center !important;
background-size: 24px 24px !important;
min-height: 60px !important;        /* height of the box */
padding: 0 40px 0 30px !important;  /* spacing (leave room for arrow) */
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;         /* allow multiple items (tags) */
font-size: 16px !important;
font-weight: 400 !important;
color: var(--dark-black) !important;
cursor: pointer;
}

/* Selected items (tags inside the box) */
.select-multiple .ts-wrapper.large .ts-control .item {
background-color: var(--light-grey01);
color: var(--dark-black) !important;
border-radius: unset;
margin-right: 6px;
font-size: 16px;
font-weight: 400;
line-height:100%;
margin-bottom:unset;
}

/* Placeholder text */
.select-multiple .ts-wrapper.large .ts-control input[placeholder]::placeholder {
color: var(--dark-black) !important;
font-weight: 400 !important;
font-size: 16px !important;
line-height: 100% !important;
}
input[type="select-multiple"]::-webkit-input-placeholder {
  color: var(--dark-black);
  text-transform: uppercase;
  line-height:100%;
}
input[type="select-multiple"] {
    line-height:100%;
}

/* Dropdown panel */
.select-multiple .ts-wrapper.large .ts-dropdown {
margin-top: 10px !important;
border: none !important;
background-color: var(--light-white) !important;
z-index: 999;
}

/* Each option */
.select-multiple .ts-wrapper.large .ts-dropdown .option {
font-size: 16px !important;
font-weight: 400 !important;
color: var(--dark-black) !important;
background-color: var(--light-grey01) !important;
padding:21px 20px 21px 20px !important;
line-height: 100% !important;
cursor: pointer;
}

/* Hover state */
.select-multiple .ts-wrapper.large .ts-dropdown .option:hover {
background-color: var(--light-yellow) !important;
color: var(--dark-black) !important;
}

/* Selected state */
.select-multiple .ts-wrapper.large .ts-dropdown .option.selected {
background-color: var(--light-yellow) !important;
color: var(--dark-black) !important;
}


/* ==========================
Date + Time Related Styling
========================== */

/* Make parent container relative */
body .gform_wrapper .date-with-time .ginput_container_awaiswp_datetime {
position: relative;
width: 100%;
}

/* Date + Time input styling */
body .gform_wrapper .date-with-time input[type="text"].awp_datetimepicker {
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
padding: 20px 60px 20px 30px;
color: var(--dark-black);
background: var(--light-grey01);
border: none;
outline: none;
box-sizing: border-box;
width: 100%;
}

/* Placeholder styling */
body .gform_wrapper .date-with-time input[type="text"].awp_datetimepicker::placeholder {
color: var(--light-grey02);
}

/* Focus / active state */
body .gform_wrapper .date-with-time input[type="text"].awp_datetimepicker:focus {
color: var(--dark-black);
border: none;
outline: none;
}

/* Add calendar icon inside input */
body .gform_wrapper .date-with-time .ginput_container_awaiswp_datetime::after {
content: '';
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
width: 24px; 
height: 24px; 
background-image: url('/wp-content/uploads/2025/10/minus.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
}

/* Datepicker header adjustments (if used) */
.gravity-theme.ui-datepicker .ui-datepicker-header select.ui-datepicker-month {
margin-right: 10px !important;
}
.gravity-theme.ui-datepicker .ui-datepicker-header {
margin-bottom: 20px !important;
}


/* ==========================
XDSoft Datetimepicker Design
========================== */

/* Main container */
 .xdsoft_datetimepicker {
 
  width: 100%;
  max-width: 402px !important;
  margin: 0 auto !important;
  border-collapse: collapse;
  background: var(--light-grey01) !important;
  padding: 32px 40px !important;
  box-sizing: border-box;
  z-index: 9999 !important;
  border-radius: 0;
}

/* Time Scrollbar */
 .xdsoft_scrollbar {
  width: 3px;
 background: var(--dark-grey02) !important;
}
body  .xdsoft_scrollbar > .xdsoft_scroller {
  height: 20px !important;
  background: var(--dark-grey02) !important;
}

/* Time section */
.xdsoft_time {
  font-weight: 500;
  font-size: 16px !important;
  line-height: 100%;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 0;
  height: auto !important;
  color: var(--light-grey02) !important;
}
 .xdsoft_time_box {
  border: unset;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
  width: 100%;
  padding-top: 30px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  width: 100%;
  height: 100px;
}
 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
  background: var(--light-grey01)!important;
  border: unset;
  border-top: 1px solid var(--dark-black) !important;
}
body  .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
  background: var(--light-grey01)!important;
  color: var(--dark-black) !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
  box-shadow: unset;
  background: unset;
  font-weight: 500;
  color: var(--dark-black) !important;
}
 .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
  margin: unset;
  display: flex;
  gap: 15px;
  align-items: center;
}
 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  background-position: center;
  margin: unset;
  padding: 20px;
}

/* Datepicker Section */
.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 100%;
  margin-left: unset !important;
}
.xdsoft_label.xdsoft_year {
  margin-left: unset !important;
}
 .xdsoft_datetimepicker .xdsoft_monthpicker {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 24px !important;
}
 .xdsoft_datetimepicker .xdsoft_label {
  background-color: transparent;
  font-size: 14px !important;
  line-height: 100% !important;
  margin-bottom: unset !important;
}
 .xdsoft_datetimepicker .xdsoft_label i {
  display: none;
}
.xdsoft_datetimepicker .xdsoft_month,
 .xdsoft_datetimepicker .xdsoft_year {
  width: 132px;
}
 .xdsoft_datetimepicker .xdsoft_year {
  text-align: left;
}
.xdsoft_datetimepicker .xdsoft_month span,
 .xdsoft_label.xdsoft_year span {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
}

/* Prev / Next buttons */
 .xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next {
  width: 40px;
  height: 40px;
  /* background-color: var(--light-white); */
  border: none;
  cursor: pointer;
  opacity: 1 !important;
}
 .xdsoft_datetimepicker .xdsoft_today_button {
  display: none !important;
  opacity: 1 !important;
}
 .xdsoft_datetimepicker .xdsoft_prev {
  background-image: url('/wp-content/uploads/2025/10/left-arrow.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: unset;
}
.xdsoft_datetimepicker .xdsoft_next {
  background-image: url('/wp-content/uploads/2025/10/right-arrow.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: unset;
}

/* Calendar Table */
 .xdsoft_datetimepicker .xdsoft_calendar table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px;
}
.xdsoft_datetimepicker .xdsoft_calendar td,
 .xdsoft_datetimepicker .xdsoft_calendar th {
  border: unset;
  background: unset;
  height: 40px;
  width: 40px;
  text-align: center;
}
 .xdsoft_datetimepicker .xdsoft_calendar tr {
  border: unset;
}
 .xdsoft_datetimepicker .xdsoft_calendar th {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: var(--dark-blue01);
}
 .xdsoft_datetimepicker .xdsoft_calendar th span {
  font-weight: 500;
  font-size: 16px;
  color: var(--dark-blue01) !important;
}
 .xdsoft_datetimepicker .xdsoft_calendar td > div {
  padding-right: unset;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 24px;
  text-align: center;
}

/* Calendar Dates */
 .xdsoft_date {
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--dark-blue01) !important;
}
 .xdsoft_datetimepicker .xdsoft_date {
  cursor: pointer;
  padding: 8px 0;
  border-radius: 0;
}
 .xdsoft_datetimepicker .xdsoft_date:hover {
  border-radius: 100%;
}
 .xdsoft_datetimepicker .xdsoft_date.xdsoft_other_month {
  color: var(--dark-grey02) !important;
}
body .xdsoft_datetimepicker .xdsoft_other_month div {
  color: var(--dark-grey02) !important;
}
 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month {
  opacity: 1 !important;
}
.xdsoft_datetimepicker .xdsoft_date.xdsoft_current,
 .xdsoft_datetimepicker .xdsoft_date.xdsoft_today {
  text-align: center;
  height: 40px;
  width: 40px;
  border: unset;
  background: unset !important;
  color: var(--dark-grey01) !important;
}
 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
  background: var(--dark-black) !important;
  border-radius: 100%;
  color: var(--light-white) !important;
  border: unest !important;
  box-shadow: unset;
}
 .xdsoft_datetimepicker .xdsoft_calendar td:hover div {
  color:var(--light-white) !important;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
  background:var(--dark-black) !important;  
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
  padding-top:4px;
  padding-bottom:4px;
  font-weight:500;
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
  background:var(--dark-black) !important;  
  box-shadow:unset;
  font-weight:500;
}
.xdsoft_datetimepicker.xdsoft_ .xdsoft_scrollbar .xdsoft_scroller {
    background: var(--dark-black) !important;
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
  right:unset !important; 
}
.ts-dropdown .active {
  background-color:var(--light-grey01);
}