/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://cw-personaltrainer.at/wp-content/fonts/open-sans-v40-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://cw-personaltrainer.at/wp-content/fonts/open-sans-v40-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.visually-hidden {
  position: absolute!important;
  width: 1px!important;
  height: 1px!important;
  margin: -1px!important;
  border: 0!important;
  padding: 0!important;
  overflow: hidden!important;
  clip: rect(0,0,0,0)!important;
  white-space: nowrap!important;
}

/* xxxxxxxxxxxxxxxxxxxxxxx */
/* START FLUENT FORMS STYLES */
/* xxxxxxxxxxxxxxxxxxxxxxx */

.fluentform textarea { 
	resize: vertical;
}

/* label style */
.fluentform .frm-fluent-form .ff-el-input--label {
	font-size: 16px;
	font-weight: 400;
	color: var(--background-body);
	margin-bottom: 5px;
}

/* field style */
.fluentform .frm-fluent-form div .ff-el-form-control {
	border: 1px solid var(--background-body);
	border-radius: 0px;
	font-size: 16px;
	padding: 15px;
	color: var(--background-body);
}

/* focus field style */
.fluentform .frm-fluent-form div .ff-el-form-control:focus {
	background-color: var(--accent);
	color: var(--contrast);
	border: 1px solid  var(--contrast);
	outline: none;
}

/* placeholder text style */
.fluentform .frm-fluent-form div .ff-el-form-control::placeholder {
	color: var(--background-body);
	opacity: 0.5;
	font-size: 16px;
}

/* placeholder focus text style */
.fluentform .frm-fluent-form div .ff-el-form-control:focus::placeholder {
	color: var(--contrast);
}

/* DSGVO text style */
input[type=checkbox]:checked {
	accent-color: var(--background-body);
}
.fluentform .ff-el-form-check-label .ff-el-form-check-input {
	width: 14px;
	height: 14px;
}
.ff-el-form-check-label .ff_t_c {
	font-size: 16px;
}
.ff-el-form-check-label .ff_t_c a {
	color: var(--accent);
}
.ff-el-form-check-label .ff_t_c a:hover {
	color: var(--contrast);
}

/* button style */
.fluentform .frm-fluent-form button.ff-btn-submit.btn-custom {
	background-color: var(--accent);
	color: var(--background-body);
	border: 1px solid var(--background-body);
	opacity: 1;
	border-radius: 40px;
	font-size: 16px;
	font-weight: 400;
	padding: 10px 24px;
	margin-top: 40px;
	transition: all 0.3s ease 0s;
}

/* button hover style */
.fluentform .frm-fluent-form button.ff-btn-submit.btn-custom:hover {
	background-color: var(--background-body);
	color: var(--accent);
	opacity: 1;
}

/* form error text style */
.fluentform .ff-el-is-error div.error.text-danger {
	font-size: 14px;
	margin-top: 0px;
}

/* form error field style */
.fluentform .ff-el-is-error div .ff-el-form-control {
	border: 1px solid #f56c6c;
}

/* success message style */
.fluentform .ff-message-success {
	position: relative;
	border: 1px solid var(--contrast);
	color: var(--contrast);
	box-shadow: none;
	font-size: 1.5rem;
	line-height: 1.3em;
	padding: 20px;
	margin-top: 60px;
	text-align: center;
}

/* phone style */
.fluentform .iti__selected-flag {
	padding-left: 15px;
	background: transparent !important;
}

.iti__country-list {
	color: var(--background-body);
}
.fluentform .frm-fluent-form input.ff-el-form-control.ff-el-phone {
	padding-left: 60px;
}

/* END FLUENT FORMS STYLES */