.bepro-wctj {
	box-sizing: border-box;
	color: var(--bepro-text-color);
	font-family: var(--bepro-font-family);
	width: 100%;
}

.bepro-wctj *, .bepro-wctj *::before, .bepro-wctj *::after { box-sizing: inherit; }

.bepro-wctj__item { display: flex; min-width: 0; }

.bepro-wctj__icon {
	color: var(--bepro-icon-color);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

.bepro-wctj__icon--media {
	background-color: var(--bepro-icon-color);
	-webkit-mask: var(--bepro-icon-url) center / contain no-repeat;
	mask: var(--bepro-icon-url) center / contain no-repeat;
}

.bepro-wctj__icon--fa { font-size: inherit; line-height: 1; }

.bepro-wctj__label { color: var(--bepro-text-color); font-size: var(--bepro-label-size); font-weight: var(--bepro-font-weight); }
.bepro-wctj__value { color: var(--bepro-value-color); font-size: var(--bepro-value-size); }

.bepro-wctj--single { margin: 1.25rem 0; }
.bepro-wctj--archive { margin: .75rem 0; }
.bepro-wctj--single .bepro-wctj__icon { font-size: var(--bepro-single-icon); height: var(--bepro-single-icon); width: var(--bepro-single-icon); }
.bepro-wctj--archive .bepro-wctj__icon { font-size: var(--bepro-archive-icon); height: var(--bepro-archive-icon); width: var(--bepro-archive-icon); }

.bepro-wctj--grid {
	display: grid;
	grid-template-columns: repeat(var(--bepro-cols-desktop), minmax(0, 1fr));
	gap: var(--bepro-row-gap) var(--bepro-column-gap);
}

.bepro-wctj--grid .bepro-wctj__item { align-items: center; flex-direction: column; gap: 8px; justify-content: flex-start; text-align: center; }
.bepro-wctj--grid .bepro-wctj__content { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; width: 100%; }
.bepro-wctj--grid .bepro-wctj__label, .bepro-wctj--grid .bepro-wctj__value { overflow-wrap: anywhere; }

.bepro-wctj--list { display: flex; flex-direction: column; gap: var(--bepro-row-gap); }
.bepro-wctj--list .bepro-wctj__item { align-items: center; gap: 8px; }
.bepro-wctj--list .bepro-wctj__content { align-items: baseline; display: grid; gap: .35em; grid-template-columns: var(--bepro-list-label-width) minmax(0, 1fr); line-height: 1.25; min-width: 0; width: 100%; }
.bepro-wctj--list .bepro-wctj__label { white-space: nowrap; }
.bepro-wctj__separator { margin-left: .05em; }

@media (max-width: 1024px) { .bepro-wctj--grid { grid-template-columns: repeat(var(--bepro-cols-tablet), minmax(0, 1fr)); } }
@media (max-width: 767px) { .bepro-wctj--grid { grid-template-columns: repeat(var(--bepro-cols-mobile), minmax(0, 1fr)); } }