/*
	Theme Name:   Betheme Child
	Description:  Betheme Child Theme
	Author:       Maxine Paynter
	Author URI:   http://maxinepaynter.com
	Template:     betheme
	Version:      2.0.0
	Text Domain:  epra
*/


/* GENERAL */
.white-text p, .white-text h2, .white-text h1, .white-text h3{
	color: #fff !important;
	/*.white-font*/
}
.white-text a{
	text-decoration: underline !important;
}
.white-text a:hover{
	color: #fff !important;
}

.green-bg .white-text a{ color: #38484c !important; }
.blue-bg .white-text a, .blue-bg.white-text a{ color: #83b76f !important; }

.green-bg{
	background-color: #83b76f !important;
}
.blue-bg{
	background-color: #3e4d51 !important;
}

.entry-content a, .single .the_content_wrapper a{
	text-decoration: underline;
}

.wp-caption p{
	line-height: normal;
	padding: 0 1em;
	color: #000;
	padding-top: 10px !important;
}

.wp-caption.alignleft{
	margin: 0 15px 15px 0 !important;
}
.wp-caption.alignright{
	margin: 0 0 15px 15px !important;
}

h1{
	font-weight: bold !important;
}

.the_content_wrapper ul ul li{
	list-style-type: circle !important;
}
.the_content_wrapper ul ul ul li{
	list-style-type: square !important;
}
.the_content_wrapper ol ol li{
	list-style-type: upper-alpha !important;
}
.the_content_wrapper ol ol ol li{
	list-style-type: lower-alpha !important;
}



/* BACK TO TOP */
a.button .button_icon{
	padding: 9px 10px !important;
}

.hide{
	display: none;
}

#mc_embed_signup #mc_embed_signup_scroll .mc-field-group .asterisk{
	position: static !important;
	font-size: 120%;
}

.section.the_content.has_content{
	padding-bottom: 3em;
}


/*  
 * HOMEPAGE
 */
.home #Content{
	padding-top: 0 !important;
}

.home .ls-container{
	width: 100% !important;
}

.vc_cta3-container .home-box{
	background-position: center 2em !important;
}
.home-box .vc_btn3.vc_btn3-size-md .vc_btn3-icon{
	font-size: 30px;
	margin-left: -5px;
}
.home-box h2{
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1.2;
}

.home-box .vc_cta3-actions{
	margin-bottom: 20px !important;
}

.home-dyk .tonnes-elephant{
	background-position: top center !important;
}
.home-dyk .impact{
	text-align: center;
	color: #fff;
	font-size: 1.25em;
	font-weight: bold;
}
.home-dyk .impact span{
	font-size: 1.75em;
}

.home-dyk .impact.tonnes{
	float: left;
	width: 50%;
}
.home-dyk .impact.elephants{
	float: right;
	width: 46%;
	padding-left: 4%;
}
.home-dyk .vc_btn3{
	border: 1px solid #fff !important;
}
.home-dyk .vc_btn3:hover, .home-dyk .vc_btn3:focus{
	background: #fff !important;
	color: #83b76f !important;
}
.home .wpb_wrapper div.wpb_layerslider_element{
	margin-bottom: 0 !important;
}


/* 
 * HEADER AND NAVIGATION 
 */
#Top_bar .menu li a span{
	line-height: normal;
}
#Top_bar .menu > li > a span:not(.description){
	line-height: normal;
	text-align: center;
}
.primary-nav .menu > .menu-item > a{
	font-weight: bold !important;
}
.header-plain #Top_bar .menu > li:first-child > a span:not(.description){
	border-left: none;
}
.header-plain:not(.menu-highlight) #Top_bar .menu > li > a span:not(.description),
.header-plain:not(.menu-highlight) #Top_bar.is-sticky .menu > li > a span:not(.description){
	line-height: normal !important;
	height: 36px !important;
	display: table-cell !important;
	vertical-align: middle !important;
}
#Top_bar .logo{
	margin: 0 !important;
}
.header-plain #Top_bar .menu > li > a span:not(.description){
	padding: 0px 14px !important;
}
.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description){
	padding-right: 30px !important;
}
body:not(.template-slider) #Header{
	min-height: 100px !important;
}

.sticky-header .menu_wrapper{
	margin-top: 18px;
}

#social-menu a{
	color: #fff !important;
	font-size: 83% !important;
}
#Action_bar .social-menu li{
	border-right: none !important;
}

