/* Encorp Pacific (Canada) 2024 Site Design - Page Layout CSS */
/* Last Updated: 2025.06.17 ET */

/* Basic elements */

html {
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	scroll-padding-top: 150px;
}

body {
	background-color: white;
	/* background: url('/images/encp_bkgd_measure_1320pxw.png') repeat-y center; */
	margin: 0;
}

main {
	display: block;	 /* Required for Internet Explorer */
}

aside img {
	display: block;
	margin-bottom: 32px;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */

/* Material Icons */

div.thumbnail::after,
#menu-control::after,
#loginmenu-control::after,
#translateform h4::before,
#translateform-control::before {
	font-family: 'Material Symbols';
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}

/* Universal classes */

.relative {
	position: relative;
	overflow: hidden;
}

.help { cursor: help; }

.haslayout {
	position: relative;
	overflow: hidden;
}

.flexrow {
	clear: both;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexwrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexcol {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.flexgrow {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

@media (min-width: 961px) {

	.leftcontent {
		box-sizing: border-box;
		float: left;
		width: 50%;
		padding-right: 100px;
		/* margin-bottom: 48px; */
	}
	
	.rightcontent {
		box-sizing: border-box;
		float: right;
		width: 50%;
		padding-left: 12px;
		margin-bottom: 48px;
	}

}

.backlink {
	display: block;
	width: 100px;
	font-size: 10px;
	line-height: 110%;
	margin: 1em 0 1em 20px;
	text-decoration: none;
}

.nextlink {
	display: block;
	float: right;
	font-size: 8pt;
}

.adminonly {
	background-color: rgba(255,159,0,0.2);
}

.backnav {
	margin-bottom: 48px;
}

main > section > nav.backnav,
main > section > div.backnav {
	margin-top: -32px;
}

span.adminonly {
	display: inline-block;
	padding: 0.1em 0.7em;
	margin: 0 1em;
}

.adminlink {
	position: relative;
	color: rgb(102,102,102) !important;
	font-size: 7pt !important;
	z-index: 1200;
}

.adminlink a,
.adminlink a:visited,
a.adminlink,
a.adminlink:visited {
	display: inline-block;
	color: rgb(204,102,0) !important;
	padding: 0.5em 0.5em;
	/* border: 1px dashed red; */
}

.adminlink a:hover {
	color: rgb(255,159,0) !important;
}

.pagebreak {
	border-top: none;
	background-image: none;
	padding-top: 0;
}

.htmlarea .toolbar td {
	padding: 0;
}

.jsclickable {
	color: rgb(0,51,160) !important;
	cursor: pointer;
}

.jsclickable:hover {
	color: rgb(179,195,227) !important;
}

.scroll-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-y: scroll;
}

/* Element classes */

input[type="checkbox"].ui-control,
input[id$="-checkbox"] {
	display: none;
}

div.scrollcontainer {
	overflow: auto;
}

img.inlineimage {
	vertical-align: middle;
}

div.continueprompt {
	text-align: right;
	margin-top: 10px;
	padding-top: 6px;
	border-top: 3px solid rgb(220,220,220);
}

iframe.video16x9 {
	max-width: 100vw;
	max-height: 56.25vw;
}

a.anchor {
	position: absolute;
	margin-top: -190px;
}

/* Layout Hierarchy */

body > main {
	position: relative;
	/* overflow: hidden; */
	min-height: calc(100vh - 233px);
}

body > header {
	box-sizing: border-box;
	position: sticky;
	top: 0;
	height: 128px;
	background: linear-gradient(to right, rgb(14,44,109), rgb(0,51,160));
	padding: 32px calc(50% - 660px); /* Fixed maximum width 1320px */
	border-bottom: 1px solid rgb(213,223,240);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	z-index: 1300;
}

body > footer {
	position: relative;
	background: rgb(14,44,109);
	color: rgb(179,195,227);
	padding: 40px calc(50% - 660px) 32px; /* Fixed maximum width 1320px */
	z-index: 1;
}

body > footer a,
body > footer a:visited {
	color: rgb(179,195,227);
	text-decoration: underline;
}

body > footer > section {
	position: relative;
}

body > footer > section + section {
	padding-top: 32px;
	margin-top: 64px;
}

body > footer > section:last-child {
	font-size: 16px;
}

main {
	/* border: 1px dashed red; */
}

main > header,
main > section {
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	padding: 64px calc(50% - 660px) 32px; /* Fixed maximum width 1320px */
}

main > nav.backnav,
main > div.backnav {
	padding: 32px calc(50% - 660px) 32px;
}

main > section:last-child {
	padding-bottom: 64px;
}

main > header:not(.item) {
	background-color: rgb(0,51,160);
	color: rgb(213,223,240);
}

main > header:not(.item) h1,
main > header:not(.item) h2,
main > header:not(.item) h3,
section.featured h2, 
section.featured h3 {
	color: white;
}

main > header > *:first-child {
	margin-top: 0;
}

main > header > *:last-child {
	margin-bottom: 0;
}

main > header.item {
	padding-top: 32px;
}

main > header {
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
}

main > header.banner {
	height: 514px;
	padding-top: 120px;
}

body.itype-106.index main > header.banner {
	/* each image in the stack has its own blend mode (must be in matching comma-separated order) */
	background-image: linear-gradient(to right, rgba(34,67,156,1) 0%, rgba(34,67,156,0) 100%), url('/images/encp_bkgd_mixed-containers.jpg');
	background-blend-mode: normal, hard-light;
}

main > section.full {
	width: 100%;
	/* padding: 64px 64px 32px 64px; */
	padding: 64px;
}

main > iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

video.bannervideo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	object-fit: cover;
}

section.index,
section.overview,
section.featured,
section.highlights {
	background-color: rgb(0,51,160);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: cover;
	/* each image in the stack has its own blend mode (must be in matching comma-separated order) */
	background-image: linear-gradient(to right, rgba(14,44,109,1) 0%, rgba(14,44,109,0.5) 100%), url('/images/encp_bkgd_mixed-containers.jpg');
	background-blend-mode: normal, hard-light;
	color: rgb(213,223,240);
}

section.index h1 {
	color: white;
}

section.featured.banner {
	padding-top: 120px;
	padding-bottom: 120px;
}

section.featured.news {
	background-image: linear-gradient(to right, rgba(34,67,156,1) 0%, rgba(34,67,156,0) 100%), url('/images/encp_bkgd_newspapers.jpg');
	background-blend-mode: normal, hard-light;
}

#sect_faqs {
	background-image: linear-gradient(to right, rgba(34,67,156,1) 0%, rgba(34,67,156,0) 100%), url('/images/encp_bkgd_mixed-containers.jpg');
	background-blend-mode: normal, hard-light;
}

