/* styles for factsheet titles */
.single-content .c2b-factsheet h4 {
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.5;
	color: var(--global-palette2);
	border-bottom: 1px solid var(--global-palette2);
	margin-top: var(--global-sm-spacing);
	margin-bottom: var(--global-xs-spacing);
}

/* styles for factsheet fields */
.c2b-factsheet .designation::before {
	content: "Appellation";
}

.c2b-factsheet .color::before {
	content: "Colour";
}

.c2b-factsheet .harvest::before {
	content: "Harvest";
}

.c2b-factsheet .trellising::before {
	content: "Training";
}

.c2b-factsheet .pruning::before {
	content: "Pruning";
}

.c2b-factsheet .yield-control::before {
	content: "Yield Mgt.";
}

.c2b-factsheet .altitude::before {
	content: "Altitude";
}

.c2b-factsheet .slope::before {
	content: "Slope";
}

.c2b-factsheet .orientation::before {
	content: "Orientation";
}

.c2b-factsheet .soil::before {
	content: "Soil";
}

.c2b-factsheet .vines-age::before {
	content: "Age";
}

.c2b-factsheet .bottling::before {
	content: "Bottling";
}

.c2b-factsheet .bottles::before {
	content: "Racking";
}

.c2b-factsheet .disgorging::before {
	content: "Disgorgmt.";
}

.c2b-factsheet .grapes::before {
	content: "Grapes";
}

.c2b-factsheet .cork::before {
	content: "Sealing";
}

.c2b-factsheet .yield::before {
	content: "Yield";
}

.c2b-factsheet .alcohol::before {
	content: "Alcohol";
}

.c2b-factsheet .winemaking::before {
	content: "Winemaking";
}

.c2b-factsheet .elevage::before {
	content: "Ageing";
}

.c2b-factsheet .stabilization::before {
	content: "Stabilisation";
}

.c2b-factsheet .residual-sugar::before {
	content: "Sugar";
}

.c2b-factsheet .ph-value::before {
	content: "pH";
}

.c2b-factsheet .so2-free::before {
	content: "Free SO₂";
}

.c2b-factsheet .so2-total::before {
	content: "Total SO₂";
}

.c2b-factsheet .co2::before {
	content: "CO₂";
}

.c2b-factsheet .appearance::before {
	content: "Appearance";
}

.c2b-factsheet .wine-nose::before {
	content: "Aroma";
}

.c2b-factsheet .wine-taste::before {
	content: "Taste";
}

.c2b-factsheet .wine-keeping::before {
	content: "Keeping"
}

.c2b-factsheet .reg-energy::before {
	content: "Energy"
}

.c2b-factsheet .reg-carbohydrate::before {
	content: "Carbs"
}

.c2b-factsheet .reg-other::before {
	content: "Traces"
}

.c2b-factsheet *::before {
	width: 110px;
	text-align: right;
	font-weight: 500;
	color: var(--global-palette6);
	padding-right: .7em;
	display: block;
	float: left;
}

@media screen and (max-width: 1025px) {
	/* this is very much a hack for missing text-indent hanging in chrome. the hack comes
	   from the fact we must avoid targetting the per vintage div in single product page
	   accordions, something that would happen naturally with text-indent hanging. This
	   is the version for mobile: hanging indent is just 70px wide */
	.c2b-factsheet > div[class|="vintage"] {
		padding-left: inherit;
		text-indent: inherit;
	}
	.c2b-factsheet *::before {
		margin-left: -70px;
	}
	.c2b-factsheet div {
		padding-left: 70px;
		text-indent: 0px;
	}
}

@media screen and (min-width: 1025px) {
	.c2b-factsheet > div[class|="vintage"] {
		padding-left: inherit;
		text-indent: inherit;
	}
	.c2b-factsheet *::before {
		margin-left: -110px;
	}
	.c2b-factsheet div {
		padding-left: 110px;
		text-indent: 0px;
	}
}
