/* -- WSFORMS -- */
:root {
	--wsf-form-font-family: var(--gp-font--heading);
    --wsf-field-texteditor-font-family: var(--gp-font--heading);
}


/*========================*/
/* === APPLY NOW FORM === */
/*========================*/
.apply-overlay-rosember-models {
	position: absolute;
  	bottom: 0px;
	justify-self: center;
}
.apply-overlay-rosember-models figure,
.apply-overlay-rosember-models a {
	line-height: 1 !important; /* To remove some space under the image, so that it fixes to the bottom of the frame */
}
.apply-now-overlay {
	
}
.close-apply-now-overlay-btn {
	position: absolute;
	top: 15px;
	right: 15px;
}
.apply-overlay-logo {
	width: 150px;
  	float: left;
  	position: absolute;
  	left: 30px;
  	top: 30px;
}
.wsf-group-tabs {
	display: none !important; /* Hide the steps overview */
}
.wsf-groups {
	/*margin-left: 3em; /* some distance between the step overview and the questions */
}
.wsf-group h3 {
	display: none;
}
.wsf-start-title h3 {
	display: contents;
	font-size: var(--font-size-h3);
	font-weight: bold !important;
}
.wsf-start-title div,
.wsf-start-title-text-below p {
	text-align: center;
}
.wsf-start-title-btn {
	display: flex;
	justify-content: center;
	padding: 1em;
}
.wsf-Question h3 {
	display: contents;
	font-size: var(--font-size-h3);
	font-weight: bold !important;
}
.wsf-text-below-question p {
	font-size: var(--font-size-p) !important;
	padding: 1em 0;
}
/* --- CHANGE THE INPUT TEXT COLOR IN WS FORMS--- */
.wsf-form input[type="text"],
.wsf-form input[type="email"],
.wsf-form input[type="tel"],
.wsf-form textarea,
.wsf-form select {
  color: var(--brand-primary) !important; /* change to desired color */
}
/* --- CHANGE THE PLACEHOLDER TEXT COLOR IN WS FORMS--- */
.wsf-form input::placeholder,
.wsf-form textarea::placeholder {
  color: var(--brand-primary-l-2) !important; /* change placeholder color */
  opacity: 1; /* to ensure visibility cross-browser */
}
/* --- CHANGE THE CHECKBOX TEXT COLOR IN WS FORMS--- */
.wsf-form .wsf-checkbox input[type="checkbox"].wsf-field:checked::after {
	border-color: var(--brand-primary);
}
.wsf-tile {
	position: initial !important;
}
.wsf-next{
	display: flex;
	justify-content: left;
}
.wsf-next button {
	position: absolute;
 	bottom: 10px;
  	right: 10px;
}
.wsf-previous{
	display: flex;
	justify-content: right;
}
.wsf-previous button {
	position: absolute;
 	bottom: 10px;
  	right: 120px;
}
.wsf-form .wsf-invalid-feedback {
	color: red; /* text color when form is not filled in correctly */
	font-weight: bold;
}
.wsf-form .wsf-consent .wsf-label,
.wsf-form .wsf-radio .wsf-label,
.wsf-form .wsf-checkbox .wsf-label{ /* Fix the radio buttons alignment with the text next to it */
	margin-left: calc(var(--wsf-field-radio-size) + var(--wsf-field-radio-gap-horizontal)) !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.wsf-radio div div,
.wsf-checkbox div div {
	display: flex;
  	align-items: center;
  	gap: 0.5em;
}
.wsf-consent div div {
	display: flex;
  	align-items: top;
  	gap: 0.5em;
}
/*.wsf-form .wsf-section legend {
	font-size: var(--font-size-h2);
	font-weight: bold;
}*/
@media (max-width: 768px) {
    /* CSS in here for mobile only */
	.wsf-group-tab span {
	  display: none;
	}
}
/* --- THE SUBMIT BUTTON IS AN EXACT COPY OF THE .BTN CLASS (primary button) --- */
.wsf-form button.wsf-button.wsf-button-full {
    align-items: center;
    background-color: var(--brand-primary);
    color: var(--neutral-0);
    display: inline-grid;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    border-radius: var(--border-radius-xxl);
    padding: .4em 2em;	
	border-color: transparent;
	font-size: var(--font-size-p);
}
.wsf-form button.wsf-button.wsf-button-full:after {
    color: var(--neutral-0);
}
.wsf-form button.wsf-button.wsf-button-full:is(:hover,:focus) {
    background-color: var(--brand-primary-d-1) !important;
    color: #ffffff !important;
    text-decoration: none !important;
	border-color: transparent !important;
}
/* --- PROGRESS BAR --- */
.wsf-form progress.wsf-progress {
	height: 5px;
}
.wsf-form progress.wsf-progress[value] {
	background-color: var(--neutral-200);
}

/*=============================*/
/* === END: APPLY NOW FORM === */
/*=============================*/









/*======================*/
/* === CONTACT FORM === */
/*======================*/

.wsf-label{
	font-size: 1.4em !important;
	font-weight: normal !important;
	margin: .7em 0 !important;
}
.wsf-form [id*="wsf-1-fields-"] label {
	font-weight: normal !important;
}
.wsf-field:not(:has(.iti__tel-input)){
	background-color: var(--neutral-0) !important;
	border: 1px solid var(--brand-primary) !important;
	border-radius: 10px !important;
	padding: 0.5em !important;
	font-size: 1.3em !important;
}
.wsf-field.iti__tel-input{
	padding-left: 52px !important; 	/*Fix for the phone input field with country flag */
}
.wsf-form .iti .iti__flag-container {
  height: auto !important; 			/*Fix for the phone input field with country flag */
}
#wsf-1-label-12-row-1 {
	margin-left: calc(var(--wsf-field-checkbox-size) + var(--wsf-field-checkbox-gap-horizontal)) !important;
	margin-top: 0px !important;
}
.wsf-consent div div input.wsf-field:checked,
#wsf-1-field-12-row-1.wsf-field:checked {
	background-color: var(--wsf-field-checkbox-checked-color-background) !important;
}

/* --- THE SUBMIT BUTTON IS AN EXACT COPY OF THE .BTN CLASS (primary button) --- */
.wsf-form button.wsf-button.wsf-button-primary {
    align-items: center;
    background-color: var(--brand-primary);
    color: var(--neutral-0);
    display: inline-grid;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease-in-out 0s;
    border-radius: var(--border-radius-xxl);
    padding: .4em 2em;	
}
.wsf-form button.wsf-button.wsf-button-primary:after {
    color: var(--neutral-0);
}
.wsf-form button.wsf-button.wsf-button-primary:is(:hover,:focus) {
    background-color: var(--brand-primary-d-1);
    color: #ffffff;
    text-decoration: none;
}
.wsf-form button.wsf-button.wsf-button-full {
	width: auto;
}
/*===========================*/
/* === END: CONTACT FORM === */
/*===========================*/