section.overview > section.intro {
	float: left;
	max-width: 660px;
	margin-right: 128px;
}

section.overview > section.intro + ul.childnav {
	float: left;
	max-width: 660px;
	margin-top: 0;
	margin-bottom: -16px;
}

section.admin {
	background-color: rgba(213,223,240,0.4);
	border-bottom: 1px solid white;
}

main > section:not(.featured) + section:not(.featured) {
	/* background-color: yellow; */
}

body > footer > section + section::before,
main > section:not(.featured):not(.index) + section:not(.featured)::before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 2px;
	width: 1320px;
	background: linear-gradient(to right, rgb(179,195,227) 9px, transparent 10px, transparent 12px) repeat-x left top / 12px 2px;
	/* border-top: 2px dashed rgb(179,195,227); */
}

main > section > section + section {
	background: linear-gradient(to right, rgb(179,195,227) 9px, transparent 10px, transparent 12px) repeat-x left top / 12px 2px;
	margin-top: 80px;
	padding-top: 80px;
}

body > footer > section + section::before {
	height: 1px;
}

main > section:has(+ section) {
	padding-bottom: 70px;
}

body.index > header + main {
	min-height: calc(100vh - 128px);
}

body.index > header + main > section:only-child {
	min-height: calc(100vh - 128px);
}

/* Electronics overrides */

body.elec section.index,
body.elec section.banner,
body.elec main > header:not(.item) {
	/* each image in the stack has its own blend mode (must be in matching comma-separated order) */
	/* background-image: linear-gradient(to right, rgba(54,108,48,1) 0%, rgba(54,108,48,0.5) 100%), url('/images/encp_bkgd_electronics-pcb-recycle.jpg'); */
	background-image: linear-gradient(to right, rgba(40,80,35,1) 0%, rgba(40,80,35,0.5) 100%), url('/images/encp_bkgd_electronics-pcb-recycle.jpg');
	background-blend-mode: normal, hard-light;
	color: white;
}

/* Large Appliances overrides */

body.lrgapp section.index,
body.lrgapp section.banner,
body.lrgapp main > header:not(.item) {
	/* each image in the stack has its own blend mode (must be in matching comma-separated order) */
	/* background-image: linear-gradient(to right, rgba(125,119,209,1) 0%, rgba(125,119,209,0.5) 100%), url('/images/encp_bkgd_kitchen-appliances.jpg'); */
	background-image: linear-gradient(to right, rgba(68,65,114,1) 0%, rgba(68,65,114,0.5) 100%), url('/images/encp_bkgd_kitchen-appliances-tinted.jpg');
	background-blend-mode: normal, hard-light;
	color: white;
}


/* .... */

footer a,
footer a:visited,
section.index a,
section.index a:visited,
section.banner a,
section.banner a:visited,
section.overview a
section.overview a:visited {
	color: white;
	text-decoration: none;
}

section.banner a,
section.banner a:visited {
	color: rgb(255,163,0);
}

ul.sectionnav > li > .adminlink {
	position: relative;
	float: right;
	opacity: 0;
	transition: opacity 0.1s;
	z-index: 7000;
}

article > .adminlink {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	transition: opacity 0.1s;
}

section > .adminlink,
main > header > .adminlink {
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.1s;
}

article:hover > .adminlink,
section:hover > .adminlink,
main > header:hover > .adminlink,
ul.sectionnav > li:hover > .adminlink {
	opacity: 1;
}

main > section:not(.wide) > article {
	box-sizing: border-box;
	position: relative;
	/* overflow: hidden; */
	max-width: 896px;
	/* border: 1px dashed red; */
}

main > section > article ~ ul,
main > section > article ~ ol,
main > section > article ~ section,
main > section > article ~ article {
	clear: left;
}

main > section > aside {
	float: right;
	clear: right;
	max-width: 320px;
	margin-left: 32px;
}

main > section > aside + article {
	float: left;
}

aside > form {
	box-sizing: border-box;
	max-width: 320px;
	/* background-color: rgb(213,223,240); */
	background-color: rgb(244,247,255);
	padding: 16px;
	border-radius: 8px;
	margin-bottom: 32px;
}

main > section > aside span.adminlink {
	position: absolute;
	margin-left: -6.5em;
	opacity: 0;
	transition: opacity 0.3s;
}

main > section > aside:hover span.adminlink {
	opacity: 1;
}