.lang-container{
	display: inline-block;
	height: 100%;
	background-color: #3e4d51;
	float: right;
	color: #fff !important;
}
.lang-container:hover, .lang-container:focus{
	background-color: #6fa057;
}
.lang-container a{
	color: #fff;
	padding: 8px 2em;
	display: inline-block;
	font-size: 83%;
}
.lang-container a:hover, .lang-container a:focus{
	text-decoration: none;
	color: #fff;
}
.header-plain #Action_bar .social-menu{
	padding: 8px 0 !important;
}
.header-plain.menuo-arrows #Top_bar .menu > li.submenu > a > span:not(.description){
	padding-right: 24px !important;
}
.header-plain.menuo-arrows #Top_bar .menu > li > a span:not(.description){
	padding: 0px 15px !important;
}


#Top_bar .responsive-menu-toggle{
	color: #83b76f !important;
}

.reg-open{
	background-color: #3e4d51 !important;
}
.ehf-row{
	background-color: #83b76f !important;
}



/*  
 * BREADCRUMB & SUBHEADER
 */
#Subheader{
	background-color: transparent !important;
	padding: 50px 0 20px 0 !important;
}
#Subheader:after{
	background: none !important;
}
#Subheader .title{
	color: #000 !important;
}
.steward-login{
	position: absolute;
	right: 0;
	margin: 10px 0 0 0;
	font-weight: bold;
	font-size: 14px;	
}


/* Subheader ------------------------------------------------------------------------- */
.breadcrumb_container ul.breadcrumbs{display:block;width:30%;margin:1px 0 0;font-size:1em!important;float:right;text-align:right}
.breadcrumb_container ul.breadcrumbs li{display:inline-block}
.breadcrumb_container ul.breadcrumbs li,.breadcrumb_container ul.breadcrumbs li a{color:rgba(0,0,0,.3)}
.breadcrumb_container ul.breadcrumbs li span{margin:0 10px;opacity:.4;filter:alpha(opacity=40)}

	/* style */
	.subheader-title-right .breadcrumb_container .breadcrumbs{float:left;text-align:left}
	.subheader-both-left .breadcrumb_container .breadcrumbs{width:100%;text-align:left;margin-top:10px}
	.subheader-both-right .breadcrumb_container .breadcrumbs{width:100%;text-align:right;margin-top:10px}
	.subheader-both-center .breadcrumb_container .breadcrumbs{width:100%;text-align:center;margin-top:10px}

.breadcrumb_container .column{
	margin-bottom: 12px;
}

.breadcrumb_container{
	background-color: #e9e9e9;
}
.breadcrumb_container a{
	color: #8c8c8c;
}
.breadcrumb_container [class^="icon-"]:before, [class*=" icon-"]:before{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.breadcrumb_container ul.breadcrumbs li span{
	margin: 0 2px !important;
}
.breadcrumb_container ul.breadcrumbs li a{
	font-size: 90%;
	font-weight: bold;	
}

    


/* 
 * FOOTER 
 */
#Footer .footer_copy{
	background-color: #212e32;
}
#Footer .widget_archive ul, #Footer .widget_nav_menu ul{
	background: transparent;
	list-style: none;
	padding: 0 10px 0 0;
}
#Footer ul li.menu-item-has-children{
	font-weight: 700;
}
#Footer ul li.menu-item-has-children li{
	font-weight: normal;
}
.widget_archive ul li:after, .widget_nav_menu ul li:after{
	display: none !important;
}
#Footer .footer_copy .social-menu li a, #Footer .copyright{
	font-size: 82% !important;
}
#Footer .footer_copy .social-menu li{
	border-right: none !important;
}
#Footer .footer_copy .social-menu{
	margin-right: 0 !important;
}
#Footer .footer_copy .one{
	margin-bottom: 5px !important;
	padding-top: 10px !important;
	min-height: auto !important;
}
#Footer .footer_copy{
	border-top: none !important;
}
.nice-scroll #back_to_top.sticky{
	right: 125px !important;
}
.footer-address-bar{
	padding-top: 35px;
	border: 1px solid rgba(0,0,0,.1);
}
.footer-address-bar h4{
	margin-bottom: 0 !important;
}
.footer-address-bar h4:nth-child(2){
	margin-top: 1em;
}

/* 
 * BUTTONS 
 */
.vc_btn3, .vc_btn3:hover, .gform_button{
	border-radius: 5em !important;
	-webkit-border-radius: 5em !important;
	font-weight: bold !important;
}
.vc_btn3, .gform_button{
  min-width: 160px;
  text-decoration: none !important;
}
.green-white-btn .vc_btn3, .gform_button, .error_desk .button{
	border: 1px solid #83b76f !important;
}
.green-white-btn .vc_btn3:hover, .green-white-btn .vc_btn3:focus,
.gform_button:hover, .gform_button:focus, 
.error_desk .button:hover, .error_desk .button:focus{
	background: #83b76f !important;
	color: #fff !important;
}
.blue-white-btn .vc_btn3{
	border: 1px solid #fff !important;
}

