.sia-csfa-form,
.sia-csfa-grid,
.sia-csfa-fColGroup,
.sia-csfa-fRow,
.sia-csfa-fRow > *:not(button),
.sia-csfa-form h2,
.sia-csfa-fRow-grid,
.sia-csfa-fRow-group,
.sia-csfa-lang-nav,
.sia-csfa-lang-content-wrapper,
.sia-csfa-lang-content,
.sia-csfa-dropzone,
.sia-csfa-dropzone-info,
.sia-csfa-dropzone-fileinfo,
.sia-csfa-form-feedback,
.sia-csfa-warning,
.sia-csfa-titledesc,
.sia-csfa-labelinfo {
	position: relative;
	float: left;
	width: 100%;
	clear: both;
}
.sia-csfa-form {
	margin-top: 60px;
	transition: filter 200ms ease-out 0ms;
}
.sia-csfa-form.loading {
	filter: blur(3px);
	cursor: wait;
}
.sia-csfa-form.loading * {
	pointer-events: none !important;
}

.sia-csfa-form h2.sia-csfa-subTitle
{ 
	margin:1.6em 0 0.8em;
}

.sia-csfa-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 20px 80px;
}

.sia-csfa-fRow-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 0 40px;
}

@media screen and (max-width: 1300px)
{
	.sia-csfa-fRow-grid {
		grid-template-columns: repeat(1, minmax(0,1fr));
	}
}

@media screen and (max-width: 767px)
{
	.sia-csfa-grid {
		grid-template-columns: repeat(1, minmax(0,1fr));
	}
}

/* lang nav */
.sia-csfa-lang-nav {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	border-bottom: 1px var(--colorText) solid;
	padding-bottom: 15px;
	margin-bottom: 40px;
}
/* Make german language tabs smaller so the tooltip still fits on very small screens, A.Aeppli */
@media screen and (max-width: 440px)
{
	.translatepress-de_DE .sia-csfa-lang-nav {
		font-size: 13px;
	}
}

.sia-csfa-lang-nav .sia-csfa-lang-info {
	font-size: 14px;
}
.sia-csfa-lang-nav .sia-csfa-info-bubble { 
	position: relative;
	float: right;
	display:none;
	margin-bottom: -10px;
}

.sia-csfa-lang-nav ul {
	display: flex;
	gap: 20px;
}


@media(max-width:1300px)
{
	.sia-csfa-lang-nav .sia-csfa-info-bubble { display:block; }
	.sia-csfa-lang-nav .sia-csfa-lang-info { display:none; }

	.sia-csfa-lang-nav ul { gap: 15px };
}

@media(max-width:800px)
{
	/*
	.sia-csfa-lang-nav { 
		flex-wrap: wrap-reverse;
	}
	*/
	.sia-csfa-lang-nav ul {
		width: 100%;
		gap: 10px;
		justify-content: flex-start;
	}
}

@media(max-width:350px)
{
	.sia-csfa-lang-nav ul a {
		font-size: 14px;
	}
}