a.ad,
a.ad:visited {
	display: block;
	overflow: hidden;
	border-radius: 8px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.07), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.10);
	margin-bottom: 32px;
}

a.ad:hover {
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.20);
}

a.ad > img {
	display: block;
	margin: 0;
}

a[id]:empty {
	position: relative;
	top: -150px;
	/* border: 1px dashed blue !important; */
}

/* Breadcrumbs */

ol.breadcrumbs {
	list-style: none;
	font-weight: 400;
	font-size: 1rem;
	padding: 0;
	margin: 0 0 8px 0;
}

ol.breadcrumbs:not(.powersite) {
	display: none; /* HIDE ALL FOR NOW UNTIL REMOVED FROM TEMPLATES */
}

ol.breadcrumbs > li {
	display: inline-block;
	padding: 0;
	margin: 0;
}

ol.breadcrumbs > li::before {
	content: '/';
	display: inline-block;
	margin-left: 0.25em;
	margin-right: 0.5em;
}

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

ol.breadcrumbs + section {
	padding-top: 0;
}

/* Anchor links */

nav.anchors {
	background-color: rgb(244,247,255);
	text-align: right;
	padding: 12px calc(50% - 660px); /* Fixed maximum width 1320px */
}

nav.anchors > label {
	color: rgb(0,51,160);
	font-weight: 700;
	vertical-align: baseline;
}

nav.anchors > ul {
	list-style: none;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding: 0;
	margin: 0;
}

nav.anchors > ul > li {
	padding: 0;
}

nav.anchors a,
nav.anchors a:visited {
	font-weight: 700;
	text-decoration: none;
}

@media (min-width: 961px) {

	/* nav.anchors {
		position: sticky;
		top: 128px;
		z-index: 8001;
	} */

	nav.anchors > label {
		float: left;
	}

	nav.anchors > ul > li {
		display: inline-block;
		padding: 0;
		margin: 0 0 0 3em;
	}

}

@media (max-width: 960px) {

	nav.anchors {
		text-align: center;
	}
	
	nav.anchors > label::after {
		content: '\25BE';
		display: inline-block;
		margin-left: 0.5em;
	}

	nav.anchors > ul {
		margin-top: 1em;
		display: none
	}
	
	nav.anchors > input.displaystate:checked + ul {
		display: block;
	}
	
}

/* Footer */

footer > div {
	margin: 0 16px 16px 16px;
}

footer div.social {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

footer div.social img {
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	width: auto;
}

footer div.social a:hover {
	opacity: 0.8;
}

footer div.social a + a {
	margin-left: 20px;
}

footer div.social a + span {
	margin-left: 12px;
}

footer a.button,
footer a.button:visited {
	text-transform: none !important;
	margin: 0;
}

footer > a.button:hover {
	opacity: 0.8;
}

footer a.button + a.button {
	margin-left: 12px;
}

footer > ul.sublinks {
	display: block;
	list-style: none;
	text-align: right;
	padding: 0.5em 1em 0 0;
	margin: 0;
	align-self: flex-start;
}

footer > ul.sublinks > li {
	display: inline-block;
	padding: 0;
	margin: 0 0 0.4em 1em;
}

footer.express {
	box-sizing: border-box;
	height: 208px;
	background: rgb(32,66,156);
	background: url('/images/encp_grfx_footer-puppets.png'),
		linear-gradient(to bottom, rgb(36,107,200) 0%, rgb(32,66,156) 100%);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 16px 16px 16px 32px;
	display: flex;
	flex-wrap: nowrap;
}

footer.express img.footerlogo {
	width: 224px;
	height: 117px;
	object-fit: contain;
}

footer.express ul.sublinks {
	font-size: 16px;
}

footer.express ul.sublinks a,
footer.express ul.sublinks a:visited {
	color: white;
	text-decoration: none;
}


/* Modal dialogs */

div.modal,
#modal {
	display: none;
	position: fixed;
	z-index: 9000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
}

div.dialog,
div.pdfviewer,
div.viewer {
	display: none;
	position: fixed;
	z-index: 9001;
	background-color: white;
	box-shadow: 1px 1px 20px black;
}

div.dialog,
div.pdfviewer {
	width: 80vw;
	height: 80vh;
	left: 50vw;
	top: 50vh;
	margin-left: -40vw;
	margin-top: -40vh;
}