.blue-white-btn .vc_btn3:hover, .blue-white .vc_btn3:focus{
	background: #3e4d51 !important;
	color: #fff !important;
}

.green-white-btn, .gform_button, .error_desk .button{
	background-color: #fff !important;
	color: #83b76f !important;
}
.gform_button{
	float: right;
}


/* RELATED LINKS PAGE */
.the_content_wrapper .related-links-pg li{
	list-style: none !important;
}
.the_content_wrapper .related-links-pg ul{
	margin-left: 0;
}
.the_content_wrapper .related-links-pg ul ul{
	margin-left: 1em;
}
.the_content_wrapper .related-links-pg ul ul li{
	list-style: disc !important;
}

/* WHO WE ARE */
.team .desc_wrapper hr{
	display: none;
}
.epra-team .image_frame{
	border:  none !important;
}

/* PROVINCIAL GRID */
.prov-grid-container{
	margin: 0 0 0 0!important;
	padding-top: 3em;
	border-top: 1px solid #efefef;
}
.prov-grid-container h2{
	margin-bottom: 1em;
}
.prov-grid .wpb_column{
	border: 1px solid #e3e3e3;
	border-radius: .5em;
	-webkit-border-radius: .5em;
}

.grid-bc:hover .vc_column-inner{
	border-radius: .5em;
	background-image: url('images/thumb_british-columbia.jpg') !important;
	background-size: cover;
}
.grid-sk:hover .vc_column-inner{
	border-radius: .5em;
	background-image: url('images/thumb_saskatchewan.jpg') !important;
	background-size: cover;
}
.grid-mb:hover .vc_column-inner{
	border-radius: .5em;
	background-image: url('images/thumb_manitoba.jpg') !important;
	background-size: cover;
}
.grid-on:hover .vc_column-inner{
	border-radius: .5em;
	background-image: url('images/thumb_ontario.jpg') !important;
	background-size: cover;
	background-position: center center;
}
.grid-qc:hover .vc_column-inner{
	border-radius: .5em;
	background-image: url('images/thumb_quebec.jpg') !important;
	background-size: cover;
}
.grid-nb:hover .vc_column-inner{
	border-radius: .5em;
	background-image: url('images/thumb_new-brunswick.jpg') !important;
	background-size: cover;
}
.grid-ns:hover .vc_column-inner{
	border-radius: .5em;
	background-image: url('images/thumb_nova-scotia.jpg') !important;
	background-size: cover;
}
.grid-pe:hover .vc_column-inner{
	border-radius: .5em;
	background-image: url('images/thumb_prince-edward-island.jpg') !important;
	background-size: cover;
}
.grid-nl:hover .vc_column-inner{
	border-radius: .5em;
	background-image: url('images/thumb_newfoundland-labrador.jpg') !important;
	background-size: cover;
}

.style-simple .prov-grid .icon_box .desc_wrapper{
	background-color: white;
	border: 1px solid;
	-webkit-border-radius: 5em;
	border-radius: 5em;
	text-align: center;
	text-decoration: none;
	height: 50px;
	width: 160px !important;
	margin: 0 auto;
	display: table;
}

.prov-grid .wpb_column{
	margin-bottom: 1em !important;
}


.style-simple .prov-grid .icon_box .desc_wrapper h4{
	font-size: .95em !important;
	font-weight: 500;
	display: table-cell;
	padding: 0 1em;
	vertical-align: middle;
	line-height: normal !important;
	height: 50px;
}

.style-simple .prov-grid .icon_box .desc_wrapper h4:before{
	content: ' . ';
	display: inline-block;
	margin-right: -.25em;
	height: 100%;
	vertical-align: middle;
}

.prov-grid .grid-bc .desc_wrapper{
	border-color: #e98255 !important;
}
.prov-grid .grid-bc .desc_wrapper h4{
	color: #e98255 !important;
}
.style-simple .prov-grid .grid-bc:hover .desc_wrapper{
	background-color: #e98255 !important;
}

.prov-grid .grid-sk .desc_wrapper{
	border-color: #59b9a9 !important;
}
.prov-grid .grid-sk .desc_wrapper h4{
	color: #59b9a9 !important;
}
.style-simple .prov-grid .grid-sk:hover .desc_wrapper{
	background-color: #59b9a9 !important;
}

