/*MOBILE CONTACT SHOW*/
.contact-bubble {
	position: relative;
	background:#e8e8e8;
	width:100%;
	text-align:center;
	height:auto;
	padding:2rem;
	display:none;
	z-index:100;
}
.contact-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	margin-top:-8px;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #e8e8e8;
	border-bottom: 0;
	margin-left: -20px;
	margin-bottom: -20px;
	z-index:100;
}
/*MOBILE CANADA ACTION*/
.action-container {
	margin:0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
	grid-auto-rows: minmax(100px, auto);
	justify-items: center;
	align-items: center;
	font-family: 'Montserrat', sans-serif;
	max-width:100%;
	height:auto;
	font-weight:700;
	text-align:left;
}
.action-panel {
	background:white;
	width:100vw;
	height:auto;
	text-align:center;
	height:auto;
	padding:2rem;
	display:none;
}
.btn2 {
	background:#ef1c26;
	padding:10px 30px;
	color:white;
	border-radius: 0px;
	font-size:15px;
	border:1.5px solid #ef1c26;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);transition:all 0.3s ease;
}
.btn2:hover {
	background:transparent;
	border:1.5px solid #121212;
	color:#121212;
	transition:all 0.2s ease;
}
.action-container img {
	max-width:125px;
	height:auto;
}
.action-container h4 {
	margin-top:-.3rem;
	font-size:18px;
}
/*END OF MOBILE SECTIONS*/
#footer-banner .btn3:hover {
	background:transparent;
	border:1.5px solid #fafafa;
	transition:all 0.2s ease;
}
footer .btn2 {
	margin:0 auto;
	max-width:125px;
	height:auto;
	background:#ef1c26;
	background-image:linear-gradient(to bottom ,  #eb1e28, #ef1c26, #e71823);
	padding:10px 20px;
	color:#fafafa;
	border-radius: 0px;
	font-size:12px;
	border:1.5px solid #ef1c26;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);transition:all 0.3s ease;
	margin:1rem;
}
.btn2:hover {
	background:transparent;
	border:1.5px solid #121212;
	color:inherit;
	transition:all 0.2s ease;
}
.btn3 {
	background:#ef1c26;
	padding:20px 60px;
	display:inline-block;
	color:#f2f2f2;
	font-size:25px;
	border-radius: 50px;
	border:1.5px solid #ef1c26;
	font-family: "CanlinFont-bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);
	transition:all 0.3s ease;
}
.btn3:hover {
	background:transparent;
	border:1.5px solid #f2f2f2;
	transition:all 0.2s ease;
}
.btn4 {
	background:#ef1c26;
	padding:20px 30px;
	display:inline-block;
	color:#f2f2f2;
	font-size:15px;
	border-radius: 50px;
	border:1.5px solid #ef1c26;
	font-family: "CanlinFont-bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);
	transition:all 0.3s ease;
	width: 100%;
	text-align: center;
	margin-bottom: 1em;
}
.btn4:hover {
	background:transparent;
	border:1.5px solid #f2f2f2;
	transition:all 0.2s ease;
	color:#121212;
}
/*MAIN FOOTER INFO*/
footer .btn3:hover {
	background:transparent;
	border:1.5px solid #121212;
	transition:all 0.2s ease;
	color:#121212;
}
footer p {
	font-size:13px;
}
#emergency-bottom {
	color:inherit;
	font-size:30px; 
	font-weight:500;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	min-width:100%;
	height:auto;
	background:#ef1c26;
	background-image:linear-gradient(to bottom ,  #eb1e28, #ef1c26, #e71823);
	bottom:0;
	padding:0rem;
	border:1px solid #ef1c26;
}
#emergency-bottom h4 {
	padding:1.55rem 0rem;
	margin:0rem;
}
#ground-disturbance-bottom {
	color:white!important;
	font-size:13px; 
	font-weight:50;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	min-width:100%;
	height:auto;
	background:#252525;
	bottom:0;
	padding:0.5rem;
}
#ground-disturbance-bottom a {
	color:white!important;
	text-decoration: underline;
	margin-right: 1em;
}
#other-info-footer{
	font-size:13px;
	color:#555555;
	background:#fafafa;
	font-family: 'Montserrat', sans-serif;
}
.footer-j{
	float: right;
	margin-right: 5px;
	max-width: 350px;
	width: 100%;
	height: auto;
}
#footer-logo{
	justify-content: end;
}

