/**
 * Betroster: accessibility and heading fixes.
 *
 * Loaded after css/custom.css so these rules win at equal specificity.
 */

/* Screen-reader label for the main navigation (was an H2). */
#main-nav .screen-reader-text {
	color: #fff;
}

/* Casino list: bonus titles are paragraphs now (heading order), so they
   carry the styling the old H4 rules gave them. Desktop: left-aligned,
   18px. Mobile (max-width: 768px): centred, 16px, as in custom.css. */
.casino-row .bonus .bonus-h {
	font-size: 18px;
	line-height: 21px;
	font-weight: 700;
	color: #323232;
	margin: 5px auto;
}

@media ( max-width: 768px ) {
	.casino-row .bonus .bonus-h {
		font-size: 16px;
		text-align: center;
		margin-bottom: -10px;
	}
}

/* Contrast: darker grey text on the light backgrounds. */
.casino-row .bonus span {
	color: #5b6466;
}

.casino-row .read-review {
	color: #4f5b5e;
}