.prov-grid .grid-mb .desc_wrapper{
	border-color: #ebb664 !important;
}
.prov-grid .grid-mb .desc_wrapper h4{
	color: #ebb664 !important;
}
.style-simple .prov-grid .grid-mb:hover .desc_wrapper{
	background-color: #ebb664 !important;
}

.prov-grid .grid-on .desc_wrapper{
	border-color: #e5696b !important;
}
.prov-grid .grid-on .desc_wrapper h4{
	color: #e5696b !important;
}
.style-simple .prov-grid .grid-on:hover .desc_wrapper{
	background-color: #e5696b !important;
}

.prov-grid .grid-qc .desc_wrapper{
	border-color: #9765ab !important;
}
.prov-grid .grid-qc .desc_wrapper h4{
	color: #9765ab !important;
}
.style-simple .prov-grid .grid-qc:hover .desc_wrapper{
	background-color: #9765ab !important;
}

.prov-grid .grid-nb .desc_wrapper{
	border-color: #86a5b2 !important;
}
.prov-grid .grid-nb .desc_wrapper h4{
	color: #86a5b2 !important;
}
.style-simple .prov-grid .grid-nb:hover .desc_wrapper{
	background-color: #86a5b2 !important;
}

.prov-grid .grid-ns .desc_wrapper{
	border-color: #529dc6 !important;
}
.prov-grid .grid-ns .desc_wrapper h4{
	color: #529dc6 !important;
}
.style-simple .prov-grid .grid-ns:hover .desc_wrapper{
	background-color: #529dc6 !important;
}

.prov-grid .grid-pe .desc_wrapper{
	border-color: #53bfcc !important;
}
.prov-grid .grid-pe .desc_wrapper h4{
	color: #53bfcc !important;
}
.style-simple .prov-grid .grid-pe:hover .desc_wrapper{
	background-color: #53bfcc !important;
}

.prov-grid .grid-nl .desc_wrapper{
	border-color: #556aa5 !important;
}
.prov-grid .grid-nl .desc_wrapper h4{
	color: #556aa5 !important;
}
.style-simple .prov-grid .grid-nl:hover .desc_wrapper{
	background-color: #556aa5 !important;
}

.prov-grid .grid-bc:hover h4,
.prov-grid .grid-sk:hover h4,
.prov-grid .grid-mb:hover h4,
.prov-grid .grid-on:hover h4,
.prov-grid .grid-qc:hover h4,
.prov-grid .grid-nb:hover h4,
.prov-grid .grid-ns:hover h4,
.prov-grid .grid-pe:hover h4,
.prov-grid .grid-nl:hover h4{
	color: #fff !important;
}

.prov-grid .icon_box a{
	text-decoration: none !important;
}

.style-simple .prov-grid .icon_box .image_wrapper{
	margin-bottom: 50px !important;
}

.prov-grid .wpb_wrapper > div,
.style-simple .prov-grid .icon_box .desc_wrapper h4{
	margin-bottom: 0 !important;
}

.prov-grid .icon_box{
	padding: 20px 0 !important;
}

.style-simple .prov-grid .wpb_column .icon_box .image_wrapper img{
	opacity: 1;
   transition: none;
   -moz-transition: none;
   -webkit-transition: none;
}
.style-simple .prov-grid .wpb_column:hover .icon_box .image_wrapper img{
	opacity: 0;
}

.style-simple .prov-grid .icon_box .desc_wrapper h4:before{
	display: none !important;
	border-color: transparent !important;
}

@media (min-width: 768px){
	.prov-grid .vc_col-sm-3 {
	    width: 23% !important;
	    margin-left: 1% !important;
	    margin-right: 1% !important;
	}
	.prov-grid .vc_col-sm-4 {
	    width: 30% !important;
	    margin-left: 1.5% !important;
	    margin-right: 1.5% !important;
	}
}
@media (max-width: 959px) and (min-width: 767px){
	.style-simple .prov-grid .icon_box .desc_wrapper{
		    width: 125px !important;
	}
}

/* SINGLE POST */
.single .post-header{
	margin-bottom: 0 !important;
}
.single #Content{
	padding-top: 0 !important;
}
.post-header .title_wrapper{
	padding-left: 0 !important;
}
.fixed-nav .arrow{
	background-color: #212e32 !important;
}
.single .fixed-nav .photo{
	display: none !important;
}


/* POSTS LISTING */
.post-desc-wrapper{
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 1em;
	border-radius: 1em;
}

/* OUR IMPACT */
.impact-statement .wpb_content_element{
	background-color: transparent !important;
}
.impact-box p{
	font-weight: normal !important;
	line-height: 22px !important;
	font-size: 14px !important;
}