#canada-action-logo img{
	max-height: 150px;
}

#canada-action-info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height:118px;
	max-width: 170px;
	font-weight: 700;
	font-size: 12px;
}
#canada-action-info a{
	display: flex;
	justify-content: center;
	padding: 10px;
	max-width: 125px;
	box-shadow: 0px 2px 3px rgba(0,0,0.5);
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 5px;
}
h4 span {color:white;}
footer {
	margin:0 auto;
	display: flex;
	flex-direction: column;
	font-family: 'Montserrat', sans-serif;
	justify-items: center;
	font-size:13px;
	color:#555555;
	background:#fafafa;
}
footer h5 a {color:inherit;}
footer ul li {
	display:block;
	text-align:left;
	padding:1.5px!important;
}
footer img {
	max-width:100%;
	height:auto;
}
footer h5 {
	text-align:left;
	font-size:15px;
	margin-bottom:5px;
	text-transform: uppercase; 
	font-weight:700;
}
footer .col-2 h5{text-align:center;}
footer .col-2 ul li{text-align:center;}
.col-2 .mid-info {
	margin:0 auto;
	display: grid;
	font-family: 'Montserrat', sans-serif;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0px;
	grid-auto-rows: minmax(100px, auto);
	justify-items: center;
	align-items: center;
	max-width:25rem;
	font-weight:700;
}
.col-2 .mid-info li{
	text-align:left;
	margin-top:2rem;
}
.col-2 .btn2 {
	margin-left:0;
	text-align:center;
}
.col-2 img {
	max-width:150px;
	height:auto;
	position:relative;
	left:1rem;
}
.mid-1 {
	grid-column:1/2;	
}
.mid-2 { 
	grid-column:2; 
}
.col-3 {
	margin: 0 auto;
	display: grid;
	font-family: 'Montserrat', sans-serif;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 10px;
	grid-auto-rows: minmax(100px, auto);
	justify-items: center;
	align-items: center;
	position: relative;
}
.col-3 img {
	margin: 0 auto;
	margin-top: 2rem;
	max-width: 350px;
	height: auto;
}
.col-3 .btn3 {
	position:relative;
	left:3rem;
}
.col-4 {
	position:relative;
}
.col-j-1{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
.col-j-2{
	display: flex;
	justify-content: center;
	flex-grow: 1;
	width: 33%;
	margin-bottom: 5px;
}
.col-j-3{
	display: flex;
	justify-content: center;
	flex-grow: 1;
	width: 33%;
	margin-bottom: 5px;
}
.sub-col-j{
	flex-direction: column;
	margin-top: 37px;
	max-width: 260px;
}
.row-j-1{
	display: flex;
	flex-direction: row;
}
.row-j-2{
	display: flex;
	flex-direction: row;
	position: relative;
	max-height: 80px;
	align-items: flex-end;
}
#copy-bottom {
	margin: 0 auto;
	font-size:15px;
	text-align:center;
	color:#999999;
	background:#f1f1f1;
	padding:15px;
}
#contractor-portal{
	position: relative;
}
#contractor-portal img{
	position: absolute;
	top: -25px;
	left: 30px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {	
	/* IE10+ CSS styles go here */
	footer {
		margin:0 auto!important;
		display: -ms-grid;
		display: -ms-flexbox;
		-ms-grid-columns: 1fr 1fr 1fr; 
		-ms-flex-pack: center;
		max-width:100%!important;
		margin-left:10%;
	}
	.col-2 .mid-info {
		display: -ms-grid;
		display: -ms-flexbox;
		-ms-grid-columns: 1fr 1fr; 
		-ms-flex-pack: center;
	}
	.col-3 {
		display: block;
		margin-left:7%;
	}

}