.sia-csfa-lang-nav ul,
.sia-csfa-lang-nav ul li {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
.sia-csfa-lang-nav ul li a {
	font-weight: 700;
	color: var(--colorText) !important;
	text-decoration: none;
	leter-spacing:0.01em;
}
.sia-csfa-lang-nav ul li a.active::after {
	content:'';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -16px;
	height: 3px;
	background-color: var(--colorText);
}

.sia-csfa-lang-content:not(.active){ display:none; }


/* form */

.sia-csfa-fRow,
.sia-csfa-form-feedback,
.sia-csfa-warning {
	margin-bottom: 20px;
}
.sia-csfa-fRow-group {
	margin-top: 20px;
}

.sia-csfa-fColGroup {
	margin-top: 50px;
}

.sia-csfa-fRow label {
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	width: auto;
}
.sia-csfa-labelinfo {
	margin-bottom: 5px;
}
.sia-csfa-fRow label > * {
	position: relative;
	float: left;
}

.sia-csfa-fRow label.required span:first-of-type::after {
	content:'•';
	padding-left: 5px;
}

.sia-csfa-fRow label .sia-csfa-info-bubble {
	position: absolute;
	right: 0;
	transform: translateX( calc(100% + 10px) );
	cursor: help;
	padding: 15px 20px 2px 10px;
  margin-top: -15px;
  margin-right: 10px;
  user-select: none;
}

.sia-csfa-fRow label,
.sia-csfa-fRow .ui-selectmenu-text,
.ui-selectmenu-menu .ui-menu-item-wrapper,
.sia-csfa-fRow input,
.sia-csfa-fRow textarea,
p.sia-csfa-titledesc,
.sia-csfa-labelinfo {
	font-size: 14px;
	line-height: 1.3571;
	letter-spacing: 0.01em;
}

.sia-csfa-form button[disabled] {
	opacity: 0.5;
	cursor: not-allowed;
}


.sia-csfa-fRow input:not([type="radio"]):not([type="checkbox"]),
.sia-csfa-fRow textarea,
.sia-csfa-fRow select,
.sia-csfa-fRow .ui-selectmenu-button,
.sia-csfa-select .ui-menu .ui-menu-item-wrapper,
.sia-csfa-select.ui-autocomplete .ui-menu-item-wrapper,
.sia-csfa-dropzone,
.sia-csfa-dropzone-fileinfo:not(.sia-csfa-warning) {
	border:1px var(--colorText) solid;
	background-color: transparent;
	color: var(--colorText);
	transition: background-color 200ms ease-out 0ms;
	outline: none;
	padding:12px 15px 9px;
	/* Quick fix for native date field on ios, LG A.Aeppli */
	min-height: 43px;
	border-radius: 0;
}
.sia-csfa-dropzone,
.sia-csfa-dropzone-fileinfo:not(.sia-csfa-warning) {
	background-color: rgba(255,255,255,0.2);	
}

.sia-csfa-dropzone,
.sia-csfa-dropzone-fileinfo:not(.sia-csfa-warning) {
	border:1px var(--colorText) dashed;
}

.sia-csfa-dropzone-fileinfo {
	margin-top: 20px;
}

.sia-csfa-dropzone-fileinfo.sia-csfa-warning::before {
	content:'';
	background-image: url(../images/warning.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 24px;
	height: 19px;
	flex-shrink: 0;
	flex-grow: 0;
}

/* warning */
.sia-csfa-warning {
	background-color: #FFBB00;
	padding:12px 50px 9px 15px; /* right: 15 + 20 + 15px */
	display: none;
	cursor: pointer;
	user-select: none;
	gap: 20px;
}
.sia-csfa-warning.sia-csfa-form-feedback { display:flex; }

.sia-csfa-warning .sia-csfa-warning-text,
.sia-csfa-warning .sia-csfa-dropzone-filename {
	padding-top: 3px;
}

.sia-csfa-warning-x,
.sia-csfa-warning .sia-csfa-dropzone-removefile {
	position: absolute !important;
	top: 12px;
	right: 15px;
	width: 20px;
}
.sia-csfa-warning-x svg,
.sia-csfa-warning .sia-csfa-dropzone-removefile svg {
	width: 100% !important;
	height: auto !important;
}

.sia-csfa-warning,
.sia-csfa-warning * {
	font-size: 14px;
	line-height: 1.3571;
	letter-spacing: 0.01em;
	color: var(--colorText);
	font-weight: 500;
}
.sia-csfa-warning strong,
.sia-csfa-warning b {
	font-weight: 700;
}

.sia-csfa-warning-inside {
	margin-top: 20px;
}


.sia-csfa-fRow input:not([type="radio"]):not([type="checkbox"]):focus,
.sia-csfa-fRow textarea:focus,
.sia-csfa-fRow select:focus,
.sia-csfa-fRow input[type="date"]:focus + a.sia-csfa-calendar-toggle::after,
.sia-csfa-fRow .ui-selectmenu-button.ui-selectmenu-button-open,
.sia-csfa-select,
.sia-csfa-select .ui-menu .ui-menu-item-wrapper,
.sia-csfa-select.ui-autocomplete .ui-menu-item-wrapper,
.sia-csfa-dropzone.dz-drag-hover {
	background-color: rgba(255,255,255,0.5);
}


.sia-csfa-fRow textarea {
	resize: none;
}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: var(--colorText);
    opacity:  0.6;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: var(--colorText);
   opacity:  0.6;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: var(--colorText);
   opacity:  0.6;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: var(--colorText);
   opacity:  0.6;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color: var(--colorText);
   opacity:  0.6;
}
::placeholder { /* Most modern browsers support this now. */
   color: var(--colorText);
   opacity:  0.6;
}


/* dropzone */
.sia-csfa-dropzone {
	padding: 20px 15px;
	min-height: 122px;
	cursor: pointer;
}
.sia-csfa-dropzone-info {
	display: flex;
	gap: 20px;
	pointer-events: none;
}
@media(max-width:1300px)
{
	.sia-csfa-dropzone { min-height:0 }
	.sia-csfa-dropzone-info {
		justify-content: flex-start;
	}
}

.sia-csfa-dropzone-progressbar {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 0;
	background-color: var(--colorText);
}

.sia-csfa-dropzone .sia-csfa-dropzone-icon,
.sia-csfa-dropzone .sia-csfa-dropzone-label { pointer-events:none; }

.sia-csfa-dropzone .sia-csfa-dropzone-icon { margin-top:5px; }
.sia-csfa-dropzone .sia-csfa-dropzone-label { 
	font-size:14px;
	line-height: 1.42857;
	letter-spacing: 0.01em;
}

.sia-csfa-dropzone-fileinfo:not(.sia-csfa-warning) {
	padding-top: 15px;
	display: none;
	gap: 15px;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}

.sia-csfa-dropzone-fileinfo:not(.sia-csfa-warning) svg {
	width: 15px !important;
	height: auto !important;
}

.sia-csfa-dropzone-removefile.hidden {
	visibility: hidden;
	pointer-events: none;
}


.sia-csfa-dropzone-filename,
.sia-csfa-dropzone-filesize {
	/*white-space: nowrap; */
	overflow: hidden;
	text-overflow: ellipsis;
}


/* number */
.sia-csfa-fRow input[type="number"]::-webkit-outer-spin-button,
.sia-csfa-fRow input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.sia-csfa-fRow input[type="number"] {
    -moz-appearance:textfield;
    appearance: textfield;
}

.sia-csfa-fRow input[type="date"] {
	/*
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance: none;
	*/
	width: 100%;
}
.sia-csfa-fRow input[type="date"]::-webkit-calendar-picker-indicator,
.sia-csfa-fRow input[type="date"]::-webkit-inner-spin-button {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  color: transparent;
  background: transparent;
}

/* date */
.sia-csfa-fRow .sia-csfa-calendar-toggle {
	position: absolute;
	width: 40px;
	top: 1px;
	right: 1px;
	bottom: 1px;
	background-color: orange;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	background-color: var(--colorPrimary);
}

.sia-csfa-fRow .sia-csfa-calendar-toggle svg { z-index:1; }

.sia-csfa-fRow .sia-csfa-calendar-toggle::after {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent;
	transition: background-color 200ms ease-out 0ms;
	z-index: 0;
}

/* select */
.sia-csfa-fRow .ui-selectmenu-button {
	width: 100% !important;
}

.sia-csfa-fRow .ui-selectmenu-icon {
	width: 20px;
	height: 20px;
	background-size: cover;
	background-image: url(../images/chevron.svg);
	transform-origin: 50% 50%;
	transition: transform 150ms ease-out 0ms;
}
.sia-csfa-fRow .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
	transform: rotate(180deg);
}