.page-id-2834 .section.the_content.has_content,
.page-id-15 .section.the_content.has_content{
	padding-bottom: 0 !important;
	border-bottom: 4px solid #f1f1f1;
}
.page-id-2311 #Subheader,
.page-id-15 #Subheader{
	display: none !important;
}


/*
 * FORMS and PROVINCE POPUP
 */

.content .gfield input[type="text"],
.content .gfield input[type="email"],
.content .gfield select,
.content .gfield textarea { padding: .75em 1.25em; width: 100%; font-size: .875em; font-family: 'Raleway', sans-serif; border: 1px solid #d7d7d7; -webkit-border-radius: 1.5em; border-radius: 1.5em; }

.content .gfield input[type="text"]:focus,
.content .gfield input[type="email"]:focus,
.content .gfield select:focus,
.content .gfield textarea:focus { border-color: #a0a0a0; }

.content .gfield input[type="text"],
.content .gfield input[type="email"],
.content .gfield select { max-width: 310px; -webkit-appearance: none; -moz-appearance: button; }
.content .gfield select {
  width: auto;
  background-image: url('images/icon_chevron_D.png');
  background-position: right center;
  background-repeat: no-repeat;
  /* Gradient filter PNG fix (IE8) */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
  );
}

.content .gfield select::-ms-expand { display: none; } /* Fix: IE */

.content input[type="submit"] { float: right; -webkit-appearance: none; }


.provinces-popup .response { display: none; padding: 0 1.5em 1.5em; }
.provinces-popup .response p { font-size: .875em; }
.provinces-popup .response.visible { display: block; }
.provinces-popup { display: none; max-width: 500px; height: auto; width: 500px; }
.provinces-popup h3 { display: block; margin: 0; padding: 1em 0; text-align: center; font-weight: bold; font-size: 1.1em; border-bottom: 1px solid #ebebeb; }

.provinces .gform_wrapper form:before,
.provinces .gform_wrapper form:after { content: " "; display: table; }
.provinces .gform_wrapper form:after { clear: both; }

.gform_wrapper .gform_footer{ margin-top: 0 !important; padding-top: 0 !important; float: right !important;}

body .gform_wrapper label.gfield_label+div.ginput_container{ margin-top: 0 !important; }

.provinces .content .gform_button[disabled="disabled"],
.provinces .content .gform_button[disabled="disabled"]:hover { background-color: white !important; border-color: #c5d5bc !important; color: #c5d5bc !important; }
.provinces .content .gform_button[disabled="disabled"]:active { top: 0 !important; }

.provinces .fancybox-skin { background-color: white; -webkit-border-radius: 1em; border-radius: 1em; }

.provinces .provinces-popup .gform_wrapper { padding: 1.5em 1.5em 0 1.5em; text-align: center; !important; margin-bottom: 0 !important; }
.provinces .gform_body,
.provinces .gform_footer { float: none; display: inline-block; }
.content .gform_fields li { margin: 0; margin-bottom: 1.5em; }

.provinces .content .gfield select { margin: 0; padding-right: 3em; width: 250px !important; font-size: .933em; display: inline-block; }

/* Gravity Forms - Provinces Style */
#field_2_1 label{ display: none; }


/*.provinces .gform_body { float: left; display: block; margin: 8px 0; vertical-align: top; font-size: 0; }*/
.provinces .gform_fields { margin: 0; }


/*.provinces .gform_footer { float: left; display: block; margin: 8px 0 8px 16px; width: 160px; vertical-align: top; font-size: 0; }*/
.provinces .content .gform_button { margin: 0; padding: .6em 1.5em; font-size: 15px; color: #83b76f;}
.provinces .content .gform_button:hover{ color: #fff; background-color: #83b76f; }


.provinces .fancybox-close {
  position: absolute;
  top: 1.2em;
  right: 1em;
  display: block;
  width: 20px;
  height: 20px;
  background: url('images/icon_x.png') center center no-repeat;
  /* Gradient filter PNG fix (IE8) */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
  );
}
.provinces .fancybox-close:hover { background-color: white; }

.provinces .gform_wrapper img { display: none!important; }
.provinces .gfield_label,
.provinces .gfield_required { display: none; }

.fancybox-lock {
	overflow: hidden;
	margin: 0 !important;
}
/* NEWS PAGE */
.Latest_news ul li{
	width: 50%;
	float:  left;
}
.masonry .entry-title a{
	text-decoration: none !important;
}

/* MAP PAGE */
::-moz-selection {
  background: #0a5127;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #0a5127;
  color: #fff;
  text-shadow: none;
}


.upp {
  text-transform: uppercase;
}
/* ===== Primary Styles ===================================================== */
#all {
  position: relative;
  float: left;
  width: 1000px;
  height: 100%;
  margin-top: -370px;
}
#all .container {
  position: relative;
  float: left;
  width: 980px;
  height: 700px;
  left: 50%;
  margin: 70px 0 0 -490px;
  padding: 0;
}
#all .container #logo {
  position: relative;
  float: left;
  width: 345px;
  height: 105px;
  margin: 8px 0 0 35px;
  z-index: 300;
}


#all .container #logos {
  position: relative;
  float: left;
  width: 345px;
  height: 105px;
  margin: 8px 0 0 35px;
  z-index: 300;
}
#all .container #logos a{
  display: block;
  position: relative;
  float: left;
  width: 297px;
  height: 140px;
}

