#skip-link {
	display: none;
}

div.float-clear {
	clear: both;
}

h1:first-of-type {
	margin-top: 0;
}

form.aqo-form {
	background-color: #f2f2f2; /* #dce4ef; */
	border-left: 0.25rem solid #367a76;
	padding: 1.5rem;
	margin-bottom: 2rem;
}

table.table-full-width {
	width: 100%;
}

iframe.no-border {
	border: none;
}


/* ===== BREADCRUMBS ===== */
#breadcrumbs {
	margin: 1.5rem 0;
	padding: 0 1rem;
}

ul.navigation-breadcrumbs {
	margin: 0;
	overflow: hidden;
}

ul.navigation-breadcrumbs > * {
	display: block;
	float: left;
}

ul.navigation-breadcrumbs > li {
	padding: 0.2rem;
}

ul.navigation-breadcrumbs > li:nth-child(n+1)::before {
	background: url(/ontario-design-system/icons/svg/ontario-icon-chevron-right.svg) no-repeat;
	background-position-y: center;
	content: "";
	display: inline-block;
	position: relative;
	top: 0.15rem;
	width: 25px;
	height: 1rem;
}

ul.navigation-breadcrumbs > li:first-child::before {
	display: none;
}

ul.navigation-breadcrumbs > li:not(:first-child) > a {
	margin-left: 0.2rem;
}


/* ===== COMMON LAYOUT ===== */
.ontario-alert__body ul {
	margin-left: 1rem;
}

aside.ontario-aside {
	background-color: #f2f2f2;
	width: 100%;
	margin-top: 2.5rem;
	margin-left: 0;
}

aside.ontario-aside:first-of-type {
	margin-top: 0;
}

aside.ontario-aside li > ul,
aside.ontario-aside li > ol {
	margin-top: 1rem;
	margin-left: 1.5rem;
}

.image-box-with-link,
aside.image-box-with-link {
	display: inline-block;
	/* background-color: #42782f;
	padding: 0.5rem 0;
	border-radius: 0.5rem; */
	padding: 0 0 0.5rem;
}

aside.image-box-with-link {
	margin-bottom: 0;
	border-left: none;
}

.aside-under-image {
	padding: 0 0.75rem;
}

.aside-under-image > ul,
.aside-under-image > li {
	margin-top: 0.5rem;
}

.image-box-with-link img.photo {
	width: 100%;
	/* border-top: 1px solid #fff;
	border-bottom: 1px solid #fff; */
	margin-bottom: 0;
}

.image-box-with-link img.mobilehide {
	margin-bottom: 0;
}

.image-box-with-link > br {
	line-height: 0;
}
/*
.image-box-with-link,
.image-box-with-link a {
	color: #fff;
}
*/

@media screen and (max-width: 73em) {
	aside.ontario-aside { width: unset; }
	aside.ontario-aside:first-of-type { margin-top: 2.5rem; }
}


/* ===== Table Layout; FOR alerts/signup.php and history/index.php ===== */
div.div_as_table { display: table; }
div.div_as_row { display: table-row; }
div.div_as_row div
{
	display: table-cell;
	vertical-align: top;
	padding-bottom: 1rem;
	/* border: solid;
	border-width: thin; */
}

@media screen and (max-width: 40em) {
	div.div_as_table, div.div_as_row, div.div_as_row div { display: block; }
	div.div_as_row div { margin-bottom: 0; }
}


/* ===== FOR aqhi/advisories.php and aqhi/advisories_stats.php ===== */
.advisories-download-section {
	background-color: #e2f0f4;
	width: calc(100% - 2rem);
	margin: 0 1rem 2.5rem;
	padding: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.advisories-download-section p {
	margin: 0;
}

.advisories-download-section > .buttons-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.advisories-download-section > .buttons-container > button,
.advisories-download-section > .buttons-container > a.ontario-button {
	margin: 0 0.5rem;
}

@media screen and (max-width: 40em) {
	.advisories-download-section {
		align-items: flex-start;
		flex-wrap: wrap;
	}

	.advisories-download-section > .buttons-container {
		flex-wrap: wrap;
	}

	.advisories-download-section > .buttons-container > button,
	.advisories-download-section > .buttons-container > a.ontario-button {
		margin: 0.5rem 0.5rem 0.5rem 0;
	}
}


/* ===== AQHI MAP (pg_aqo_show_leftnav_aqhi_table) ===== */
.map-navs {
	width: unset;
}

.map-navs > .leftnav {
	margin-bottom: 1rem;
}

/* ===== AQHI NAVIGATION (pg_aqhi_show_leftnav_aqhi_links) ===== */
.location-navs {
	display: flex;
	justify-content: space-between;
}

.location-navs > .leftnav {
	background-color: #f2f2f2; /* #42782f */
	flex-basis: calc(50% - 1rem);
	padding: 1rem;
	margin-bottom: 1rem;
}

.location-navs > .leftnav a {
	display: inline-block;
	color: #1a1a1a;
}

/* ===== AQHI TABLE ===== */
.graphTable td.aqhi-scale-text {
	border: 0px solid #999;
	text-align: center;
	width: calc(100% / 11);
	padding: 0;
}

.graphTable .aqhi-scale {
	height: 20px;
	border: 1px solid #999;
}

.graphTable tr:first-child {
	border-bottom: none;
	vertical-align: bottom;
}

.aqhi-1 { background-color: #00ccff; }
.aqhi-2 { background-color: #0099cc; }
.aqhi-3 { background-color: #006699; }
.aqhi-4 { background-color: #ffff00; }
.aqhi-5 { background-color: #ffcc00; }
.aqhi-6 { background-color: #ff9933; }
.aqhi-7 { background-color: #ff6666; }
.aqhi-8 { background-color: #ff0000; }
.aqhi-9 { background-color: #cc0000; }
.aqhi-10 { background-color: #990000; }
.aqhi-11 { background-color: #660000; }

.ontario-accordion__content table * {
	width: unset;
}


/* ===== pg_aqi_show_categories_table ===== */
table.aqi-categories-table td[headers="header20"] {
	display: table-cell;
	vertical-align: middle;
}

table.aqi-categories-table .aqi-category {
	width: 5rem;
	height: 1.25rem; 
}

table.aqi-categories-table .aqi-category.aqi-very-good { background-color: #0000cc; }
table.aqi-categories-table .aqi-category.aqi-good { background-color: #00cc00; }
table.aqi-categories-table .aqi-category.aqi-moderate { background-color: #ffcc00; }
table.aqi-categories-table .aqi-category.aqi-poor { background-color: #ff6600; }
table.aqi-categories-table .aqi-category.aqi-very-poor { background-color: #ff0000; }


/* ===== pg_show_station_selector_form ===== */
#stationSelector select#lblCities {
	max-width: 24rem;
	margin: 0 2rem 1rem 0;
}

#stationSelector > .aqo-form {
	border-left: none;
	padding: 0;
}