/*
Theme Name: Electronic Products Recycling Association
Author:
Author URI:
Description:
Version: 1.0
*/

/* Eric Meyer's Reset CSS v2.0 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*
 Utilities
 */

/* Clearfix */

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/*
 Base
 */

*, *:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body { font-family: 'Raleway', sans-serif; font-size: 100%; /* -webkit-font-smoothing: antialiased; */ }

h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }

/* Links */

a { text-decoration: none; }
a:hover,
a:active,
a:focus { color: inherit; outline: 0; }

/* Typography */

p { margin-bottom: 1.5em; line-height: 1.7; }
p:last-child { margin-bottom: 0; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }

sup, sub { font-size: 70%; height: 0; line-height: 0; position: relative; vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }

/* Images */

img { vertical-align: middle; }

/* Forms */

button { font-weight: normal; font-family: 'Roboto', sans-serif!important; }
button:focus { outline: 0; }

/*
 Layout
 */

html { height: 100%; }
body { position: relative; min-height: 100%; overflow-x: hidden; }

/* Body Classes */

body.mobile-nav-open { overflow-x: hidden; overflow-y: scroll; }

/* Grid */

.grid { margin: 0 auto; padding: 0; width: 960px; }

.grid:before,
.grid:after { content: " "; display: table; }
.grid:after { clear: both; }

.grid-1,
.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-6,
.grid-7,
.grid-8,
.grid-9,
.grid-10,
.grid-11,
.grid-12,
.grid-13 { display:inline; float: left; position: relative; margin-left: 1%; margin-right: 1%; }


.alpha { margin-left: 0; }
.omega { margin-right: 0; }

.grid-1 { width: 6.333%; }
.grid-2 { width: 14.667%; }
.grid-3 { width: 23%; }
.grid-4 { width: 31.333%; }
.grid-5 { width: 39.667%; }
.grid-6 { width: 48%; }
.grid-7 { width: 56.333%; }
.grid-8 { width: 64.667%; }
.grid-9 { width: 73%; }
.grid-10 { width: 81.333%; }
.grid-11 { width: 89.667%; }
.grid-12 { width: 98%; }
.grid-13 { width: 25%; }

.push-1 { left: 8.333%; }
.push-2 { left: 16.667%; }
.push-3 { left: 25.0%; }
.push-4 { left: 33.333%; }
.push-5 { left: 41.667%; }
.push-6 { left: 50.0%; }
.push-7 { left: 58.333%; }
.push-8 { left: 66.667%; }
.push-9 { left: 75.0%; }
.push-10 { left: 83.333%; }
.push-11 { left: 91.667%; }

/* Menu bars */