#all .container #welcome p {
  width: 200px;
}
#all .container section {
  position: absolute;
  top: 83px;
  left: 0;
  width: 980px;
  height: 638px;
  z-index: 200;
  background: url(map-images/map-bg-2b.png) no-repeat;
}
#all .container section div {
  position: absolute;
}
#all .container section div article {
  display: none;
  position: absolute;
  width: 272px;
  height: auto;
  z-index: 100;
}
#all .container section div article div {
  position: relative;
  float: left;
  width: 272px;
}
#all .container section div article .top {
  height: 15px;
  background: url(map-images/popup-top.png) no-repeat;
}
#all .container section div article .btm {
  height: 23px;
  background: url(map-images/popup-btm.png) no-repeat;
}
#all .container section div article .mid {
  height: auto;
  background: url(map-images/popup-mid.png) repeat-y;
}
#all .container section div article .mid p {
  position: relative;
  float: left;
  width: 220px;
  margin: 4px 0 6px 25px;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
}
#all .container section div article .mid p span {
  color: #91ff63;
}
#all .container section div article.l {
  width: 319px;
}
#all .container section div article.l div {
  position: relative;
  float: left;
  width: 319px;
}
#all .container section div article.l .top {
  height: 15px;
  background: url(map-images/popup-top-l.png) no-repeat;
}
#all .container section div article.l .btm {
  height: 21px;
  background: url(map-images/popup-btm-l.png) no-repeat;
}
#all .container section div article.l .mid {
  height: auto;
  background: url(map-images/popup-mid-l.png) repeat-y;
}
#all .container section div article.l .mid p {
  position: relative;
  float: left;
  width: 278px;
}
#all .container section div .bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}
#all .container section div a {
  display: block;
  position: absolute;
  z-index: 10;
}
#all .container section div a span {
  display: block;
  width: 100px;
  height: 34px;
  position: absolute;
  left: 50%;
  bottom: -34px;
  margin-left: -50px;
  font-size: 13px;
  text-align: center;
  line-height: normal;
}
#all .container section div a.oes span {
  left: 50%;
  bottom: -17px;
  margin-left: 22px;
}

#all .container section div a.oes-fr span {
  left: 50%;
  bottom: -17px;
  margin-left: 22px;
}

#all .container section div a:hover {
  opacity: .75;
}
#all .container section div a.epra {
  width: 54px;
  height: 57px;
  background: url(map-images/icon-epra.png) no-repeat;
}

#all .container section div a.oes {
  width: 82px;
  height: 131px;
  background: url(map-images/icon-oes_pb-epra-eng-2015.png) no-repeat;
}

#all .container section div a.oes-fr {
  width: 92px;
  height: 131px;
  background: url(map-images/icon-oes_pb-epra-eng-2015.png) no-repeat;
}

#all .container section div a.sweep {
  width: 52px;
  height: 53px;
  background: url(map-images/icon-sweep.png) no-repeat;
}
#all .container section div a.ab-recycle {
  width: 80px;
  height: 39px;
  background: url(map-images/icon-abrecycling.png) no-repeat;
}

/* NWT CSS */
#all .container section #tt {
  width: 638px;
  height: 275px;
  top: 32px;
  left: 126px;
}
#all .container section div a.tt-recycle {
  width: 115px;
  height: 45px;
    background: url(map-images/map-tt-v8.png) no-repeat;

}
#all .container section #tt .bg {
  width: 250px;
  height: 275px;
  top: -1px;
  background: url(map-images/map-tt-v8.png) no-repeat;
  
}
#all .container section #tt article {
  top: 111px;
  left: 84px;
}
#all .container section #tt a {
  top: 145px;
  left: 25px;
}
/* NWT CSS */

