/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 10 2025 | 13:42:52 */
#gform_wrapper_2 .gfield .gchoice input + label small { 
  display:block; 
  opacity:.8; 
  font-size: .6em; 
  line-height: 1.8; 
}

.partial_entry_warning {display:none}

#gform_wrapper_2 .gfield_required_asterisk {display:none}
#gform_wrapper_2 .gform_body {padding-top:20px}
#gform_wrapper_2.gform-theme--framework,
#gform_wrapper_2 .gform-theme--framework {
  --gf-field-pg-prog-bar-bg-color-blue: #30903A !important;
	--gf-ctrl-btn-bg-color-primary: #30903A !important;
	--gf-ctrl-btn-bg-color-hover-primary:#124735!important;
	--gf-ctrl-date-picker-cell-content-bg-color-selected:#124735!important;
	
	--gf-field-pg-steps-number-bg-color-complete:#124735!important;
--gf-field-pg-steps-number-border-color-complete:#124735!important;

--gf-field-pg-steps-number-bg-color-active:#30903A !important;
--gf-field-pg-steps-number-border-color-active:#30903A !important;
--gf-field-pg-steps-number-color-active:#FFF!important;
}


/* Put left + right fields on the same row */
#gform_wrapper_2 .gform_wrapper .gf-left,
#gform_wrapper_2 .gform_wrapper .gf-right {
  display: inline-block;
  vertical-align: top;
}

/* Left field smaller and aligned left */
#gform_wrapper_2 .gform_wrapper .gf-left {
  width: 30%;   /* adjust to taste */
  margin-right: 2%;
}

/* Right field larger */
#gform_wrapper_2 .gform_wrapper .gf-right {
  width: 68%;   /* fills the rest */
}

@media (max-width: 600px) {
  #gform_wrapper_2 .gform_wrapper .gf-left,
  #gform_wrapper_2 .gform_wrapper .gf-right {
    display: block;
    width: 100% !important;
    margin-right: 0;
  }
}


/* Flexbox split layout for Gravity Forms page footer */
#gform_wrapper_2 .gform-page-footer {
  display: flex;
  justify-content: space-between;
  gap: 32px;
	margin-top:32px;
}

#gform_fields_2_3 {margin-bottom:52px}

#gform_wrapper_2 .gform-page-footer .gform_next_button, #gform_wrapper_2 .gform-page-footer .gform_previous_button {
	width: 180px;
    text-transform: uppercase;
    border-radius: 50px;
}

@media only screen and (max-width: 767px) {	
	#gform_wrapper_2 .gform-page-footer .gform_next_button, #gform_wrapper_2 .gform-page-footer .gform_previous_button {
	width: auto;
}
}

#field_2_28 label {
	line-height: 1 !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important;
    color: #525252 !important;
}

#gform_wrapper_2 .gform-page-footer .gform_next_button {
  margin-left: auto;	
}

#gform_wrapper_2 .gform-page-footer .gform_previous_button {
  margin-right: auto;
}

/* Gør containeren til flex-række (ikke kolonne) */
#field_2_22 .ginput_container_radio .gfield_radio {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 32px;
}

/* Nulstil GF's vertical-alignment regel der sætter width:100% */
#field_2_22.gfield.gfield--choice-align-vertical
  .ginput_container_radio .gfield_radio .gchoice {
  width: auto !important;
  max-width: none !important;
  display: flex !important;           /* ikke block */
  flex-direction: column;
}

/* 3 kolonner på desktop */
#field_2_22 .ginput_container_radio .gfield_radio .gchoice {
  flex: 0 0 calc(33.333% - 32px) !important;
  max-width: calc(33.333% - 32px) !important;
  box-sizing: border-box;
}

/* 1 kolonne på mobil */
@media (max-width: 767px) {
  #field_2_22 .ginput_container_radio .gfield_radio .gchoice {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* Hide native input */
#gform_fields_2 #field_2_22 input.gfield-choice-input {
  position: absolute;
  opacity: 0;
}

/* Label as card */
#gform_fields_2 #field_2_22 label {
  display: block;
  padding: 20px 24px;
  border: 2px solid #193626;
  border-radius: 12px;
  background: #f7f5ef;
  font-weight: 600;
  font-size:unset;
  cursor: pointer;
  transition: .2s;
  flex: 0 0 auto;
  margin:0
}

/* Checked state */
#gform_fields_2 #field_2_22 input:checked + label {
  background: #193626;
  color: #fff;
  border-color: #193626;
  position: relative;
}