div.viewer {
	max-width: 80vw;
	max-height: 80vh;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

div.viewer > img {
	display: block;
	border: 10px solid white;
}

div.dialog iframe {
	display: block;
	width: 80vw;
	height: 80vh;
	border: none;
}

div.pdfviewer iframe {
	display: block;
	width: 80vw;
	height: 80vh;
	border: none;
}

div.dialog.video16x9 {
	background-color: black;
	width: 80vw !important;
	height: 45vw !important;
	margin-top: -23vw;
}

div.dialog.video16x9 iframe {
	width: 80vw !important;
	height: 45vw !important;
}

div.inquirydialog {
	display: none;
	background-color: white;
	float: right;
	padding: 10px 20px;
	margin-top: 20px;
	margin-right: 20px;
}

div.inquirydialog h4 {
	background-color: rgb(0,53,173);
	color: white;
	text-align: center;
	padding: 0.25em 1em;
	margin: -10px -20px 10px;
}

div.inquirydialog div {
	position: relative;
	overflow: hidden;
	clear: left;
	margin-bottom: 0.5em;
}

div.inquirydialog div.cmdbar {
	text-align: center;
	margin: 1em 0 0;
}

span.closer,
label.closer,
a.closelink {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: -15px;
	right: -15px;
	display: block;
	width: 32px;
	height: 32px;
	background-color: black;
	border: 2px solid white;
	border-radius: 16px;
	cursor: pointer;
}

span.closer::before,
label.closer::before,
a.closelink::before {
	content: '×';
	position: absolute;
	box-sizing: border-box;
	top: 0;
	width: 28px;
	color: white;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	z-index: 9002;
}

input[type="checkbox"].displaystate {
	display: none;
}

/* Navigation list adjustments */

section.full > ul.childnav {
	margin-right: 0;
}

section.index li.featured > a,
section.index li.featured > a:visited {
	/* min-height: 144px; */
	/* background-color: rgb(255,255,255,0.1);
	color: white; */
	text-decoration: none;
}

section.index li.featured > a:hover,
section.index li.featured > a:active {
	/* color: rgb(36,36,36); */
	text-decoration: none;
}

section.overview li.featured {
	/* width: 320px; */
}

section.overview li.featured > a,
section.overview li.featured > a:visited {
	/* background-color: rgb(255,255,255,0.1);
	color: white; */
	text-decoration: none;
}

@media (min-width: 1280px) {

	section.wide-left {
		float: left;
		max-width: 48%;
	}
	
	section.wide-right {
		float: right;
		max-width: 48%;
	}

	section.wide-left + *:not(.wide-right),
	section.wide-right + *:not(.wide-left) {
		clear: both;
	}

}
	

/* Other lists */

ul.applist {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	max-width: 210px;
}

ul.applist > li {
	position: relative;
	overflow: hidden;
}

ul.applist li a, ul.applist li a:visited {
	color: black;
	text-decoration: none;
}

ul.applist li a:hover {
	color: rgb(0,53,173);
	text-decoration: underline;
}

ul.applist div.headline {
	width: 80px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.2em;
	text-align: center;
	float: left;
	clear: left;
}

ul.applist div.appicon {
	float: right;
	clear: right;
}

ul.selcblist {
	background-color: transparent;
	list-style-type: none;
	height: 9em;
	overflow: auto;
	padding: 8px 12px;
	border: 1px solid rgb(190,190,190);
	margin: 0;
}

ul.selcblist li {
	margin-bottom: 0.2em;
	white-space: nowrap;
}

p.note + ul.selcblist {
	margin-top: -1em;
	margin-bottom: 1em;
}

/* Tables */

table.data td {
	font-size: 9pt;
	line-height: 11pt;
	padding: 0.25em 0.5em;
}

table.data th {
	background-color: rgb(248,213,131);
	font-weight: normal;
	font-size: 9pt;
	line-height: 11pt;
	padding: 0.25em 0.5em;
}

table.data td.total,
table.data tr.total td {
	font-weight: bold;
	color: rgb(0,53,173);
	border-top: 1px solid rgb(255,159,0);
}

table.data td.sectionhead {
	padding-left: 0;
	padding-top: 1em;
	font-size: 13pt;
	font-weight: bold;
	color: rgb(255,140,0);
}

table.data tr.sect td {
	padding-top: 1em;
}

table.data th.hzsep,
table.data td.hzsep {
	border-left: 6px solid white;
}

table.data td.note {
	font-size: 80%;
}

table.data + h3 {
	margin-top: 1.5em;
}

table.loginform div.note {
	margin-top: 0.5em;
}

table.adminreportform {
	margin-bottom: 2em;
}

table.adminreportform tfoot th,
table.adminreportform tfoot td {
	padding-top: 1em;
}

.datarowodd {
	background-color: rgb(245,245,245);
}

.dataroweven {
	background-color: rgb(225,225,225);
}

table.minicalendar {
	display: inline-block;
	vertical-align: top;
	margin: 1em;
	table-layout: fixed;
}

table.minicalendar th {
	width: 6em;
	background-color: rgb(255,159,0);
	padding: 0.25em 0.5em;
}

table.minicalendar td {
	width: 5em;
	background-color: rgb(245,245,245);
	padding: 0.25em 0.5em;
}

table.minicalendar td.dow1,
table.minicalendar td.dow7 {
	background-color: rgb(225,225,225);
}

table.minicalendar td[colspan] {
	background-color: white;
}

table.minicalendar a.calevent,
table.minicalendar a.calevent:visited {
	display: block;
	background-color: white;
	font-size: 0.8em;
	line-height: 1.1em;
	text-align: left;
	text-decoration: none;
	padding: 0.25em;
	border: 1px solid rgb(0,0,255);
	border-radius: 3px;
	margin: 0.25em 0;
	box-shadow: 1px 2px 5px rgba(0,0,0,0.4);
}

table.minicalendar a.calevent.pending {
	border: 1px dashed rgb(255,159,0);
	color: rgb(191,119,0);
}

/* Elements by ID */

#sitelogo {
	display: inline-block;
	vertical-align: middle;
	height: 72px;
	width: auto;
	z-index: 8001;
}

#siteinfo {
	max-width: 480px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#siteinfo > * {
	/* border: 1px dashed yellow; */
}

#footerlogo {
	display: block;
	height: 180px;
	width: 344px;
	margin-bottom: 64px;
}

#adminlinks {
	background-color: rgb(213,223,240);
	padding: 8px 32px;
	position: sticky;
	bottom: 0;
	font-size: 14px;
	z-index: 10000;
}

#adminlinks > ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#adminlinks > ul > li {
	display: inline-block;
	padding: 0;
	margin: 0.25em 1.5em 0.25em 0;
}

#adminlinks a {
	display: inline-block;
	white-space: nowrap;
}

