/* Site-wide overrides of the purchased theme.

   Loaded from main.master directly after style.min.css, so a rule here only needs to tie the
   theme on specificity to win. Page-specific sheets are linked through cphHead below this, and
   still override it.

   Keep this for things every page shows. Anything that belongs to one section belongs in that
   section's own sheet. */

/* ---------- breadcrumbs ---------- */

/* The theme runs these at 24px, stepping down to 16px on small screens. A catalogue breadcrumb is
   three or four levels deep and reads as a heading at that size, so it is pinned to the body size
   here and the responsive ladder collapses with it. Safe to size on the li: unlike the card titles,
   .breadcrumb_nav a sets no font-size of its own, so the anchors inherit this.

   The :after separator is scaled to match; left at the theme's 18px it would outweigh the text. */
.breadcrumb_nav > li {
	font-size: 15px;
}

.breadcrumb_nav > li:after {
	font-size: 12px;
}

/* 25px of padding either side of the separator was spaced for 24px type and leaves the trail
   straggling at 15px. Kept symmetrical: the separator is positioned against the padding edge, so
   padding-right sets the gap before it and margin-right the gap after - unequal values would sit
   it off-centre between the two labels. */
.breadcrumb_nav > li:not(:last-child) {
	margin-right: 14px;
	padding-right: 14px;
}