#gform_fields_2 #field_2_22 input:checked + label::after {
    content: "✓";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

/* Extra block under label */
#gform_fields_2 #field_2_22 .hc-expect {
  margin-top: 0px;
  font-weight: 400;
  padding: 2px;
}
#gform_fields_2 #field_2_22 .hc-expect h3 {
  margin: 8px 0;
  font-size: 1.1rem;
  font-weight: 700;
}
#gform_fields_2 #field_2_22 .hc-checks {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#gform_fields_2 #field_2_22 .hc-checks li {
  position: relative;
  padding-left: 34px;
  margin: 12px 0;
  line-height: 1.25;
  font-size: 14px;
}

#gform_fields_2 #field_2_22 .hc-expect {
	 line-height: 1.25;
}

#gform_fields_2 #field_2_22 .hc-checks li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
  font-size: 18px;
  color: #ff7a00;
}


.gform_wrapper #input_2_22 label.gform-field-label::before {display:none}
.gform_description {max-width:800px}


/* Force Danish weekday labels in jQuery UI datepicker (Gravity Forms) */
.gform_wrapper .ui-datepicker thead th span {
  font-size: 0 !important;            /* hide original Mo/Tu/We... */
  line-height: 1;                      /* keep table height sane */
}

/* 3-letter Danish (Man, Tir, Ons, Tor, Fre, Lør, Søn) */
.gform_wrapper .ui-datepicker thead th span[title="mandag"]::after  { content: "Man"; font-size: 12px; line-height:30px }
.gform_wrapper .ui-datepicker thead th span[title="tirsdag"]::after { content: "Tir"; font-size: 12px; line-height:30px  }
.gform_wrapper .ui-datepicker thead th span[title="onsdag"]::after  { content: "Ons"; font-size: 12px; line-height:30px  }
.gform_wrapper .ui-datepicker thead th span[title="torsdag"]::after { content: "Tor"; font-size: 12px; line-height:30px  }
.gform_wrapper .ui-datepicker thead th span[title="fredag"]::after  { content: "Fre"; font-size: 12px; line-height:30px  }
.gform_wrapper .ui-datepicker thead th span[title="lørdag"]::after  { content: "Lør"; font-size: 12px; line-height:30px  }
.gform_wrapper .ui-datepicker thead th span[title="søndag"]::after  { content: "Søn"; font-size: 12px; line-height:30px  }

/* Optional: make them a bit bolder */
.gform_wrapper .ui-datepicker thead th span::after { font-weight: 500; }

#datepicker_2_28 .ui-datepicker-inline {box-shadow:unset; background-color:#F9F6F3; width:100%}
 

#datepicker_2_28 .ui-datepicker-next, #datepicker_2_28 .ui-datepicker-prev {
	background-color: var(--gf-field-pg-steps-number-bg-color-active);
    border-radius: 50%;
    margin-top: 2px;
    height: 30px;
    width: 30px;
}


@media (max-width: 767px) {
  :root {
    --gf-field-pg-steps-number-size: 28px;
    --gf-field-pg-steps-step-gap: 5px;
  }
	.gf_step_label {font-size:12px!important}
}

#gform_wrapper_2 .ui-datepicker .ui-datepicker-next::before, #gform_wrapper_2 .ui-datepicker .ui-datepicker-prev::before {color:white;}


/* department map */

/* Responsive container */
.dept-map .dept-map-inner { position: relative; max-width: 600px; margin:0 auto; }
.dept-map svg { width: 100%; height: auto; display: block; }
#dept-map svg path { 
  fill-opacity: 0.6; 
}

/* Pins */
.dept-map .pin { cursor: pointer; outline: none; }
.dept-map .pin circle {
  fill: #fff; stroke: #808080; stroke-width: 5;
}
.dept-map .pin:hover circle { stroke-width: 5; stroke:#30903A;}
.dept-map .pin.selected circle { stroke-width: 5; stroke:#30903A; fill:#30903A}

/* Keyboard focus */
/* .dept-map .pin:focus circle { stroke-dasharray: 2 2; } */

/* Labels above the dot (auto-size with viewBox scaling) */
.dept-map text { font-size: 70px; font-weight:300; color:#525252;
	user-select: none; text-anchor: middle; dominant-baseline: central; }

/* Hint */
.dept-map .dept-hint { margin: .5rem 0 0; 
	font-size: 1rem; color: #666; text-align:center }

#show-radios {color:#30903A;}

#field_2_21.visually-hidden .ginput_container_radio, #field_2_21.visually-hidden .gfield_label{
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}