#translateform {
	box-sizing: border-box;
	display: none;
	position: fixed;
	width: 244px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: white;
	padding: 24px 32px;
	border-radius: 8px;
	box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.20);
	z-index: 9000;
}

#translateform h4::before,
#translateform-control::before {
	content: 'translate';
	vertical-align: text-top;
	margin-right: 0.5rem;
}

#translateform-control {
	font-weight: 500;
}

#translateform-control:hover {
	color: rgb(179,195,227);
	cursor: pointer;
}

#translateform-checkbox {
	display: none;
}

#translateform-checkbox:checked + #translateform {
	display: block;
}

#translateform > label[class="material-icons"] {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 16px;
	color: black;
}

#menu-checkbox,
#menu-control,
#user-error-email,
#mainmenu ul li.express-mobile {
	display: none;
}

#mainmenu > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 8002;
}

div.submenu ul ul a::after {
	content: '\E5C8'; /* arrow_forward */
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	margin-left: 0.5em;
}

div.submenu hr {
	margin: 12px 0;
}

#mainmenu > ul > li {
	position: relative;	 /* CERB:635166 */
	display: inline-block;
	padding: 0;
	margin: 0.5em 1em;
}

#mainmenu a:hover {
	text-decoration: underline !important;
}

@media (min-width: 1101px) {
	
	#mainmenu > ul > li > a,
	#mainmenu > ul > li > a:visited {
		display: block;
		color: rgb(213,223,240);
		font-weight: 500;
		font-size: 18px;
		line-height: 19px;
		letter-spacing: 0;
		text-decoration: none;
		padding: 1em 0 1em;
	}

	#mainmenu > ul > li.active > a,
	#mainmenu > ul > li.active > a:visited {
		color: white;
		text-decoration: underline !important;
	}
	
	#mainmenu > ul > li:has(ul) > a::after {
		content: '\25BE';
		position: relative;
		display: inline-block;
		max-width: 1em;
		overflow: hidden;
		top: 0.2em;
		margin-top: 0;
		margin-left: 0.5em;
	}
	
	#mainmenu > ul > li:not(:has(ul)) {
		margin-right: 2em;
	}
	
	#mainmenu > ul > li > div.submenu {
		position: absolute;
		left: 50%;
		background: rgb(244,247,255);
		color: rgb(14,44,109);
		text-align: left;
		padding: 24px;
		margin: 0;
		z-index: 8003;
		border-radius: 8px;
		box-shadow: 0 2px 5px rgba(0,0,0,0.3);
		visibility: hidden;
		transform-origin: left top;
		transform: scale(1,0.01) translateX(-33%);
		transition: all 0.3s;
	}
	
	#mainmenu > ul > li > div.submenu.panel {
		width: 640px;
	}
	
	#mainmenu > ul > li:hover > div.submenu {
		visibility: visible;
		transform: scale(1,1) translateX(-33%);
	}
	
	div.submenu ul {
		float: left;
		list-style: none;
		width: 320px;
		padding: 0;
		margin: 0;
	}
	
	div.submenu ul li {
		margin: 0;
	}
	
	div.submenu ul li.heading {
		font-weight: 700;
		font-size: 14px;
		line-height: 17.5px;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		margin-bottom: 1em;
	}
	
	div.submenu ul ul {
		margin: 0 0 1.5em;
	}
	
	div.submenu ul ul li {
		margin-left: 40px;
	}
	
	div.submenu a,
	div.submenu a:visited {
		display: block;
		color: rgb(14,44,109);
		font-weight: 700;
		padding: 0.5em 0;
		text-decoration: none;
	}
	
	div.submenu ul ul a,
	div.submenu ul ul a:visited {
		font-weight: 400;
		text-decoration: underline;
		padding: 0.2em 0;
	}
	
	div.submenu > ul > li > a::before {
		content: '\EF42'; /* article */
		display: inline-block;
		vertical-align: middle;
		font-size: 24px;
		margin-right: 16px;
	}
	
	div.submenu li.bev > a::before {
		content: url('/images/encp_icon_containers.svg');
		width: 24px;
		height: 24px;
	}
	
	div.submenu li.elec > a::before {
		content: '\E715'; /* google_home_devices */
	}
	
	div.submenu li.lrgapp > a::before {
		content: '\EB47'; /* kitchen */
	}

	div.submenu li.login > a::before {
		content: '\E7FD'; /* person */
	}

	div.submenu li.logout > a::before {
		/* content: '\E9BA'; */ /* logout */
		content: '\E510'; /* person_off */
	}

	div.submenu > ul > li > div {
		margin: 0 0 1em 40px;
	}

}