.sia-csfa-select .ui-menu .ui-menu-item,
.sia-csfa-select.ui-autocomplete .ui-menu-item {
	list-style-image: none;
}
.sia-csfa-select .ui-menu .ui-menu-item-wrapper,
.sia-csfa-select.ui-autocomplete .ui-menu-item-wrapper {
	border:none;
	margin: 0 !important;
	transition: background-color 200ms ease-out 0ms;
}

.sia-csfa-select .ui-menu .ui-menu-item-wrapper.ui-state-active,
.sia-csfa-select .ui-menu .ui-menu-item-wrapper:hover,
.sia-csfa-select.ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
.sia-csfa-select.ui-autocomplete .ui-menu-item-wrapper:hover {
	background-color: var(--colorPrimary);
}

.sia-csfa-fRow .ui-selectmenu-button.ui-selectmenu-button-open { border-bottom:none; }

.sia-csfa-select.ui-autocomplete {
	background-color: var(--colorPrimary);
}

.sia-csfa-select::before {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--colorPrimary);
	z-index: -1;
	pointer-events: none;
}

.sia-csfa-select::after {
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px var(--colorText) solid;
	border-top: none;
	box-sizing: border-box;
	z-index: 2;
	pointer-events: none;
}

.sia-csfa-select ul li:first-of-type { display:none; }

/*
.sia-csfa-select-closed,
.sia-csfa-select-open {
	width: 100%;
}
*/