/* Yukon CSS */
#all .container section #yk {
  width: 638px;
  height: 275px;
  top: 32px;
  left: 126px;
}
#all .container section div a.yk-recycle {
  width: 115px;
  height: 45px;
    background: url(map-images/map-yk-v2b.png) no-repeat;

}
#all .container section #yk .bg {
  width: 425px;
  height: 275px;
  background: url(map-images/map-yk-v2b.png) no-repeat;
  left:-267px;
}
#all .container section div .bg {
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  opacity: 0;
}

#all .container section #yk article {
  top: 111px;
  left: 84px;
}
#all .container section #yk a {
  top: 145px;
  left: 25px;
}
/* Yukon CSS */

/* NV CSS */
#all .container section #yk {
  width: 238px;
  height: 275px;
  top: 32px;
  left: 16px;
}
#all .container section div a.nv-recycle {
  width: 115px;
  height: 45px;
    background: url(map-images/map-nv-v1.png) no-repeat;

}
#all .container section #nv .bg {
  width: 725px;
  height: 275px;
  background: url(map-images/map-nv-v1.png) no-repeat;
  left:229px;
  top:32px;
}
#all .container section div .bg {
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  opacity: 0;
}

#all .container section #nv article {
  top: 111px;
  left: 84px;
}
#all .container section #nv a {
  top: 145px;
  left: 25px;
}
/* NV CSS */

/* Yukon CSS */
#all .container section #ykfr {
  width: 238px;
  height: 275px;
  top: 32px;
  left: 16px;
}
#all .container section div a.ykfr-recycle {
  width: 115px;
  height: 45px;
    background: url(map-images/map-yk-fr.png) no-repeat;

}
#all .container section #ykfr .bg {
  width: 425px;
  height: 275px;
  background: url(map-images/map-yk-fr.png) no-repeat;
  left:-267px;
}
#all .container section div .bg {
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  opacity: 0;
}

#all .container section #ykfr article {
  top: 111px;
  left: 84px;
}
#all .container section #ykfr a {
  top: 145px;
  left: 25px;
}
/* Yukon CSS */

/* NV CSS */
#all .container section #nvfr {
  width: 638px;
  height: 275px;
  top: 32px;
  left: 126px;
}
#all .container section div a.nvfr-recycle {
  width: 115px;
  height: 45px;
    background: url(map-images/map-nv-fr.png) no-repeat;

}
#all .container section #nvfr .bg {
  width: 725px;
  height: 275px;
  left:103px;
  background: url(map-images/map-nv-fr.png) no-repeat;
  top:0px;
}

#all .container section div .bg {
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  opacity: 0;
}

#all .container section #nvfr article {
  top: 111px;
  left: 84px;
}
#all .container section #nvfr a {
  top: 145px;
  left: 25px;
}
/* NV CSS */



#all .container section #bc {
  width: 185px;
  height: 276px;
  top: 234px;
  left: 41px;
  background: url(map-images/map-bc.png) no-repeat;
}
#all .container section #bc .bg {
  width: 185px;
  height: 276px;
  background: url(map-images/map-bc1.png) no-repeat;
}
#all .container section #bc a {
  top: 110px;
  left: 65px;
}
#all .container section #ab {
  width: 117px;
  height: 221px;
  top: 293px;
  left: 175px;
  background: url(map-images/map-ab.png) no-repeat;
}
#all .container section #ab .bg {
  width: 117px;
  height: 221px;
  background: url(map-images/map-ab1.png) no-repeat;
}
#all .container section #ab a {
  top: 91px;
  left: 21px;
}
#all .container section #sk {
  width: 105px;
  height: 210px;
  top: 305px;
  left: 279px;
  background: url(map-images/map-sk.png) no-repeat;
}
#all .container section #sk .bg {
  width: 105px;
  height: 210px;
  background: url(map-images/map-sk1.png) no-repeat;
}
#all .container section #sk a {
  top: 93px;
  left: 27px;
}
#all .container section #mb {
  width: 134px;
  height: 211px;
  top: 300px;
  left: 370px;
  background: url(map-images/map-mb.png) no-repeat;
}
#all .container section #mb .bg {
  width: 134px;
  height: 211px;
  background: url(map-images/map-mb1.png) no-repeat;
}
#all .container section #mb a {
  top: 74px;
  left: 20px;
}
/*#all .container section #on {
  width: 287px;
  height: 249px;
  top: 346px;
  left: 452px;
  background: url(map-images/map-on.png) no-repeat;
}*/
#all .container section #on {
  width: 287px;
  height: 249px;
  top: 346px;
  left: 452px;
  background: url(map-images/map-on.png) no-repeat;
}
#all .container section #on .bg {
  width: 287px;
  height: 249px;
  background: url(map-images/map-on4.png) no-repeat;
}
/*#all .container section #on a {
  top: 48px;
  left: 73px;
}*/
#all .container section #on a {
  top: 23px;
  left: 63px;
}