@media (max-width: 1100px) {

	#menu-control {
		display: block;
		background: none;
		color: white;
		padding: 0;
	}
	
	#menu-control::before {
		content: 'Menu';
	}
	
	#menu-control::after {
		content: '\E5D2';
		position: relative;
		top: -2px;
		vertical-align: middle;
		font-size: 24px;
		margin-left: 10px;
	}

	#menu-checkbox + #mainmenu {
		box-sizing: border-box;
		display: none;
		position: absolute;
		top: 127px;
		left: 0;
		width: 100%;
		overflow-y: auto;
		background-color: rgb(14,44,109);
		color: white;
		font-size: 18px;
		padding: 12px 60px 20px 60px;
		/* box-shadow: rgba(0,0,0,0.5) 0px 20px 25px -5px,
			rgba(0,0,0,0.04) 0px 10px 10px -5px; */
	}

	#menu-checkbox + #mainmenu li {
		padding: 0;
		margin: 0;
	}

	#menu-checkbox + #mainmenu > ul > li {
		display: block;
	}

	#mainmenu > ul > li > a,
	#mainmenu > ul > li > a:visited {
		display: block;
		color: white;
		padding: 0.2em 0;
		text-decoration: none;
	}

	div.submenu ul {
		list-style: none;
		font-size: 16px;
		padding: 0;
		margin: 0;
	}

	#menu-checkbox + #mainmenu div.submenu ul ul li {
		margin-left: 1em;
	}

	div.submenu a,
	div.submenu a:visited {
		display: block;
		color: rgb(179,195,227);
		padding: 0.2em 0;
		text-decoration: none;
	}

	div.submenu ul ul a,
	div.submenu ul ul a:visited {
		font-weight: 400;
		text-decoration: none;
	}
	
	div.submenu > ul > li > div {
		display: none;
	}

	div.submenu ul li.heading {
		font-size: 18px;
		font-weight: 500;
	}

	#menu-checkbox + #mainmenu > ul > li:not(:first-child),
	#menu-checkbox + #mainmenu div.submenu ul:not(:first-child) li.heading {
		background: linear-gradient(to right, rgb(43,77,152) 9px, transparent 10px, transparent 12px) repeat-x left top / 12px 1px;
		padding-top: 0.5em;
		margin-top: 0.5em;
	}

	#expresslogin {
		display: none;
	}

	#menu-checkbox:checked ~ #expresslogin,
	#menu-checkbox:checked + #mainmenu {
		display: block;
	}

	#menu-checkbox:checked ~ #menu-control::before {
		content: 'Close';
	}

	#menu-checkbox:checked ~ #menu-control::after {
		content: '\E5CD';
	}

	#menu-checkbox + #mainmenu > ul > li.recycling > a:first-child {
		display: none !important;
	}

}

@media (max-width: 720px) {

	#sitelogo {
		height: 40px;
	}

	#menu-checkbox + #mainmenu {
		top: 63px;
		padding-left: 40px;
		padding-right: 40px;
	}

	#expresslogin::before {
		display: none;
	}

	#mainmenu.express {
		padding-right: 0;
	}
	
	#mainmenu.express > ul > li {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	#mainmenu.express > ul > li:last-child {
		display: none;
	}

}

@media (max-width: 1200px) and (min-height: 601px) {

	#mainmenu {
		max-height: calc(100vh - 200px);
	}

}

@media (max-width: 1200px) and (max-height: 600px) {

	#mainmenu {
		max-height: calc(100vh - 64px);
	}

}

@media (max-width: 380px) {

	#mainmenu {
		padding-left: 20px;
		padding-right: 20px;
	}

}

#footermenu {
	padding-top: 20px;
}

#footermenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footermenu > ul ul a,
#footermenu > ul ul a:visited {
	display: block;
	font-weight: 500;
	text-decoration: none;
	padding: 0.2em 0;
}

#footermenu > ul ul ul a,
#footermenu > ul ul ul a:visited {
	font-weight: 400;
	text-decoration: underline;
	margin-left: 1em;
}

#footermenu > ul ul ul a::after {
	content: '\E5C8';
	display: inline-block;
	font-size: 16px;
	text-decoration: none;
	margin-left: 0.5em;
}

#footermenu .heading {
	font-weight: 700;
	font-size: 32px;
	color: white;
	text-decoration: none;
}

#footermenu > ul > li > ul {
	margin-bottom: 1em;
}

#searchform {
	display: block;
	margin-top: 1rem;
}

#searchform > input[type="text"] {
	box-sizing: border-box;
	width: 14rem;
	max-width: 100%;
	background: rgb(240,240,240) url('/images/encp_icon_search_grey_48px.png') no-repeat left 10px center;
	background-size: 24px 24px;
	font-size: 0.8666rem; /* 13px */
	line-height: 1.0666rem;
	padding: 8px 16px 8px 42px;
	border: none;
	border-radius: 16px;
	box-shadow: none;
	transition: all 0.3s;
	z-index: 8006;
	margin-top: -1px;
}

/* #searchform > input[type="text"]:focus {
	width: 200px;
} */

#loginmenu-checkbox {
	display: none;
}

#loginmenu {
	box-sizing: border-box;
	position: absolute;
	overflow: hidden;
	right: 0;
	width: 112px;
	max-height: 32px;
	background-color: rgb(36,36,36);
	color: white;
	border-radius: 16px;
	transition: all 0.3s;
	z-index: 8004;
}

#loginmenu-control,
#loginmenu > a,
#loginmenu > a:visited {
	box-sizing: border-box;
	cursor: context-menu;
	display: block;
	height: 32px;
	background: rgb(255,163,0) url('/images/encp_icon_account_white_48px.png') no-repeat left 4px center;
	background-size: 24px 24px;
	color: white !important;
	text-align: left;
	text-transform: uppercase;
	padding: 0.5em 0 0.5em 36px;
	transition: all 0.2s;
}

#loginmenu-control {
	white-space: nowrap;
	overflow: ellipses;
}

#loginmenu-control > span {
	display: none;
}

#loginmenu-control::after {
	content: 'close';
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 24px;
	opacity: 0;
}

#loginmenu > ul {
	list-style: none;
	width: 320px;
	max-height: 244px;
	overflow-y: auto;
	text-align: left;
	padding: 16px 0;
	margin: 0;
	opacity: 0;
	transition: opacity 0.3s;
}

#loginmenu a,
#loginmenu a:visited {
	display: block;
	color: white;
	font-weight: 500;
	font-size: 16px;
	line-height: 1;
	padding: 16px 32px;
}

