@font-face {
	font-family: "fpf-icomoon";
	src: url("../fonts/icons/icomoon.eot");
	src: url("../fonts/icons/icomoon.woff") format("woff"),
	url("../fonts/icons/icomoon.eot#iefix") format("embedded-opentype"),
	url("../fonts/icons/icomoon.ttf") format("truetype"),
	url("../fonts/icons/icomoon.svg#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* Clear */
.fpf-clear:before,
.fpf-clear:after {
	content: " ";
	display: table;
}

.fpf-clear:after {
	clear: both;
}

/* Fields */
.fpf-fields {
	display: block;
	clear: both;
	margin: 1em 0;
}

/* Totals */
.fpf-totals dl {
	margin-bottom: 1em;
	overflow: hidden;
}

.fpf-totals dl:empty {
	display: none;
}

.fpf-totals dt {
	clear: left;
	float: left;
	width: 50%;
}

.fpf-totals dd {
	float: left;
}

.fpf-fields span.optional {
	display: none;
}

.fpf-field-tooltip {
	cursor: help;
}

.fpf-field-tooltip-icon:before {
	content: "\e91b";
	font-family: 'fpf-icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fpf-radio-images .woocommerce-input-wrapper,
.fpf-radio-colors .woocommerce-input-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin: -10px;
}

.fpf-radio-images input[type="radio"],
.fpf-radio-colors input[type="radio"] {
	display: none;
}

.fpf-radio-images input[type="radio"] + label,
.fpf-radio-colors input[type="radio"] + label {
	width: 100px;
	margin: 10px;
	cursor: pointer;
}

.fpf-radio-images input[type="radio"] + label img,
.fpf-radio-colors input[type="radio"] + label .fpf-radio-preview {
	display: block;
	width: 100%;
	border: 2px solid transparent;
	pointer-events: none;
}

.fpf-radio-images input[type="radio"] + label img {
	height: auto;
}

.fpf-radio-colors input[type="radio"] + label .fpf-radio-preview {
	height: 0;
	padding-bottom: calc(100% - 4px);
}

.fpf-radio-images input[type="radio"]:checked + label img,
.fpf-radio-colors input[type="radio"]:checked + label .fpf-radio-preview {
	border-color: #000;
}

.fpf-fields-config-wrapper {
	margin-bottom: 1rem;
}

.fpf-field.fpf-image img {
	max-width: 100%;
	height: auto;
}
