/* Nutrient Map *\
\* ACA 31/03/18 */


div.NutrientMap {font-size:14px; color:white; text-align:center}

div.NutrientMap > div {display:flex; align-items:center}



div.NutrientMap > div > span:first-child {flex-basis:80px; display:block; text-align:center; color:black}


@media screen and (max-width:414px)
{
	div.NutrientMap > div > span:first-child {display:none}
}






	div.NutrientMap > div > div {display:flex; flex-grow:1;}

	div.NutrientMap > div > div > * {flex-basis:0px; flex-grow:1; display:flex; align-items:center; justify-content:center; padding-top:10px; padding-bottom:10px; overflow:hidden; padding-left:2px; padding-right:2px}

div.NutrientMap > div > div > span {display:block; text-align:center}

div.NutrientMap > div > div > *:not(:last-child) {border-right:1px solid lightgrey}
div.NutrientMap > div:not(:last-of-type) {border-bottom:1px solid lightgrey}



div.NutrientMap a {color:white}


div.NutrientMap a[data-long-name]::before {content:attr(data-long-name);}



@media screen and (max-width:1100px)
{
	div.NutrientMap a[data-short-name]::before {content:attr(data-short-name);}
	div.NutrientMap a[data-atomic-number]::after {font-size:10px; vertical-align:sub; content:attr(data-atomic-number);}
}