/* ABOUTME: Layout fixes for the static replica of abbypd.ca, loaded after the CMS stylesheets on every page. */
/* ABOUTME: tools/replicate.mjs copies this file to /replica-fixes.css; the bugs it fixes are in the CMS's own CSS. */

/* On phones the Chief's portrait sits centred above the message instead of floating beside it */
@media screen and (max-width: 800px)
{
	div#strip6 .column-main img
	{
		display: block;
		float: none !important;
		margin: 0 auto 20px !important;
	}
}

/* The Chief's portrait is floated by the CMS; contain it so it can't push the deputy photos sideways when the columns stack */
div#strip6 .column-main::after
{
	clear: both;
	content: "";
	display: table;
}

/* The crime picker heading is 46px everywhere and overflows its fixed-height box on phones */
@media screen and (max-width: 800px)
{
	.reporting-main .main-dropdown .blue-cta-area p.reporting-cta-text
	{
		font-size: 24px;
		line-height: 1.2;
		padding-right: 80px;
	}
}

/* Lists inside centred blocks keep their numbers and bullets beside the centred text, not at the left edge */
center ol,
center ul
{
	list-style-position: inside;
	padding-left: 0;
}

/* The homepage's news columns share the row equally, however many there are */
div#strip1 .strip-columns > div
{
	flex: 1 1 0;
}

/* The Accessible Employers logo follows the accessibility email inline on the contact page; give it its own line */
img[src$="White%20on%20Blue%20Small%20x0.5.png"]
{
	display: block;
	margin: 15px 0 !important;
}