.top-bar { position: relative; z-index: 0; height: 40px; background-color: #212e32; border: 0; }

.nav-bar { float: right; padding-right: 6em; text-align: right; }

.nav-bar a { display: inline-block; padding: 0 .75em; font-size: .75em; line-height: 40px; color: white; }
.nav-bar a:hover { text-decoration: underline; }
.nav-bar a:last-child { padding-right: 0; }

.nav-bar .mobile-links { display: none; }

/* Language selectors */

.language-selector { display: inline-block; padding: 0 1.55em; background-color: #3e4d51; font-size: .75em; line-height: 40px; color: white; }
.language-selector:hover { background-color: #6fa057; color: white; }

/* qTranslate */

.widget_qtranslate { position: absolute; top: 0; left: auto; right: 0; width: auto; height: auto; list-style: none; }
.qtrans_language_chooser li { list-style: none; }
.qtrans_language_chooser .active { display: none; }
.qtrans_language_chooser a { display: inline-block; padding: 0 1.55em; background-color: #3e4d51; font-size: .75em; line-height: 40px; color: white; }
.qtrans_language_chooser a:hover { background-color: #6fa057; color: white; }

.qts_widget { position: absolute; top: 0; left: auto; right: 0; width: auto; height: auto; list-style: none; }
.qts_lang_item { margin:0; }
.qts_lang_item li { list-style: none; }
.qts_lang_item.current-menu-item { display: none; }
.qts_lang_item a { display: inline-block; padding: 0 1.55em; background-color: #3e4d51; font-size: .75em; line-height: 40px; color: white; }
.qts_lang_item a:hover { background-color: #6fa057; color: white; }

/* Site Header */

.site-header {
  width: 100%;
  background-color: white;
  border-bottom: 1px solid #e9e9e9;
  -webkit-transition: -webkit-transform .2s ease-in-out;
      -ms-transition:     -ms-transform .2s ease-in-out;
          transition:         transform .2s ease-in-out;
}

.sticky-wrapper { width: 100%; }
.site-header.stuck { position: fixed; z-index: 200; top: 0; left: 0; }
.site-header .grid { height: 100px; }
.site-header.stuck .grid { height: 60px; }

/* Mobile Nav Button */

.mobile-nav-button { display: none; }

/* Logo */

.site-header h1 { display: block; height: 100%; background: url('images/logo_B1.png') center center no-repeat; text-indent: -999em;  }
.site-header.stuck h1 { background-image: url('images/logo_sticky.png'); }
.site-header h1 a { display: block; width: 100%; height: 100%; }

.lang-fr .site-header h1 { background-image:url('images/epra-logo-fr.png'); }
.lang-fr .site-header.stuck h1 { background-image: url('images/epra-logo-fr-sm.png'); }
/* Navigation */

.primary-nav { height: 100%; }
.primary-nav .menu { float: right; height: 100%; width:102%; }

.primary-nav .menu > .menu-item { position: relative; float: left; padding: 0 .75em; height: 100%; }
.primary-nav .menu > .menu-item:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.primary-nav .menu > .menu-item:last-child { padding-right: 0; }

.primary-nav .menu > .menu-item > a { display: inline-block; padding: 0; border-top: 0; border-bottom: 2px solid transparent; text-align: center; font-weight: 500; font-size: .875em; line-height: 1.5; color: #212e32; }

.primary-nav .menu > .current-menu-item > a,
.primary-nav .menu > .current-page-parent > a  { font-weight: bold; }

.primary-nav .menu > .menu-item-has-children > a { padding-right: 1em; background-image: url('images/icon_chevron.png'); background-position: right center; background-repeat: no-repeat; }
.primary-nav .menu > .mobile-only { display: none; }
.primary-nav .menu > .menu-item:hover > a,
.primary-nav .menu > .menu-item > a:hover { border-color: #679b41; }

.primary-nav .sub-menu { position: absolute; z-index: 200; left: 0; display: none; min-width: 260px; background-color: white; border-bottom: 1px solid #ebebeb; }
.primary-nav .menu-item-has-children:hover .sub-menu { display: block; }
.primary-nav .sub-menu a { display: block; padding: 1.2em 1em; border: 1px solid #ebebeb; border-bottom: 0; font-size: .875em; line-height: 1.2; color: #231f20; }
.primary-nav .sub-menu a:hover { background-color: #f4f4f4; }

.primary-nav .sub-menu .current-menu-item a { font-weight: bold; }


/* Secondary navigation */

.secondary-nav { background-color: #e9e9e9; }
.secondary-nav .grid { padding: 0; }

.breadcrumb-nav { display: block; font-weight: 500; font-size: .75em; line-height: 60px; color: #8c8c8c; width:315px;}
.breadcrumb-nav a { color: #8c8c8c; }
.breadcrumb-nav a:hover { text-decoration: underline; }
.breadcrumb-nav .current { font-weight: bold; }

.subpage-nav { text-align: right; font-weight: 500; font-size: .875em; line-height: 0; color: #231f20; width: 500px;}


.subpage-nav a { display: inline-block; margin-left: 2em; padding: 0; max-width: 180px; border: 0; line-height: 60px; font-size: 1em; color: #212e32; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lang-fr .subpage-nav a { max-width: 164px; }
.subpage-nav a:hover { text-decoration: underline; }

.subpage-nav.open a { display: block; }
.subpage-nav .parent-link { position: relative; display: none; padding: 1em 1em; background-color: white; border-bottom: 1px solid #e8eaea; font-size: 1.2em; /* 18px */ }
.subpage-nav .parent-link:after {
  content: '';
  position: absolute;
  top: 0;
  right: 1em;
  display: block;
  width: 17px;
  height: 100%;
  background: url('images/icon_chevron_C_down.png') center center no-repeat;
  /* Gradient filter PNG fix (IE8) */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
  );
}
.subpage-nav.open .parent-link:after { background-image: url('images/icon_chevron_C_up.png'); }

.subpage-nav a:hover { background-color: #e9e9e9; }
.subpage-nav a.parent-link:hover { background-color: white; }

.subpage-nav .current-menu-item a,
.subpage-nav .current { font-weight: bold; color: black; }

/* Back to top */

.back-to-top {
  position: fixed;
  bottom: 4em;
  right: 1em;
  font-size: .933em;
  color: #505050;
  color: rgba(0,0,0,.6);
  opacity: 0;
  -webkit-transition: opacity .2s linear;
      -ms-transition: opacity .2s linear;
          transition: opacity .2s linear;
}
.back-to-top.visible { opacity: 1; }

/* Social sharing buttons */

.page-social-buttons { position: fixed; z-index: 100; top: 50%; left: 0; margin-top: -48px; }

.social-buttons a {
  display: block;
  margin-bottom: .5em;
  width: 40px;
  height: 40px;
  background-color: #eaeaea;
  background-color: rgba(234,234,234,.6);
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -999em;
  /* Gradient filter PNG fix (IE8) */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
  );
}
.social-buttons a:hover { background-color: #eaeaea; }
.social-buttons .facebook { background-image: url('images/icon_facebook.png'); }
.social-buttons .twitter { background-image: url('images/icon_twitter.png'); }

.menu-social-buttons { position: fixed; top: 0; left: 60px; }
.menu-social-buttons a { float: left; margin-bottom: 0; width: 60px; height: 55px; }

.home-link {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 60px;
  height: 55px;
  background: url('images/icon_home.png') center center no-repeat;
  text-indent: -999em;
  /* Gradient filter PNG fix (IE8) */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
  );
}

/* Pages */

section.page {
  position: relative;
  -webkit-transition: -webkit-transform .2s ease-in-out;
      -ms-transition:     -ms-transform .2s ease-in-out;
          transition:         transform .2s ease-in-out;
}
.mobile-nav-open section.page {
    -webkit-transform: translateX(260px);
        -ms-transform: translateX(260px);
            transform: translateX(260px);

}
.mobile-nav-open section.page:before { content: ''; position: absolute; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }

.page-content { padding-bottom: 6em; margin-top: -40px;}
.page-id-13 .page-content { padding-bottom: 2.5em; }
.page-content .button { left: -.5em; }

/*
 Footer
 */

.site-footer { position: relative; height: 40px; background-color: #212e32; }
.site-footer .widget_qtranslate { position: absolute; top: 0; right: 0; }
.site-footer .copyright { margin: 0; font-size: .75em; line-height: 40px; color: white; }

/* Subfooter */

.sub-footer { padding: 5.1em 0 5em; background-color: #83b76f; }

/* Sitemap menu */

.site-map { text-align: left; }
.site-map .menu > .menu-item { display: inline-block; vertical-align: top; margin-right: 1.25em; padding: 0; width: 160px; }
.site-map .menu > .menu-item.mobile-only { display: none; }

.lang-fr .site-map .menu > .menu-item { width: 154px; }

#menu-item-207 { margin-right: 0; width: auto; }
.site-map .menu > .menu-item a,
#menu-item-70 a,
#menu-item-83 a { display: block; margin-bottom: .5em; font-weight: bold; font-size: 1em; }

#menu-item-70,
#menu-item-80,
#menu-item-81,
#menu-item-83 { display: block; }

.site-map .menu-item a { display: block; line-height: 2; color: white; }
.site-map .menu-item a:hover { text-decoration: underline; }

.site-map .sub-menu { display: block; }
.site-map .sub-menu .menu-item { display: block; text-align: left; }
.site-map .sub-menu > .menu-item a { font-weight: normal; font-size: .875em; }

/* Contact information */

.sub-footer .content { color: white; }
.sub-footer .content p { margin-bottom: 1em; font-size: .813em; /* 13px */ }
.sub-footer .content h1 { display: inline-block; margin: 0 0 .75em; padding-top: .2em; font-weight: bold; font-size: 1em; line-height: 1.5; }
.sub-footer .content h2 { margin: 0 0 .75em; font-size: 1em; }
.sub-footer .content a { color: white; text-decoration: none; overflow-wrap: break-word; }
.sub-footer .content a:hover { text-decoration: underline; }

/*
 Content
 */

.content { overflow-wrap: break-word; }

/* Headings */

.content h1 { margin: 3em 0 1.125em; font-weight: bold; font-size: 2.5em; line-height: 1.2; }
.content h2 { margin: 2.25em 0 1.125em; /* 45px / 25px*/ font-weight: bold; font-size: 1.25em; line-height: 1.2; }
.content h3 { margin: 1.5em 0 1.125em; font-weight: bold; font-size: 1em; line-height: 1.2; }
.lang-fr .header .page-id-15 .content h1 { font-size:2.2em; }
.post.content h1 { margin-bottom:0; font-size:2em;}

/* Text */

.content p { font-size: .938em; /* 15px */ line-height: 1.6em; }

/* Links */

.content a { color: #474747; text-decoration: underline; }
.content a:hover { color: #000000; text-decoration: none; }

/* Buttons */

.content .button { position: relative; display: inline-block; margin: .5em .25em; padding: 11px 1.5em; min-width: 160px; background-color: white; border: 1px solid #83B76F; -webkit-border-radius: 5em; border-radius: 5em; text-align: center; font-weight: 500; font-size: .933em; /* 14 px */  color: #679b41; cursor: pointer; text-decoration: none; }
.content .button:hover { background-color: #83B76F; color: white; text-decoration: none; }
.content .button:active { top: 1px; }

/* Video icon buttons */

.content .button[href*="youtube"],
.content .button[href*="vimeo"] {
  padding-left: 4em;
  background-image: url('images/icon_play_small_green.png');
  background-position: .5em center;
  background-repeat: no-repeat;
  /* Gradient filter PNG fix (IE8) */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
  );
}
.content .button[href*="youtube"]:hover,
.content .button[href*="vimeo"]:hover { background-image: url('images/icon_play_small_white.png'); }

/* Lists */

.content ul,
.content ol { margin: 1em 0 1.5em;  }

.content ul { list-style: disc outside none; }
.content ul ul { list-style-type: circle; }
.content ul ul ul { list-style-type: square; }

.content ol { list-style: decimal outside none; }
.content ol ol { list-style-type: upper-alpha; }
.content ol ol ol { list-style-type: lower-alpha; }

.content li { margin-left: 2.5em; font-size: 15px; /* not em */ line-height: 1.5em; /* 24px */ }

/* Images */

.content img {}

.content .size-full { max-width: 100%; height: auto; }
.content .alignleft { float: left; margin: 0 2em 2em 0; }
.content .alignright { float: right; margin: 0 0 2em 2em; }

/* Captions */

.content .wp-caption-text { padding: .5em .75em; background-color: #e9e9e9; font-size: .75em; }

/*
 Sections
 */

/* Actions */

.actions { background-color: #f9f9f9; }
.actions .content { padding: 3.5em 0; text-align: center; }
.actions h1 { margin: 0 0 1.667em; font-size: 1.25em; }
.actions figure { margin-bottom: 1em; padding: 2em; background-color: white; border: 1px solid #e1e1e1; -webkit-border-radius: 1em; border-radius: 1em; text-align: center;  position:relative;  }

/*.actions figure .button { position:absolute; bottom:20px; left:50%; margin-left:-80px; }
.actions figure .button:active { top:auto; }*/
.actions figcaption { margin-top: 1.5em; }
.actions figcaption h1 { margin: 0 0 .75em; font-size: 1.25em; }
.actions figcaption p { font-size: .875em; /* 14px */ }

.actions .bottom-button-wrapper { margin-top: 2em; }

/* Additional Information */

.additional-info { padding: 3.5em 0; background-color: #3e4d51; color: white; }
.additional-info h1 { margin: 0 0 1em; font-size: 1.875em; }
.additional-info .content a { color: #98c984; }
.additional-info .content .button { left: -.5em; background-color: white; border-color: white; color: #3e4d51; }
.additional-info .content .button:hover { background-color: transparent; border-color: white; color: white; }

/* Announcements */

.announcements { padding: 2.5em 0; background-color: #3e4d51; color: white; }
.announcements .grid { padding: 0; }
.announcements .news { padding: 0 1em 2em 1em; }
.announcements .content h1 { margin: 0 0 .65em; font-size: 1.5em; }
.announcements .content h2 { margin-top: 1.5em; }
.announcements a,
.announcements a:hover { color: #96c782; }
.announcements .news a { display: inline-block; margin: .5em 0; font-size: 1.25em; line-height: 1.2; }
.announcements .news .date { margin-bottom: 1em; font-size: .75em; }

.announcement-frame { display: none; margin-bottom: 2em; }
.announcement-frame.visible { display: block; }

.announcements .pager { display: inline-block; vertical-align: top; margin: 0 5px; width: 30px; height: 30px; border: 0; background-color: transparent; background-position: center center; background-repeat: no-repeat; -webkit-border-radius: .5em; border-radius: .5em; font-size: .875em; color: white; -webkit-appearance: none; cursor: pointer; }
.announcements .pager.current { background-color: #4e6064; }

.announcements .pager[data-frame="prev"] { background-image: url('images/icon_chevron_E_left.png'); }
.announcements .pager[data-frame="next"] { background-image: url('images/icon_chevron_E_right.png'); }

/* Banners - on Home */

.banner .grid { position: relative; padding: 0; }

.banner .location-link {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  display: block;
  padding: 1.5em 2em 1.5em 4em;
  width: 50%;
  max-width: 380px;
  background: #212e32 url('images/icon_pin.png') 1.2em center no-repeat;
  font-weight: bold;
  font-size: 1em;
  color: white;
  /* Gradient filter PNG fix (IE8) */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00FFFFFF, endColorstr=#00FFFFFF );
}
.banner .location-link:after {
  content: '';
  position: absolute;
  top: 0;
  right: 23px;
  display: block;
  width: 9px;
  height: 100%;
  background: url('images/icon_chevron_C.png') center center no-repeat;
  /* Gradient filter PNG fix (IE8) */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
  );
}
.banner .form { display: none; }

.location-link-reference { display: none; }

/* Headers */

.header { padding: 0 0 23.015873%; height: 0; }
.header figure { position: relative; width: 100%; overflow: hidden; }
.header figure > img { width: 100%; min-height: 0; }
.header figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.header .grid {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 2.5em 0;
  background-color: #84b76f;
  background-color: rgba(132,183,111,.9);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.header .content { position: relative; color: white; }
.header h1 { margin: 0; }

/* Impact */

.impact { padding: 5em 0; background-color: #83b76f; text-align: left; }
.impact .content { text-align: left; color: white; }
.impact .content h1 { margin: 0 0 .75em; font-size: 1.875em; line-height: 1.25; }
.impact .button { left: -.5em; background-color: transparent; border-color: white; color: white; }
.impact .button:hover { background-color: white; color: #679b41; }

.impact figure { float: right; }
.impact figure img { position: relative; top: -1.5em; display: block; margin: 0 auto; width: 95%; max-width: 533px; height: auto; }
.impact figcaption { position: relative; margin: 0 auto; width: 100%; max-width: 533px; }
.impact figcaption p { display: inline-block; vertical-align: top; margin: 0; font-weight: bold; font-size: 1.125em; line-height: 1.1; color: white; }
.impact .left,
.impact .right { display: inline-block; text-align: center; }
.impact .left { width: 44%; }
.impact .right { margin-left: 18%; margin-right: 4%; width: 32%; }
.impact figcaption span { display: block; font-size: 1.7em; }

/* Mission */

.mission { padding: 3.5em 0; background-color: #83b76f; }
.mission .content { color: white; }
.mission .content h2 { margin: 0 0 .5em; }
.mission .content p { padding-right: 1em; }

/* People */

.people .content { padding: 5em 0; }
.people h1 { margin: 0 0 1.667em; text-align: center; font-size: 1.875em; }

.people figure { margin-bottom: 1em; }
.people img { width: 100%; height: auto; }
.people figcaption { height: 8em; text-align: center; overflow: hidden; }
.people h2 { margin: 1em 0 .5em; }

/* Take Part */

.take-part { padding: 5em 0 3.5em; }
.take-part .image { margin-bottom: 0; }
.take-part .image img { width: 100%; height: auto; }
.take-part .content h1 { margin-top: 0; font-size: 1.875em; /* 30px */ color: #3e4d51; }
.take-part .button { left: -.5em; }

/* Programs */

.programs { padding: 5em 0; border-top: 4px solid #f1f1f1; }
.page-id-13 .programs { padding-top: 0; border-top: 0; } /* "Provincial Programs" page */

.programs .grid { padding: 0; }
.programs .content h1 { margin: 0 0 1.35em; text-align: center; font-size: 1.875em; }
.programs .content .grid-12 { margin-top: 1em; }

.programs figure { position: relative; margin-bottom: 1em; border: 1px solid #e3e3e3; -webkit-border-radius: .5em; border-radius: .5em; cursor: pointer; }

.programs .background { width: 100%; height: auto; -webkit-border-radius: .5em; border-radius: .5em; }

.programs figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  -webkit-border-radius: .5em;
  border-radius: .5em;
  text-align: center;
}
.programs figure:hover figcaption { background-color: transparent; }

.programs .icon { position: absolute; left: 50%; top: 50%; margin-top: -80px; margin-left: -45px; width: auto; }
.programs figure:hover .icon { display: none; }

.programs .content .button { top: 10em; padding: 0; /* .75em 1em */ width: 160px; height: 50px; background-color: white; border: 1px solid; -webkit-border-radius: 5em; border-radius: 5em; text-align: center; font-weight: 500; font-size: .875em; line-height: 1.2; }

.programs .content .button:before { content: ''; display: inline-block; margin-right: -.25em; height: 100%; vertical-align: middle; } /* ghost */
.programs .content .button span { display: inline-block; padding: 0 1em; vertical-align: middle; }

.programs .button:focus { outline: 0; }
.programs .button:active { /* top: auto; */}
.programs .content figure:hover .button { color: white; }

.programs .button.british-columbia { border-color: #e98255; color: #e98255; }
.programs .british-columbia:hover .button { background-color: #e98255; }
.programs .button.saskatchewan { border-color: #59b9a9; color: #59b9a9; }
.programs .saskatchewan:hover .button { background-color: #59b9a9; }
.programs .button.manitoba { border-color: #ebb664; color: #ebb664; }
.programs .manitoba:hover .button { background-color: #ebb664; }
.programs .button.ontario { border-color: #e5696b; color: #e5696b; }
.programs .ontario:hover .button { background-color: #e5696b; }
.programs .button.quebec { border-color: #9765ab; color: #9765ab; }
.programs .quebec:hover .button { background-color: #9765ab; }
.programs .button.nova-scotia { border-color: #529dc6; color: #529dc6; }
.programs .nova-scotia:hover .button { background-color: #529dc6; }
.programs .button.prince-edward-island { border-color: #53bfcc; color: #53bfcc; }
.programs .prince-edward-island:hover .button { background-color: #53bfcc; }
.programs .button.newfoundland-labrador { border-color: #556aa5; color: #556aa5; }
.programs .newfoundland-labrador:hover .button { background-color: #556aa5; }

/* Video */

.video { position: relative; background-color: #83b76f; }
.video .poster { position: absolute; top: 0; left: 0; float: left; display: block; width: 50%; height: 100%; background-position: right center; background-repeat: no-repeat; background-size: cover; }
.video .poster a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('images/icon_play.png');
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -999em;
  /* Gradient filter PNG fix (IE8) */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
  );
}
.video .poster.black a { background-image: url('images/icon_play_black.png'); }
.video .poster a:hover,
.video .poster.black a:hover { background-image: url('images/icon_play_hover.png'); }
.video .content { position: relative; top: 0; left: 50%; float: left; display: block; padding: 3.125em 5.625em 3.75em; width: 50%; max-width: 600px; color: white; }
.video .content h1 { margin: 0 0 1em; font-size: 1.875em; }
.video .content a { color: #38484c; }
.page-id-23 .video,
.page-id-23 .video .content { background:#83b76f; }
/*
 News
 */

.snippets { margin-bottom: 2em; }

.snippet { margin-top: .5em; margin-bottom: .5em; border: 1px solid #e1e1e1; -webkit-border-radius: 1em; border-radius: 1em; overflow: hidden; }
.snippet img { width: 100%; height: auto; }
.snippet .content { padding: 2.25em 1.875em; }
.snippet img + .content { padding-top: 1.25em; }
.snippet h2 { margin: 0 0 .5em; }
.snippet h2 a { color: black; text-decoration: none; }
.snippet h2 a:hover { color: #679b41; text-decoration: none; }
.snippet .date { font-size: .75em; color: #848484; }
.snippet .read-more { text-decoration: underline; }

/* Load More News button / AJAX Load Posts plugin */

.alm-btn-wrap { text-align: center; }
.alm-btn-wrap .button { margin-bottom: 6em;  min-width: 290px; }

/* Pseudo-disabled */
.alm-btn-wrap .button.done,
.alm-btn-wrap .button.done:hover { display: none; }

/*
 Posts
*/

.single .date { display: block; margin-bottom: 3em; font-size: .75em; color: #848484; }

/* Search Results */

.search-highlight { background-color: #FF7; padding: 0 .1em; }
.excerpt { margin-bottom: 1.5em; }
.excerpt h1 { margin-top: 0; font-size: 1.5em; }

/*
 Forms
 */

/* "Find a drop-off location" */

.location-form { position: absolute; z-index: 50; top: 0; right: 0; padding: .55em 1em .55em 1.25em; background-color: #212e32; }

.location-form .gfield_label { display: inline-block; padding-right: 1em; font-weight: bold; font-size: 1.25em; color: white; }
.location-form .ginput_container { display: inline-block; }

.location-form input { margin: 0; padding: .75em 3em .75em 1.5em; border: 2px solid transparent; -webkit-border-radius: 1.5em; border-radius: 1.5em; font-size: .875em; color: #231f20; }
.location-form input:focus { outline: 0; }

.location-form #input_1_1 {
  min-width: 240px;
  background: white url('images/icon_search.png') right center no-repeat;
  /* Gradient filter PNG fix (IE8) */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
  );
}

.location-form #input_1_1:hover { background-image: url('images/icon_search_green.png'); }
.location-form #input_1_1:focus { border-color: #a1a1a1; }

.location-form .button { position: absolute; top: .5em; right: 1.25em; padding: .75em 1.5em; background: transparent; text-indent: -999em; cursor: pointer; }

.location-form .validation_message { padding: 1em 1em 0; text-align: right; font-size: 11px; color: #ff5e5e; }

.location-form .validation_error,
.location-form .gfield_required { display: none; }

/* Contact Form / Gravity Forms */

.video .gform_wrapper { margin-top: 3em; width: 600px; }
.video .fancybox-skin { background-color: black; }

/* List reset */

.content .gform_fields { margin-bottom: 0; list-style: none; }
.content .gform_fields li { margin: 0; margin-bottom: 0; }

/* Labels */

.content .gfield_label { display: inline-block; margin-bottom: .25em; font-weight: bold; font-size: .933em; }
.content .gfield_required { padding-left: .25em; color: red; }

/* Validation Message */

.validation_message { display: inline-block; font-size: .875em; line-height: 3; color: red; }
.validation_error { padding: 1em; margin-bottom: 1.5em; font-size: 1em; line-height: 1.2; color: #F50C0C; background-color: #f1f1f1; }

#gform_2 .gform_footer { text-align: center; }

/* Clearfix */

.content .gfield:before,
.content .gfield:after { content: " "; display: table; }
.content .gfield:after { clear: both; }

/* Fields */

.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; }

/* RECAPTCHA widget tweaks */

#recaptcha_response_field { border-color: #d7d7d7 !important; }
.recaptchatable.recaptchatable { border-color: transparent !important; }
.recaptchatable a,
.recaptchatable a:hover { color: #9e9e9e !important; }

/* DEBUG: disable outline */

input:focus,
select:focus,
textarea:focus { outline: 0; }

.gfield_error input { border-color: red; }
.gform_confirmation_message { font-size: 1.25em; line-height: 1.2; padding: 1em; background-color: #D8FFD8; color: #1E581E; }

/* Provinces Pop-up */

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

/* Gravity Forms - Provinces Style */

.provinces-popup { display: none; max-width: 500px; height: auto;  }
.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-popup .response { display: none; padding: 0 1.5em 1.5em; }
.provinces-popup .response p { font-size: .875em; }
.provinces-popup .response.visible { display: block; }

.provinces .gform_wrapper { padding: 1.5em; text-align: center; }
.provinces .gform_wrapper form:before,
.provinces .gform_wrapper form:after { content: " "; display: table; }
.provinces .gform_wrapper form:after { clear: both; }

.provinces .gform_body { float: left; display: block; margin: 8px 0; vertical-align: top; font-size: 0; }
.provinces .gform_fields { margin: 0; }
.provinces .content .gfield select { margin: 0; padding-right: 3em; width: 250px; font-size: .933em; }

.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; }

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

.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; }

/* Comments Form */

.comments-section { padding: 2em 0; background-color: #F9F9F9; }
#comments label { display: block; }
#comments .comment-meta { display: none; }

/*
 Plugins
 */

/* iOS Slider */

.iosslider-responsive-height { height: 0; padding: 0 0 550px 0; position: relative; overflow: visible; }
.iosslider-container { position: absolute; width: 100%; height: 100%; overflow: hidden; }
.iosslider { width: 100%; height: 100%; background-color: #212e32; }
.iosslider .slider { width: 100%; height: 100%; }
.iosslider .slide { position: relative; top: 0; left: 0;  width: 100%; height: 100%; margin: 0 0 0 0; text-align: center; background:#FFF; background-position:center center; background-repeat:no-repeat; }
.iosslider .slide > img { height: 100%; }

/* Slide captions */

.iosslider figcaption { position: absolute; top: 0; left: 0;  width: 100%; height: 100%; }
.iosslider figcaption:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -.25em; }

.iosslider figcaption > a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; }

.iosslider .content { display: inline-block; padding: 0 1em; vertical-align: middle; }
.iosslider .content.white
{
    color: white;
    text-shadow:
    3px 2px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;

}.iosslider .content.black { border-color: black; color: black; }
.iosslider .content .play-icon {
  display: inline-block;
  margin: 0 0 1.5em;
  width: 103px;
  height: 101px;
  background-image: url('images/icon_play.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  /* Gradient filter PNG fix (IE8) */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
  );
}
.iosslider .content.black .play-icon { background-image: url('images/icon_play_black.png'); }
.iosslider .content h1 { margin: 0; font-weight: bold; font-size: 2.5em; color: inherit; }
.iosslider .content p { color: inherit; }
.iosslider .content a { color: inherit; }

.iosslider .content .button { display: inline-block; margin-top: 2em; background-color: transparent; border-width: 2px; border-color: inherit; font-weight: bold; font-size: 1em; color: inherit; }
.iosslider .content .button:hover { background-color: white; color: #679B41; }

/* Fancybox */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin {
  position: relative;
  color: #444;
  text-shadow: none;
}
.fancybox-opened { z-index: 8030; }

.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner {
  opacity: 0;
  -webkit-transition: opacity .5s linear;
      -ms-transition: opacity .5s linear;
          transition: opacity .5s linear;
  overflow: hidden;
}
.fancybox-opened .fancybox-inner { opacity: 1; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('images/fancybox_sprite.png');
  /* Gradient filter PNG fix (IE8) */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
  );
}
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('images/fancybox_loading.gif') center center no-repeat;
  /* Gradient filter PNG fix (IE8) */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
  );
}

.fancybox-close {
  position: fixed;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background: #3e4d51 url('images/icon_x_white.png') center center no-repeat;
  cursor: pointer;
  z-index: 8040;
  /* Gradient filter PNG fix (IE8) */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
  );
}
.fancybox-close:hover { background-color: #679b41; }

/* Overlay helper */

.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  width: 100%;
  height: 100%;
  background: url('images/fancybox_overlay_ie8.png') center center repeat;
  background: rgba(0,0,0,.75) none;
  /* Gradient filter PNG fix (IE8) */
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#00FFFFFF, endColorstr=#00FFFFFF
  );
}
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }


/*
 Media Queries
 */

@media only screen and (min-width: 1130px) {
  .nav-bar { padding-right: 0; }
}

/* ~ Phone */
@media only screen and (max-width: 980px) {

  /* Grid */

  .grid { margin: 0; padding: 0 1em; width: auto; }
  .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 { float: none; display: block; width: auto; margin-left: 0; margin-right: 0; }
  .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11 { left: 0; }

  /* Top bar */

  .top-bar { position: fixed; top: 0; left: 0; z-index: -1; display: block; width: 100%; height: 55px; background-color: #e9e9e9; border-bottom: 1px solid #e9e9e9; }
  .mobile-nav-open .top-bar { z-index: auto; }

  .top-bar .widget_qtranslate { position: fixed; z-index: 999; top: 0; left: 180px; }
  .top-bar .widget_qtranslate a{ padding: 0; text-align: center; width: 80px; height: 55px; background-color: #F7F7F7; border-right: 1px solid #e3e3e3; line-height: 55px; color: #212E32; }
  .top-bar .widget_qtranslate a:hover { background-color: #EAEAEA; border-right: 1px solid #eaeaea; }

  .nav-bar { text-align: left; }
  .nav-bar a { background-color: white; border-right: 1px solid #e3e3e3; }
  .nav-bar a:hover { background-color: #EAEAEA; }

  .nav-bar .links { display: none; }
  .mobile-nav-open .nav-bar .mobile-links { display: block; position: fixed; top: 0; left: 0; z-index: 999; width: 260px; height: 55px; background-color: white; }

  /* Navicon */

  .mobile-nav-button { position: absolute; top: 0; left: 0; display: block; width: 60px; height: 55px; background: url('images/icon_navicon.jpg') center center no-repeat; border: 0; text-indent: -999em; cursor: pointer; }
  .mobile-nav-open .mobile-nav-button { background-image: url('images/icon_x_B.png'); }

  /* Site Header */

  .site-header .grid,
  .site-header.stuck .grid { height: 55px; }
  .mobile-nav-open .site-header {
    -webkit-transform: translateX(260px);
        -ms-transform: translateX(260px);
            transform: translateX(260px);
  }
  .site-header h1,
  .site-header.stuck h1 { margin: 0 auto; width: 195px; background-image: url('images/logo_mobile.png'); }
  .lang-fr .site-header h1,
  .lang-fr .site-header.stuck h1 { width:222px; }

  /* Primary nav */

  .primary-nav {
    position: fixed;
    z-index: 999;
    top: 55px;
    left: 0;
    width: 260px !important;
    height: 500px;
    background-color: #f7f7f7;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .mobile-nav-open .primary-nav { overflow-y: scroll; }

  .primary-nav .menu { float: none; height: auto; padding-bottom:100px; }
  .primary-nav .menu > .menu-item { float: none; display: block; padding: 0; height: 100%; }
  .primary-nav .menu > .menu-item:before { display: none; } /* Ghost */
  .primary-nav .menu > .menu-item:last-child { padding-right: .75em; }
  .primary-nav .menu > .menu-item > a { display: block; padding: 1em 1em; background-color: white; border-top: 1px solid #e9e9e9; vertical-align: middle; text-align: left; font-weight: bold; font-size: 1.125em; }
  .primary-nav .menu > .menu-item:hover > a,
  .primary-nav .menu > .menu-item > a:hover { border-top: 1px solid #E9E9E9; border-bottom: 2px solid transparent; }
  .primary-nav .menu > .mobile-only { display: block; }
  .primary-nav .menu > .mobile-only a { background-color: #f7f7f7; font-weight: 500; font-size: .938em; }
  .primary-nav .menu > .menu-item-has-children > a { background-image: url('images/icon_chevron_C_down.png'); background-position: 220px center; background-repeat: no-repeat; }
  .primary-nav .menu > .menu-item-has-children.open > a { background-image: url('images/icon_chevron_C_up.png'); }

  /* Elastic menus */

  .primary-nav .sub-menu { position: relative; border-bottom: 0; background-color: #f7f7f7; }
  .primary-nav .menu-item-has-children:hover .sub-menu { display: none; }
  .open .sub-menu,
  .primary-nav .menu-item-has-children.open:hover .sub-menu { display: block; }

  /* Secondary nav */

  .secondary-nav { height: auto; overflow: visible; }

  .breadcrumb-nav { display: none; }

  .subpage-nav { height: auto; background-color: #f7f7f7; text-align: left; }
  .subpage-nav a { display: none; margin: 0; padding: 1.2em 1em; max-width: none; width: 100%; border-bottom: 1px solid white; line-height: 1.2; }
  .subpage-nav a.parent-link,
  .subpage-nav.open a { display: block; }

  /* Subfooter */

  .sub-footer { padding: 2.5em 0 1em; }
  .sub-footer .content { display: none; }

  /* Sitemap */

  .site-map { text-align: center; }
  .site-map .menu > .menu-item { display: inline; margin: 0; width: auto; line-height: 1; }
  .site-map .menu > .menu-item a,
  #menu-item-70 a,
  #menu-item-83 a { display: inline-block; margin: 0 .75em; font-weight: 500; font-size: 1em; text-decoration: underline; }
  .site-map .menu > .menu-item.mobile-only { display: inline; }
  .site-map .sub-menu { display: inline; }
  .site-map .sub-menu .menu-item,
  .site-map .sub-menu a { display: none; }

  #menu-item-70,
  #menu-item-80,
  #menu-item-81,
  #menu-item-83 { display: inline; }

  /* Site Footer */

  .site-footer { height: auto; background-color: #83B76F; text-align: center; }
  .site-footer .nav-bar,
  .site-footer .widget_qtranslate { display: none; }
  .site-footer .copyright { padding: 1em 0; text-align: center; font-size: 1em; }

  /* Content */

  .page-content { padding-bottom: 3em; }
  .content h1 { margin-top: 2em; font-size: 1.5em; }

  /*
   * Sections (A-Z)
   */

  .actions .content { padding: 2em 1em 0; }
  .actions .content h1 { margin-top: 0; font-size: 1em; }
  .actions .bottom-button-wrapper { margin-bottom: 2em; }
  .home .actions .content h1 { font-size: 1.25em; }

  .additional-info { padding: 2.5em 0; }
  .additional-info .content h1 { margin-top: 0; font-size: 1.5em; }

  .announcements .news { padding: 0 1em 2em 1em; }
  .announcements .contacts { padding: 2.5em 1em 0; border-top: 1px solid white; }

  .banner .location-link { position: relative; width: 100%; max-width: none; }

  .header { padding: 0; height: auto; overflow: hidden; }
  .header .grid { width: 290px; }
  .header figure > img { width: auto; min-height: 360px; }
  .header .content { padding: 0 1.5em; }
  .header .content h1 { margin-top: 0; }

  .impact { padding: 3em 0; text-align: center; }
  .impact .content { text-align: center; }
  .impact .content h1 { font-size: 1.5em; }
  .impact figure { float: none; margin-bottom: 2.5em; }
  .impact figcaption p { font-size: .75em; }
  .impact .left { width: 52%; }
  .impact .right { margin-left: 8%; }

  .mission { padding: 2.25em 0 3em; }
  .mission .grid-4 { margin-bottom: 1.5em; }
  .mission .grid-4:last-of-type { margin-bottom: 0; }
  .mission .content h2 { font-weight: 500; font-size: 1.5em; }

  .people { border-bottom: 0; }
  .people .content { padding: 2.5em 1em; }
  .people .content h1 { margin: 0 0 1em; font-size: 1.5em; }
  .people figcaption { height: 6em; }

  .programs { padding: 2em 0 0; border-top: 1px solid #E3E3E3; }
  .programs .content h1 { font-size: 1.125em; }
  .programs figure { margin: 0; border: 0; border-bottom: 1px solid white; -webkit-border-radius: 0; border-radius: 0; background-position: left center; background-repeat: no-repeat; background-size: contain; }
  .programs .british-columbia { background-color: #e98255; background-image: url('images/icon_british-columbia_mobile.png'); }
  .programs .saskatchewan { background-color: #59b9a9; background-image: url('images/icon_saskatchewan_mobile.png'); }
  .programs .manitoba { background-color: #ebb664; background-image: url('images/icon_manitoba_mobile.png'); }
  .programs .ontario { background-color: #e5696b; background-image: url('images/icon_ontario_mobile.png'); }
  .programs .quebec { background-color: #9765ab; background-image: url('images/icon_quebec_mobile.png'); }
  .programs .nova-scotia { background-color: #529dc6; background-image: url('images/icon_nova-scotia_mobile.png'); }
  .programs .prince-edward-island { background-color: #53bfcc; background-image: url('images/icon_prince-edward-island_mobile.png'); }
  .programs .newfoundland-labrador { background-color: #556aa5; background-image: url('images/icon_newfoundland-labrador_mobile.png'); }
  .programs .background { display: none; }
  .programs figcaption { position: static; width: auto; height: auto; background-color: transparent; -webkit-border-radius: 0; border-radius: 0; text-align: left; }
  .programs .icon { display: none; }
  .programs .content .button { position: static; display: inline-block; margin: 0 0 0 60px; padding: 0; width: auto; height: auto; background: none; border-color: transparent; text-align: left; font-weight: normal; font-size: 1.125em; line-height: 60px; color: white; }
  .programs .content .button.newfoundland-labrador,
  .programs .content .button.prince-edward-island { padding: 0; color: white; }
  .programs .content .button span { display: inline; padding: 0 0 0 .5em; }
  .programs .grid-12 { display: none; }

  .take-part { padding: 5em 0 2.5em; }
  .take-part .image { margin-bottom: 1.5em; }
  .take-part .image img { display: block; margin: 0 auto; width: 80%; }
  .take-part .content h1 { margin-bottom: .75em; font-size: 1.5em; }
  .take-part .content p:last-of-type { text-align: center; }

  .video .poster { position: relative; float: none; width: 100%; height: 280px; background-position: center center; }
  .video .content { left: 0; display: block; padding: 2.5em 1em; width: auto; max-width: none; }
  .video .content h1 { font-size: 1.5em; }

  /* iosSlider */

  .iosslider-responsive-height { padding-bottom: 73.437%; }
  .iosslider .content .play-icon { margin-bottom: 1em; width: 80px; height: 80px; background-size: contain; }
  .iosslider .content h1 { font-size: 1.5em; }
  .iosslider .content .button { display: none; }
  .iosslider .slide { background-size:cover; }
  /* Contact */

  .content input[type="submit"] { float: none; }

  /* Pop up */

  .provinces .gform_wrapper { padding: 1em; }
  .provinces .gform_body,
  .provinces .gform_footer { float: none; display: inline-block; }
  .content .gform_fields li { margin: 0; margin-bottom: 1.5em; }

  .provinces-popup { width: 100%; max-width: none; }
  .provinces-popup h3 { font-size: 1em; }

  /* Misc. */

  .page-social-buttons { display: none; }
  .back-to-top { display: none; }
}

/* Retina */

@media only screen and (max-width: 980px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .site-header h1,
  .site-header.stuck h1 { margin: 0 auto; width: 195px; background-image: url('images/logo_mobile@2x.png'); background-size: contain; }

  .mobile-nav-button { background-image: url('images/icon_navicon@2x.jpg'); background-size: 30px 21px; }
  .mobile-nav-open .mobile-nav-button { background-image: url('images/icon_x_B@2x.png'); background-size: 25px; }
  .home-link { background-image: url('images/icon_home@2x.png'); background-size: 25px 23px; }
  .social-buttons .facebook { background-image: url('images/icon_facebook@2x.png'); background-size: 25px; }
  .social-buttons .twitter { background-image: url('images/icon_twitter@2x.png'); background-size: 25px; }

  .banner .location-link { background-image: url('images/icon_pin@2x.png'); background-size: 16px 20px; }
  .primary-nav .menu > .menu-item-has-children > a,
  .subpage-nav .parent-link:after { background-image: url('images/icon_chevron_C_down@2x.png'); background-size: 16px 9px; }
  .primary-nav .menu > .menu-item-has-children.open > a,
  .subpage-nav.open .parent-link:after { background-image: url('images/icon_chevron_C_up@2x.png'); }

  .lang-fr .site-header h1 { background-image:url('images/epra-logo-fr@2x.png'); }
  .lang-fr .site-header.stuck h1 { background-image: url('images/epra-logo-fr-sm@2x.png'); }


  .video .poster a {

    background-image: url('images/icon_play@2x.png');
    background-size: 103px 101px;


  }
}

/*
 * Browser Extensions
 */

@-moz-document url-prefix() {
  .provinces .content .gfield select { padding-right: 1.25em; background-image: none; }
}

@-moz-document url-prefix() {
  .provinces .content .gfield select { padding-right: 1.25em; background-image: none; }
}
/*
MAP CSS */

::-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;
 /* background: url(/wp-content/themes/epra/map-images/bg-top.png) no-repeat center top;*/
}
#all .container {
  position: relative;
  float: left;
  width: 980px;
  height: 700px;
  left: 50%;
  margin: 38px 0 0 -490px;
  padding: 0;
}
#all .container #logo {
  position: relative;
  float: left;
  width: 345px;
  height: 105px;
/*  margin: 11px 0 0 88px;*/
  margin: 8px 0 0 35px;
  z-index: 300;
}
#all .container #logo a {
  display: block;
  position: relative;
  float: left;
  width: 297px;
  height: 140px;
  background: url(/wp-content/themes/epra/map-images/logo-epra.png) no-repeat;
}

#all .container #logos {
  position: relative;
  float: left;
  width: 345px;
  height: 105px;
/*  margin: 11px 0 0 88px;*/
  margin: 8px 0 0 35px;
  z-index: 300;
}
#all .container #logos a {
  display: block;
  position: relative;
  float: left;
  width: 297px;
  height: 140px;
  background: url(/wp-content/themes/epra/map-images/logo-epra-fr.png) no-repeat;
}


#all .container #welcome p {
  width: 200px;
}
#all .container section {
  position: absolute;
  top: 83px;
  left: 0;
  width: 980px;
  height: 638px;
  z-index: 200;
  background: url(/wp-content/themes/epra/map-images/map-bg-1.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(/wp-content/themes/epra/map-images/popup-top.png) no-repeat;
}
#all .container section div article .btm {
  height: 23px;
  background: url(/wp-content/themes/epra/map-images/popup-btm.png) no-repeat;
}
#all .container section div article .mid {
  height: auto;
  background: url(/wp-content/themes/epra/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(/wp-content/themes/epra/map-images/popup-top-l.png) no-repeat;
}
#all .container section div article.l .btm {
  height: 21px;
  background: url(/wp-content/themes/epra/map-images/popup-btm-l.png) no-repeat;
}
#all .container section div article.l .mid {
  height: auto;
  background: url(/wp-content/themes/epra/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;
}
#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(/wp-content/themes/epra/map-images/icon-epra.png) no-repeat;
}
/*#all .container section div a.oes {
  width: 52px;
  height: 55px;
  background: url(/wp-content/themes/epra/map-images/icon-oes.png) no-repeat;
}*/
#all .container section div a.oes {
  width: 82px;
  height: 131px;
  background: url(/wp-content/themes/epra/map-images/icon-oes_pb-epra-eng-2015.png) no-repeat;
}

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

#all .container section div a.sweep {
  width: 52px;
  height: 53px;
  background: url(/wp-content/themes/epra/map-images/icon-sweep.png) no-repeat;
}
#all .container section div a.ab-recycle {
  width: 80px;
  height: 39px;
  background: url(/wp-content/themes/epra/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(/wp-content/themes/epra/map-images/map-tt-v8.png) no-repeat;

}
#all .container section #tt .bg {
  width: 250px;
  height: 275px;
  top: -1px;
  background: url(/wp-content/themes/epra/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(/wp-content/themes/epra/map-images/map-yk-v1.png) no-repeat;

}
#all .container section #yk .bg {
  width: 425px;
  height: 275px;
  background: url(/wp-content/themes/epra/map-images/map-yk-v1.png) no-repeat;
  left:-377px;
}
#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: 638px;
  height: 275px;
  top: 32px;
  left: 126px;
}
#all .container section div a.nv-recycle {
  width: 115px;
  height: 45px;
    background: url(/wp-content/themes/epra/map-images/map-nv-v1.png) no-repeat;

}
#all .container section #nv .bg {
  width: 725px;
  height: 275px;
  background: url(/wp-content/themes/epra/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: 638px;
  height: 275px;
  top: 32px;
  left: 126px;
}
#all .container section div a.ykfr-recycle {
  width: 115px;
  height: 45px;
    background: url(/wp-content/themes/epra/map-images/map-yk-fr.png) no-repeat;

}
#all .container section #ykfr .bg {
  width: 425px;
  height: 275px;
  background: url(/wp-content/themes/epra/map-images/map-yk-fr.png) no-repeat;
  left:-377px;
}
#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(/wp-content/themes/epra/map-images/map-nv-fr.png) no-repeat;

}
#all .container section #nvfr .bg {
  width: 725px;
  height: 275px;
  background: url(/wp-content/themes/epra/map-images/map-nv-fr.png) no-repeat;
  left:103px;
  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(/wp-content/themes/epra/map-images/map-bc.png) no-repeat;
}
#all .container section #bc .bg {
  width: 185px;
  height: 276px;
  background: url(/wp-content/themes/epra/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(/wp-content/themes/epra/map-images/map-ab.png) no-repeat;
}
#all .container section #ab .bg {
  width: 117px;
  height: 221px;
  background: url(/wp-content/themes/epra/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(/wp-content/themes/epra/map-images/map-sk.png) no-repeat;
}
#all .container section #sk .bg {
  width: 105px;
  height: 210px;
  background: url(/wp-content/themes/epra/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(/wp-content/themes/epra/map-images/map-mb.png) no-repeat;
}
#all .container section #mb .bg {
  width: 134px;
  height: 211px;
  background: url(/wp-content/themes/epra/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(/wp-content/themes/epra/map-images/map-on.png) no-repeat;
}*/
#all .container section #on {
  width: 287px;
  height: 249px;
  top: 346px;
  left: 452px;
  background: url(/wp-content/themes/epra/map-images/map-on.png) no-repeat;
}
#all .container section #on .bg {
  width: 287px;
  height: 249px;
  background: url(/wp-content/themes/epra/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(/wp-content/themes/epra/map-images/map-on.png) no-repeat;
}
#all .container section #on-fr .bg {
  width: 287px;
  height: 249px;
  background: url(/wp-content/themes/epra/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(/wp-content/themes/epra/map-images/map-qb.png) no-repeat;
}
#all .container section #qb .bg {
  width: 285px;
  height: 301px;
  background: url(/wp-content/themes/epra/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(/wp-content/themes/epra/map-images/map-nb-1.png) no-repeat;
}
#all .container section #nb .bg {
  width: 65px;
  height: 55px;
  background: url(/wp-content/themes/epra/map-images/map-nb.png) no-repeat;
}
#all .container section #nb a {
  top: 34px;
  left: 1px;
  z-index: 10;
}
#all .container section #nb .pointer {
  position: absolute;
  top: 77px;
  left: 10px;
  display: block;
  width: 13px;
  height: 88px;
  z-index: 5;
  background: url(/wp-content/themes/epra/map-images/pointer-top.png) no-repeat;
}
#all .container section #ns {
  width: 60px;
  height: 96px;
  top: 370px;
  left: 834px;
  background: url(/wp-content/themes/epra/map-images/map-ns.png) no-repeat;
}
#all .container section #ns .bg {
  width: 60px;

  height: 96px;
  background: url(/wp-content/themes/epra/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(/wp-content/themes/epra/map-images/pointer-top.png) no-repeat;
}
#all .container section #pe {
  width: 34px;
  height: 19px;
  top: 389px;
  left: 832px;
  background: url(/wp-content/themes/epra/map-images/map-pe.png) no-repeat;
}
#all .container section #pe .bg {
  width: 34px;
  height: 19px;
  background: url(/wp-content/themes/epra/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(/wp-content/themes/epra/map-images/pointer-left.png) no-repeat;
}
#all .container section #nl {
  width: 253px;
  height: 154px;
  top: 198px;
  left: 699px;
  background: url(/wp-content/themes/epra/map-images/map-nl.png) no-repeat;
}
#all .container section #nl .bg {
  width: 253px;
  height: 154px;
  background: url(/wp-content/themes/epra/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;
}
/*#all .container section #nl article {
  top: -110px;
  left: 0;
}*/
#all .container section > p {
  position: absolute;
  bottom: 50px;
  left: 285px;
  z-index: 120;
}