.fusion-column-wrapper > article {
    overflow: visible;
}

.personio-icon:before {
    background-image: url(/wp-content/plugins/personio-integration/gfx/personio_icon.png);
	background-size: cover;
	content: '';
	display: block;
	height: 15px;
	width: 16px;
}

body .personio-hide-reset .personio-position-filter-reset { display: none }
body .personio-hide-submit button { display: none }
body .personio-hide-title legend { display: none }

.personio-integration-item {
	background-color: var(--awb-background-color);
	border: 1px solid var(--awb-border-color);
	border-top-left-radius: var(--awb-border-top-left-radius);
	border-top-right-radius: var(--awb-border-top-right-radius);
	border-bottom-left-radius: var(--awb-border-bottom-left-radius);
	border-bottom-right-radius: var(--awb-border-bottom-right-radius);
    color: var(--awb-text-text-color, initial);
    font-family: var(--awb-text-family-font-family);
    font-size: var(--awb-text-font-size);
    font-style: var(--awb-text-family-font-style);
    font-weight: var(--awb-text-family-font-weight);
    line-height: var(--awb-text-line-height);
	margin-top: var(--awb-margin-top);
	margin-right: var(--awb-margin-right);
	margin-bottom: var(--awb-margin-bottom);
	margin-left: var(--awb-margin-left);
	padding-top: var(--awb-padding-top);
	padding-right: var(--awb-padding-right);
	padding-bottom: var(--awb-padding-bottom);
	padding-left: var(--awb-padding-left);
    letter-spacing: var(--awb-text-letter-spacing);
    text-align: var(--awb-content-alignment);
    text-transform: var(--awb-text-transform);
}

.personio-integration-item h2, .personio-integration-item h2 a, .personio-integration-item h3, .personio-integration-item h3 a, .personio-integration-item h4, .personio-integration-item h4 a {
    color: var(--awb-heading-text-color, var(--h2_typography-color));
    font-family: var(--awb-heading-family-font-family, var(--h2_typography-font-family));
    font-size: var(--awb-heading-font-size, var(--h2_typography-font-size));
    font-style: var(--awb-heading-family-font-style, var(--h2_typography-font-style));
    font-weight: var(--awb-heading-family-font-weight, var(--h2_typography-font-weight));
    line-height: var(--awb-heading-line-height, var(--h2_typography-line-height));
    letter-spacing: var(--awb-heading-letter-spacing, var(--h2_typography-letter-spacing));
    text-transform: var(--awb-heading-transform, var(--h2_typography-text-transform));
}

.personio-filter-list form > div, .personio-filter-list form > select {
    margin-top: var(--awb-margin-top);
    margin-right: var(--awb-margin-right);
    margin-bottom: var(--awb-margin-bottom);
    margin-left: var(--awb-margin-left);
	padding-top: var(--awb-padding-top);
	padding-right: var(--awb-padding-right);
	padding-bottom: var(--awb-padding-bottom);
	padding-left: var(--awb-padding-left);
}

.personio-details {
    color: var(--awb-text-text-color);
    font-family: var(--awb-text-family-font-family);
    font-size: var(--awb-text-font-size);
    font-style: var(--awb-text-family-font-style);
    font-weight: var(--awb-text-family-font-weight);
    line-height: var(--awb-text-line-height);
    letter-spacing: var(--awb-text-letter-spacing);
    text-align: var(--awb-content-alignment);
    text-transform: var(--awb-text-transform);
}

body .personio-position-filter {
	justify-content: var(--awb-justify-content, initial);
}

body .personio-position-filter > div {
	margin-top: var(--awb-item-margin-top, 0);
	margin-left: var(--awb-item-margin-left, 0);
	margin-right: var(--awb-item-margin-right, 1em);
	margin-bottom: var(--awb-item-margin-bottom, 0);
}

body .personio-position-filter > div li {
	margin-top: var(--awb-item-margin-top-2);
	margin-left: var(--awb-item-margin-left-2);
	margin-right: var(--awb-item-margin-right-2);
	margin-bottom: var(--awb-item-margin-bottom-2);
	padding: 0
}

body .personio-position-filter > div, body .personio-position-filter > legend, body .personio-position-filter > a, body .personio-position-filter > div a, body .personio-position-filter > ul > li {
	color: var(--awb-text-text-color, inherit);
	font-family: var(--awb-text-family-font-family, inherit);
	font-size: var(--awb-text-font-size, inherit);
	font-style: var(--awb-text-family-font-style, inherit);
	font-weight: var(--awb-text-family-font-weight, inherit);
	line-height: var(--awb-text-line-height, inherit);
	letter-spacing: var(--awb-text-letter-spacing, inherit);
	text-transform: var(--awb-text-transform, inherit);
}

body .personio-position-filter > div a:hover {
	color: var(--awb-text-text-color-hover, inherit);
	font-family: var(--awb-text-family-hover-font-family, inherit);
	font-size: var(--awb-text-font-size-hover, inherit);
	font-style: var(--awb-text-family-hover-font-style, inherit);
	font-weight: var(--awb-text-family-hover-font-weight, inherit);
	line-height: var(--awb-text-line-height-hover, inherit);
	letter-spacing: var(--awb-text-letter-spacing-hover, inherit);
	text-transform: var(--awb-text-transform-hover, inherit);
}

#fl-builder-blocks-personio .fl-builder-block[data-type='class-personio-positions'] .fl-builder-block-icon svg,
#fl-builder-blocks-personio .fl-builder-block[data-type='class-personio-position'] .fl-builder-block-icon svg {
	display: none
}
#fl-builder-blocks-personio .fl-builder-block[data-type='class-personio-positions'] .fl-builder-block-icon:before,
#fl-builder-blocks-personio .fl-builder-block[data-type='class-personio-position'] .fl-builder-block-icon:before {
	content: url(../gfx/personio_icon.png);
	display: block;
}

.personio-application-form-results { padding: 1em }
.personio-application-form-results p:last-child { margin-bottom: 0 }

.personio-application-error {
	background-color: red;
	border: 1px solid #ccc;
	color: #fff;
}

.personio-application-success {
	background-color: green;
	border: 1px solid #ccc;
	color: #fff;
}