/* Encorp Pacific (Canada) 2011 Site Design (2015 Responsive Revision) - Small Screen Layout CSS */
/* Last Updated: 2015.05.11 ET */

/* Basic elements */

table { width: auto; }

h1 { font-size: 1.8em; line-height: 1.1em; }
h2 { font-size: 1.6em; line-height: 1.2em; }
h3 { font-size: 1.4em; line-height: 1.2em; }
h4 { font-size: 1.2em; line-height: 1.2em; }

h2.subhead, h3.subhead {
	font-size: 1.2em;
	line-height: 1.1em;
}

/* Universal classes */

.hidemobile { display: none!important; }

p *.floatleft, p *.floatright {
	float: none;
	clear: both;
	display: block;
	margin: 1em 0em;
}

/* Element classes */

/* a.morelink, a.morelink:visited, span.morelink {
	white-space: normal;
} */

a.morelink:first-child, a.morelink:first-child:visited, span.morelink:first-child {
	padding-left: 0em;
}

div.bannerblock {
	max-height: 200px;
}

div.bannerblock h1.mainhead {
	font-size: 2em;
	line-height: 1em;
}

/* Block layout */

div.fullblock, div.threequarterblock, div.twothirdblock, div.halfblock,
div.thirdblock, div.threeeighthblock, div.quarterblock, div.sideblock {
	float: none;
	width: 100%!important;
	margin-right: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.flexcol, .flexrow, .flexgrow, div.threequartercolumn, div.halfcolumn, div.quartercolumn, div.sidecolumn, div.maincolumn {
	display: block;
	float: none;
	width: 100%!important;
	max-width: 100%!important;
}

div.sectionmenu,
div.breadcrumbs { display: none; }

/* Panel classes */

div.dropdown {
	display: none!important;
}

div.dropdown.forcemobile {
	display: block!important;
}

div.panelright, div.panelleft {
	display: block;
}

div.panelright div.contentpanel, div.panelleft div.contentpanel {
	float: none;
	margin: 0px;
}

div.panelright ul.subnav {
	min-width: 210px;
}

div.pagecontent {
	padding: 10px 0px;
}

/* Navigation lists */

ul.sectionnav {
	font-size: 1em;
	line-height: 1.2em;
}
	
ul.sectionnav li {
	float: none;
	margin-bottom: 1px;
}

ul.sectionnav li a, ul.sectionnav li a:visited {
	position: relative;
	overflow: hidden;
	display: block;
	color: black;
	background-color: rgb(206,218,237);
	font-family: DIN, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
	padding: 11px 10px 7px;
}

ul.sectionnav li a::before, ul.subnav li a::before {
	content: '';
	position: absolute;
	right: 10px;
	top: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 18px;
	width: 18px;
	background-color: rgba(0,0,0,0.1);
	color: white;
	border-radius: 9px;
}

ul.sectionnav li a::after, ul.subnav li a::after {
	content: '';
	position: absolute;
	right: 16px;
	top: 11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 8px;
	width: 8px;
	border-top: 3px solid white;
	border-right: 3px solid white;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

ul.sectionnav li.heading {
	font-size: 16px;
	line-height: 1.1em;
	margin-bottom: 1px!important;
}

li.featured a.linkhead, li.featured a.linkhead:visited {
	max-width: 100%;
}

ul li img.linkicon {
	max-width: 100%!important;
	float: none;
	display: block;
	margin-left: 0;
}

li.featured div.teaser { max-width: 100%; }

/* Other lists */

ul.locsectors > li > input[type="radio"] {
	top: 9px;
	left: 3px;
}

ul.locsectors > li > label {
	display: inline-block;
	background-color: rgb(206,218,237);
	font-size: 16px;
	line-height: 16px;
	padding: 10px 10px 10px 30px;
}

/* Tables */

table.grid { border-collapse: collapse; width:100%; float:none; }
table.grid, table.grid thead, table.grid tbody, table.grid th, table.grid td, table.grid tr { display: block; border: 0; } 
table.grid th { display: none; }
table.grid h3 { font-weight: bold; color: #000; margin-bottom: 5px !important; font-size:16px; }
table.grid td,table.grid th { padding: 5px 0 0; }

/* Specific ID elements */

#page {
	margin: 0px;
}

#logobox {
	position: absolute;
	float: none;
	top: 0px;
	width: 105px;
	padding: 0px;
	margin: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	z-index: 100;
}

#logobox img {
	display: block;
	width: 105px;
	height: 60px;
}

#logobox a {
	height: 60px;
}

#loclogo {
	width: 47px;
	height: 25px;
}

#gpsbutton {
	display: block;
	margin: 8px auto 0px;
}


#menulabel {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: rgb(0,53,173);
	color: white;
	font-family: DIN, "Trebuchet MS", sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	padding: 20px 14px;
	border-left: 2px solid white;
}

#headerbar {
	float: none;
	background-color: rgb(255,159,0);
	width: 100%;
	padding: 60px 0px 0px 0px;
	margin: 0px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

body.milk #headerbar { background-color: rgb(108,171,231); }
body.elec #headerbar { background-color: rgb(102,155,63); }

#uppermenubar {
	height: auto;
	max-height: 0px;
	border-top: 2px solid white;
	-moz-transition: max-height 0.2s;
	-webkit-transition: max-height 0.2s;
	-o-transition: max-height 0.2s;
	transition: max-height 0.2s;
}

#lowermenubar {
	height: auto;
	max-height: 0px;
	-moz-transition: max-height 1s;
	-webkit-transition: max-height 1s;
	-o-transition: max-height 1s;
	transition: max-height 1s;
}

#middlemenubar {
	position: absolute;
	top: 18px;
	right: 90px;
	height: 29px;
	margin: 0px;
}

#menucheckbox:checked ~ #uppermenubar {
	max-height: 32px;
}

#menucheckbox:checked ~ #lowermenubar {
	max-height: 500px;
}

#brandnav {
	float: none;
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
    flex-direction: row;
}

#brandnav li {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

#brandnav li:last-child {
	border-right: none;
}

#generalnav { display: none; }

#socialnav li { border: 2px solid white; margin-top: 0px; }

#socialnav li.translate { display: none; }

#primarynav li {
	float: none;
	border-top: 2px solid white;
}

#primarynav li a, #primarynav li a:visited {
	position: relative;
	overflow: hidden;
	display: block;
	color: black;
	padding: 11px 14px 7px 14px;
}

#primarynav li a::before {
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 18px;
	width: 18px;
	background-color: rgba(0,0,0,0.1);
	color: white;
	border-radius: 9px;
	margin-top: -9px;
}

#primarynav li a::after {
	content: '';
	position: absolute;
	right: 16px;
	top: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 8px;
	width: 8px;
	border-top: 3px solid white;
	border-right: 3px solid white;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -4px;
}

#searchform { display: none; }

#footerlogo {
	right: 10px;
	top: -20px;
	width: 66px;
	height: 34px;
}

#siteindicator {
	top: 0px;
	left: 0px;
	width: 6em;
	font-size: 10px;
}