#loginmenu a:hover {
	background-color: rgba(255,255,255,0.2);
}

#loginmenu a.mat-icon,
#loginmenu a.mat-icon:visited {
	padding-left: 48px;
	text-indent: -12px;
}

#loginmenu a::before {
	vertical-align: text-top;
	display: inline-block;
}

#loginmenu-checkbox:checked ~ ul > #loginmenu {
	width: 320px;
	max-height: 320px;
	border-radius: 8px;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.20);
	z-index: 8010;
}

#loginmenu-checkbox:checked ~ ul > #loginmenu > #loginmenu-control > span {
	display: inline;
}

#loginbutton::after {
	content: '';
	position: absolute;
	top: 4px;
	right: 4px;
	width: 24px;
	height: 24px;
	background: url('/images/encp_icon_close_white_48px.png') no-repeat center center;
	background-size: 24px 24px;
	opacity: 0;
	transition: opacity 0.3s;
}

#loginmenu-checkbox:checked ~ ul > #loginmenu > #loginbutton::after,
#loginmenu-checkbox:checked ~ ul > #loginmenu > ul {
	opacity: 1;
}

#loginmenu-checkbox:checked ~ ul > #loginmenu > #loginmenu-control::after {
	opacity: 1;
}

#framedURL {
	background: white url('/images/system/comm_iframe_loader.gif') no-repeat center center;
}

/* jQuery UI */

/* Required to hide the initial container, otherwise it appears empty at a random point across the page */
#ui-datepicker-div { display: none; }

div.ui-datepicker {
	background-color: white;
	padding: 5px;
	box-shadow: 0 0 6px rgba(0,0,0,0.4);
	margin-top: 5px;
}

a.ui-datepicker-prev {
	float: left;
	cursor: pointer;
}

a.ui-datepicker-prev > span.ui-icon-circle-triangle-w::before {
	content: '\276E';
	margin-right: 0.3em;
}

a.ui-datepicker-next {
	float: right;
	cursor: pointer;
}

a.ui-datepicker-next > span.ui-icon-circle-triangle-e::after {
	content: '\276F';
	margin-left: 0.3em;
}

div.ui-datepicker-title {
	font-weight: bold;
	text-align: center;
	width: 50%;
	margin: 0 25%;
}

table.ui-datepicker-calendar th {
	background-color: rgb(255,159,0);
	padding: 0.25em 0.5em;
	width: 14.3%;
	text-align: center;
}

table.ui-datepicker-calendar td {
	padding: 0;
	width: 14.3%;
	text-align: right;
}

table.ui-datepicker-calendar tr:nth-child(odd) td {
	background-color: rgb(245,245,245);
}

table.ui-datepicker-calendar tr:nth-child(even) td {
	background-color: rgb(225,225,225);
}

table.ui-datepicker-calendar td > a {
	display: block;
	padding: 0.25em 0.5em;
	text-decoration: none;
	color: black;
}

table.ui-datepicker-calendar td > a.ui-state-active {
	background-color: rgb(255,207,128);
}

table.ui-datepicker-calendar td > a:hover {
	color: white;
	background-color: rgb(0,53,173);
}

table.ui-datepicker-calendar td.ui-datepicker-unselectable {
	color: rgb(200,200,200);
	padding: 0.25em 0.5em;
	cursor: not-allowed;
}

input.datepicker {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAMAAAAR8Wy4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphN2JiZjg5OS0wZGIwLTRkZDQtOTFhMy1lN2M3MzkxNmE4ZTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkJFNkRDNkFGRUFCMTFFNTg4OUJDMTUxOEYxN0E4NkIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkJFNkRDNjlGRUFCMTFFNTg4OUJDMTUxOEYxN0E4NkIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphN2JiZjg5OS0wZGIwLTRkZDQtOTFhMy1lN2M3MzkxNmE4ZTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6YTdiYmY4OTktMGRiMC00ZGQ0LTkxYTMtZTdjNzM5MTZhOGU3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Jv8LsAAAACFQTFRF/89/ADWt/58A+/v75eXl09PTqqqqvr6+4+PjZmZm////ri6EaAAAADhJREFUeNpi4EIDDFyMjFxcnGDABWIzYKpgYmJAQkABDg5mJAQUYGNjRUJAAXZ2FiRENy1oACDAAOt0BjlSSq8iAAAAAElFTkSuQmCC');
	background-repeat: no-repeat;
	background-position: center right 3px;
	padding-right: 26px;
}

input.datepicker:focus {
	padding-right: 25px;
}

/* Specific ID elements */

#siteindicator {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(231,120,0,0.5);
	color: white;
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	padding: 0.4em 1em;
	z-index: 10000;
}


/* Responsive Adjustments */

/* Desktop Section Layouts */

section[class*="wlb"] > div {
	box-sizing: border-box;
	/* border: 1px dotted red; */
}

section[class*="wlb"] > p > div {
	margin-top: 48px;
}