#all .container section #on-fr {
  width: 287px;
  height: 249px;
  top: 346px;
  left: 452px;
  background: url(map-images/map-on.png) no-repeat;
}
#all .container section #on-fr .bg {
  width: 287px;
  height: 249px;
  background: url(map-images/map-on4.png) no-repeat;
}
/*#all .container section #on a {
  top: 48px;
  left: 73px;
}*/
#all .container section #on-fr a {
  top: 23px;
  left: 63px;
}

#all .container section #qb {
  width: 285px;
  height: 301px;
  top: 201px;
  left: 572px;
  background: url(map-images/map-qb.png) no-repeat;
}
#all .container section #qb .bg {
  width: 285px;
  height: 301px;
  background: url(map-images/map-qb1.png) no-repeat;
}
#all .container section #qb a {
  top: 142px;
  left: 103px;
}
#all .container section #nb {
  width: 65px;
  height: 55px;
  top: 394px;
  left: 784px;
  background: url(map-images/map-nb-1-new.png) no-repeat;
}
#all .container section #nb .bg {
  width: 65px;
  height: 55px;
  background: url(map-images/map-nb-new.png) no-repeat;
}
#all .container section #nb a {
	top: 95px;
	left: -39px;
	z-index: 10;
}
#all .container section #nb .pointer {
	position: absolute;
	top: 25px;
	left: 7px;
	display: block;
	width: 13px;
	height: 88px;
	z-index: 5;
	background: url(map-images/pointer-top.png) no-repeat;
	-ms-transform: rotate(28deg);
	-webkit-transform: rotate(28deg);
	transform: rotate(28deg);
	
}
#all .container section #ns {
  width: 60px;
  height: 96px;
  top: 370px;
  left: 834px;
  background: url(map-images/map-ns.png) no-repeat;
}
#all .container section #ns .bg {
  width: 60px;

  height: 96px;
  background: url(map-images/map-ns1.png) no-repeat;
}
#all .container section #ns a {
  top: 112px;
  left: -10px;
  z-index: 10;
}
#all .container section #ns .pointer {
  position: absolute;
  top: 77px;
  left: 10px;
  display: block;
  width: 13px;
  height: 88px;
  z-index: 5;
  background: url(map-images/pointer-top.png) no-repeat;
}
#all .container section #pe {
  width: 34px;
  height: 19px;
  top: 389px;
  left: 832px;
  background: url(map-images/map-pe.png) no-repeat;
}
#all .container section #pe .bg {
  width: 34px;
  height: 19px;
  background: url(map-images/map-pe1.png) no-repeat;
}
#all .container section #pe a {
  top: -19px;
  left: 69px;
  z-index: 10;
}
#all .container section #pe .pointer {
  position: absolute;
  top: 2px;
  left: 16px;
  display: block;
  width: 86px;
  height: 13px;
  z-index: 5;
  background: url(map-images/pointer-left.png) no-repeat;
}
#all .container section #nl {
  width: 253px;
  height: 154px;
  top: 198px;
  left: 699px;
  background: url(map-images/map-nl.png) no-repeat;
}
#all .container section #nl .bg {
  width: 253px;
  height: 154px;
  background: url(map-images/map-nl1.png) no-repeat;
}
#all .container section #nl a {
  top: 40px;
  left: 130px;
  z-index: 10;
}
#all .container section #nl a span {
  display: block;
  width: 100px;
  height: 34px;
  position: absolute;
  left: 50%;
  bottom: 55px;
  margin-left: -50px;
  font-size: 13px;
  text-align: center;
  line-height: normal;
}
/*#all .container section #nl article {
  top: -110px;
  left: 0;
}*/
#all .container section > p {
  position: absolute;
  bottom: 50px;
  left: 285px;
  z-index: 120;
}

/* 404 Page */
#Error_404 .error_desk {
    width: 65% !important;
    padding-left: 5%;
}
.lang_fr #Error_404 .error_desk p .button{
	margin-left: 0 !important;
}


@media (max-width: 768px){
	.lang-container {
	    width: 100% !important;
	    text-align: center !important;
	    float: none;
	    clear: both;
	}
	.home-dyk .tonnes-elephant{
		background-size: 100%;
	}
	.home-dyk .tonnes-elephant .wpb_wrapper{
		margin-top: 1em;
	}
	.footer-address-bar{
		padding-bottom: 35px;
	}

}

@media (max-width: 515px){

	.home-dyk .tonnes-elephant .wpb_wrapper{
		margin-top: 0;
	}
}