/* radio + cb */
.sia-csfa-optGroup {
	display: flex;
	gap: 30px;
	margin-bottom: 0.9em;
}

.sia-csfa-optGroup > label,
.sia-csfa-fRow label.sia-csfa-cb {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	cursor: pointer;
}

.sia-csfa-optGroup > label span { margin-top:4px; }
.sia-csfa-fRow label.sia-csfa-cb span { 
	margin-top:2px;
	font-size:16px;
}

.sia-csfa-fRow input[type="radio"],
.sia-csfa-fRow input[type="checkbox"] {
	position: relative;
	float: left;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 24px;
  height: 24px;
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  flex-shrink: 0;
}
.sia-csfa-fRow input[type="checkbox"]{ width:21px; height:21px; }

.sia-csfa-fRow input[type="radio"]:checked::before,
.sia-csfa-fRow input[type="checkbox"]:checked::before {
	content:'';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: var(--colorText);
	transform: translate3d(-50%,-50%,0);
	flex-shrink: 0;
}
.sia-csfa-fRow input[type="checkbox"]:checked::before { width:10px; height:10px; }

.sia-csfa-fRow input[type="checkbox"],
.sia-csfa-fRow input[type="checkbox"]:checked::before { border-radius:0; }

/* tooltip */
.ui-widget.ui-widget-content.sia-csfa-tooltip {
	border: 1px #f1f1f1 solid;
	background-color: var(--colorText);
	color: #111;
	border-radius: 4px;
	font-size: 14px;
	padding: 15px;
	cursor: pointer;
	box-sizing: border-box;
}

.ui-widget.ui-widget-content.sia-csfa-tooltip:not(.sia-csfa-custom-tooltip) {
	transform: translateY( calc(-17px * var(--offset-factor)));
}


.ui-widget.ui-widget-content.sia-csfa-tooltip::before {
	content:'';
	position: absolute;
	bottom: 0;
	left: var(--tip-tip-offset);
	width: 10px;
	height: 10px;
	background-color: #fff;
	display: block;
	transform-origin: 50% 50%;
	transform: rotate(45deg) translateY(8px);
}
.ui-widget.ui-widget-content.sia-csfa-tooltip.sia-csfa-tooltip-below::before {
	bottom: auto;
	top: 0;
	transform: rotate(-45deg) translateY(-8px);
}

/*
.ui-widget.ui-widget-content.sia-csfa-tooltip.sia-csfa-tooltip-right::before {
	left: auto;
	right: calc( 19px + var(--tip-tip-offset));
}
*/

.ui-widget.ui-widget-content.sia-csfa-tooltip::after {
	content:'';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 10px;
	background-color: transparent;
	transform: translateY(100%);
}
.ui-widget.ui-widget-content.sia-csfa-tooltip.sia-csfa-tooltip-below::after {
	bottom: auto;
	top: 0;
	transform: translateY(-100%);
}


.ui-widget.ui-widget-content.sia-csfa-tooltip { width:auto !important; }

.sia-csfa-tooltip-content {
	white-space: normal;
	position: relative;
	float: left;
	user-select: none;
}

.ui-tooltip-content {
	position: relative;
	float: left;
}

.sia-csfa-tooltip-content a
{
	color: var(--colorPrimary);
	margin: 0;
	padding: 0;
	display: inline;
	position: static;
}

.ui-selectmenu-menu {
	max-width: calc( 100% - (var(--sidePadding) * 2));
}
.ui-selectmenu-menu ul,
.ui-menu.ui-autocomplete {
	max-height: 50vh;
	overflow-x: hidden;
	overflow-y: auto;
}

.csfa-insta-hashtag {
	position: absolute !important;
	left: 0;
	bottom: 0;
	width: auto !important;
	pointer-events: none;
	border: none !important;
	background-color: none !important;
}

.csfa-insta-input {
	padding-left: 30px !important;
}

p.sia-csfa-titledesc {
	margin-top: -0.8em !important;
	margin-bottom: 0.8em !important;
}

.sia-csfa-maxlength-indicator {
	position: absolute !important;
	width: auto !important;
	right: 0;
	bottom: 0;
	transform: translateY(100%);
	font-size:14px;
	padding: 5px 10px;
	opacity: 0.7;
	transition: opacity 100ms ease-out 0ms;
}
.sia-csfa-maxlength-indicator.sia-csfa-maxlength-over {
	background-color: #FFBB00;
	color: #fff !important;
	opacity: 1;
}