@media (min-width: 961px) {

	/*
		Wide Layout Breaks (WLB) 

		LRB = 1 Left, 2 Right, 3 Bottom
		LRLB = 1 Left, 2 Right, 3 Left, 4 Bottom
		TLRB = 1 Top, 2 Left, 3 Right, 4 Bottom
		TLRLB = 1 Top, 2 Left, 3 Right, 4 Left, 5 Bottom

	*/

	section.wlb-lrb > div:nth-of-type(1),
	section.wlb-lrlb > div:nth-of-type(1),
	section.wlb-tlrb > div:nth-of-type(2),
	section.wlb-tlrlb > div:nth-of-type(2) {
		width: 50%;
		float: left;
		padding-right: 100px;
	}
	
	section.wlb-lrb > div:nth-of-type(2),
	section.wlb-lrlb > div:nth-of-type(2),
	section.wlb-tlrb > div:nth-of-type(3),
	section.wlb-tlrlb > div:nth-of-type(3) {
		width: 50%;
		float: right;
		padding-left: 12px;
	}

	section.wlb-lrlb > div:nth-of-type(3),
	section.wlb-tlrlb > div:nth-of-type(4) {
		clear: left;
	}

	section.wlb-lrb > div:nth-of-type(1) ul.childnav,
	section.wlb-lrlb > div:nth-of-type(1) ul.childnav,
	section.wlb-tlrb > div:nth-of-type(2) ul.childnav,
	section.wlb-tlrlb > div:nth-of-type(2) ul.childnav {
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)) !important;
		gap: 12px;
	}

	section.wlb-lrb > div:nth-of-type(2) ul.childnav,
	section.wlb-lrlb > div:nth-of-type(2) ul.childnav,
	section.wlb-tlrb > div:nth-of-type(3) ul.childnav,
	section.wlb-tlrlb > div:nth-of-type(3) ul.childnav {
		margin-top: 0;
		grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)) !important;
		gap: 12px;
	}

	section.wlb-lrlb > div:nth-of-type(3),
	section.wlb-tlrlb > div:nth-of-type(4) {
		width: 50%;
		padding-right: 100px;
	}
	
	section.wlb-lrb > div:nth-of-type(3),
	section.wlb-lrlb > div:nth-of-type(4),
	section.wlb-tlrb > div:nth-of-type(4),
	section.wlb-tlrlb > div:nth-of-type(5) {
		clear: both;
	}

	section.wlb-lrb > h1,
	section.wlb-lrlb > h1,
	section.wlb-tlrb > h1,
	section.wlb-tlrlb > h1 {
		/* margin-bottom: 2em; */
		margin-bottom: 1em;
	}

	section.wlb-tlrb > div:nth-of-type(2) > *:first-child,
	section.wlb-tlrb > div:nth-of-type(3) > *:first-child,
	section.wlb-tlrlb > div:nth-of-type(2) > *:first-child,
	section.wlb-tlrlb > div:nth-of-type(3) > *:first-child {
		margin-top: 40px !important;
	}

	body > footer > section:has(#footermenu) {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: stretch;
		align-content: stretch;
	}

	#footerlogo {
		flex: 0 0 180px;
	}

	#copyright {
		float: left;
	}

	#privacylink {
		float: right;
	}

}

@media (min-width: 961px) and (max-width: 1520px ) {

	/* Weird adjustment for Zoho help desk "?" button */
	body:has(#zohohc-asap-web-helper-main) #privacylink,
	body:has(#zohohc-asap-web-app-main) #privacylink {
		margin-right: 50px;
	}

}

@media (max-width: 1440px) {

	body > header,
	body > footer,
	main > header,
	main > section,
	main > nav.backnav,
	main > div.backnav,
	nav.anchors {
		padding-left: 60px;
		padding-right: 60px;
	}

	body > footer > section + section::before,
	main > section:not(.featured) + section:not(.featured)::before {
		width: 100%;
	}

}

@media (min-width: 991px) and (max-width: 1400px) {

	main > section:not(.wide) > aside + article {
		max-width: calc(100% - 360px);
	}

}

@media (max-width: 990px) {

	main > section:not(.wide) > aside + article {
		float: none;
	}

}

@media (max-width: 960px) {

	html {
		font-size: 16px;
	}

	body > footer > section + section {
		margin-top: 32px;
	}

	body > footer p.description {
		display: none;
	}

	#footerlogo {
		height: 96px;
		width: 183px;
		margin-bottom: 32px;
	}

	#footermenu > ul ul ul a,
	#footermenu > ul ul ul a:visited {
		text-decoration: none;
	}
	
	#footermenu .heading {
		font-size: 24px;
	}

	#privacylink {
		display: block;
		font-weight: 400;
		margin-top: 1rem;
	}

}

@media (max-width: 760px) {

	section:has(aside + article) {
		display: grid;
		grid-template-columns: 1fr;
	}

	main > section > aside {
		float: none;
		margin: 2rem auto 0;
		order: 2;
	}

}

@media (max-width: 720px) {

	main > header,
	main > section {
		padding-top: 48px;
		padding-bottom: 24px;
	}

	main > section:last-child {
		padding-bottom: 48px;
	}

	body > header,
	body > footer,
	main > header,
	main > section,
	main > nav.backnav,
	main > div.backnav,
	nav.anchors {
		padding-left: 30px;
		padding-right: 30px;
	}

	body > header {
		height: 64px;
	}

	main > header.banner {
		height: auto;
		padding-top: 48px;
		padding-bottom: 48px;
	}

	.hidemobile,
	.wideonly {
		display: none;
	}
	
	ul.childnav > li.cta > a.cta {
		width: 100%;
	}
	
	.hidemobile + ul.childnav,
	.wideonly + ul.childnav {
		margin-top: 0;
	}

}

@media (max-width: 380px) {

	body > header,
	body > footer,
	main > header,
	main > section,
	main > nav.backnav,
	main > div.backnav,
	nav.anchors {
		padding-left: 20px;
		padding-right: 20px;
	}

}

/* Media and capability hiders */

.printonly { display: none; }

.jsonly { display: none; }

/* body > header {
	opacity: 0.5;
} */