@charset "UTF-8";
/****************************************************************/
/****************************************************************/
/*                                                              */
/*   THIS IS THE STYLE.SCSS FROM THE PM WEBSITE                 */
/*   THE GOAL IS TO MAKE THIS TOTALLY OBSOLETE!                 */
/*   SO PLEASE DON'T ADD ANYTHING NEW IF YOU CAN AVOID IT       */
/*   BETTER TO REMOVE AS MUCH AS YOU POSSIBLY CAN AND MOVE IT   */
/*   TO THE NEW STRUCTURE WHICH USES PARTIALS                   */
/*                                                              */
/****************************************************************/
/****************************************************************/
/**
 * Place your custom styles here.
 */
/****** Paths ******/
/****** Colors ****/
/****** End of variables declaration ******/
html {
  font-size: 16px;
}
body {
  font-size: 1em;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  overflow-x: hidden;
}
/**** This CSS was added for the title h1 to be selected ******/
.path-frontpage .title-share-wrapper, .path-news .title-share-wrapper, .path-photos .title-share-wrapper, .path-videos .title-share-wrapper, .path-cabinet .title-share-wrapper, .path-parliamentary-secretaries .title-share-wrapper, .path-mandate-letters .title-share-wrapper {
  display: none;
}
.path-node .title-share-wrapper {
  width: 100%;
  background: #FFFFFF;
}
.path-node .title-share-wrapper .page-title-header {
  width: 95%;
  float: left;
  position: relative;
}
.path-node .title-share-wrapper .share-block-icon {
  width: 5%;
  float: right;
  position: relative;
  padding-right: 10px;
  padding-top: 5px;
}
.dropdown-backdrop {
  display: none;
}
.pm-video {
  margin-top: 10px;
}
.pm-video h2 {
  margin-top: 0;
  font-size: 1.3em;
  font-weight: 700;
  font-style: normal;
  font-family: "Bitter";
}
h1, h1.page-header, h1.title.default, .news-article-body-fields h1.field-content {
  line-height: 1.2em;
  display: inline-block;
  border-radius: 2px;
  padding: 5px 40px 5px 1.25em;
  font-size: 1.6em;
  font-weight: 700;
  margin-bottom: -1px;
  color: #000000;
  width: 100%;
  background-color: #FFFFFF;
  border-bottom: 0px;
}
h1#site-name {
  background-color: transparent;
  font-size: 1.3em;
  font-weight: 400;
  font-family: "Bitter";
}
h1.title.default {
  padding: 5px 0px 5px 0px;
  margin: 1.5em 0 0.75em 0;
}
h4 {
  font-size: 1em;
  font-weight: 700;
}
h5 {
  font-weight: 700;
}
/* General solution to handle the positioning of anchor tags due to the fixed header. The offset should be equal to the height of the fixed elements.
   If changing, remember to update the breakpoints! @media(max-width:768px) */
h1:target:before {
  content: "";
  display: block;
  height: 234px;
  margin-top: -234px;
}
h2:target:before {
  content: "";
  display: block;
  height: 234px;
  margin-top: -234px;
}
h3:target:before {
  content: "";
  display: block;
  height: 234px;
  margin-top: -234px;
}
h4:target:before {
  content: "";
  display: block;
  height: 234px;
  margin-top: -234px;
}
h5:target:before {
  content: "";
  display: block;
  height: 234px;
  margin-top: -234px;
}
h6:target:before {
  content: "";
  display: block;
  height: 234px;
  margin-top: -234px;
}
.text-left {
  text-align: left;
}
.float-left {
  float: left;
}
.text-right {
  text-align: right;
}
.float-right {
  float: right;
}
.published-yes div.content .field-name-body, .published-yes div.content .field--name-body {
  background: #FFFFFF;
}
div.content .field-name-body, div.content .field--name-body {
  padding: 0.5em 2em 1em 2em;
  /*
    ul > li {
     list-style-type: disc;
     ul li{
      list-style-type: circle;
      ul li{
        list-style-type: disc;
        ul li{
          list-style-type: circle;
          ul li{
            list-style-type: disc;

          }
        }
      }
     }
    }
	*/
}
div.content .field-name-body ol > li, div.content .field--name-body ol > li {
  list-style-type: decimal;
}
blockquote {
  font-size: 1em;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  /*margin: 0;*/
  overflow-x: hidden;
}
#mandateletters-coa, #mandateletters-sig, .view-mandate-letters-previous, .webform-submission-form, .webform-confirmation, .path-nous-joindre .region-content, .path-connect .region-content {
  background: #FFFFFF;
  padding: 0.5em 2em 1em 2em;
}
.view-mandate-letters-previous .view-content {
  display: block !important;
}
.feedback-comments {
  font-weight: normal;
  font-size: 1.3em;
  margin-top: 0px;
  color: #333333;
  margin-bottom: 0px;
}
#edit-intro-text.form-group {
  margin-bottom: 0px;
}
/*.form-item-message label {
  font-weight: 400!important;
}*/
.webform-confirmation, .path-webform .region-content, .path-nous-joindre .region-content, .path-connect .region-content {
  margin-top: 10px;
  padding-top: 10px !important;
}
.webform-confirmation h1.page-header, .path-webform h1.page-header, .path-nous-joindre h1.page-header, .path-connect h1.page-header {
  padding: 5px 0px 5px 0;
}
.download::before {
  content: "";
}
.header {
  padding: 0;
  width: 100%;
  position: relative;
}
.language-link.is-active, HTML:lang(en) section.language-switcher-language-url li.en, HTML:lang(fr) section.language-switcher-language-url li.fr {
  display: none !important;
}
html:lang(en) nav .fra-only, html:lang(fr) nav .eng-only {
  display: none !important;
}
.view-banner-image-view {
  position: relative;
  z-index: 1020;
  /*background-color: #da7f09;*/
}
#logo {
  display: table-cell;
  margin: 0 0.625em;
  vertical-align: middle;
  padding: 5px;
  width: 1%;
}
#logo a {
  margin: 0;
}
#logo img {
  height: 110px;
  width: 94px;
  vertical-align: middle;
  border: 0;
}
#name-and-slogan {
  display: table-cell;
  width: 56%;
  vertical-align: middle;
  padding: 0px 0px 0px 0.2em;
}
#name-and-slogan #site-name {
  border: none;
  text-transform: uppercase;
  margin: 0;
}
#mobile-search-form {
  display: none;
}
ol.breadcrumb {
  background-color: #FFFFFF;
  margin: 10px 0 20px 0;
  padding: 8px 1em 8px 2em;
}
ol.breadcrumb li a {
  color: #000000;
}
.breadcrumb > .active {
  color: #000000;
}
.breadcrumb > li + li::before {
  padding: 0 5px;
  color: #000;
  content: " » ";
}
body.path-node div.content div.text-center table {
  margin: auto;
}
body.path-node div.content table.text-align-center, body.path-node div.content table.center {
  margin: auto;
}
body.path-node div.content a[href*=".rss"]:before {
  font-family: "Font Awesome 5 Free";
  content: "";
  margin-right: 3px;
  background-color: darkorange;
  color: white;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  padding: 0 2px 0 2px;
  border-radius: 2px;
  font-size: 11px;
  font-weight: 900;
  vertical-align: middle;
  margin-bottom: 2px;
}
body.path-node div.content a[href*=".jpeg"]:before, body.path-node div.content a[href*=".jpg"]:before, body.path-node div.content a[href*=".png"]:before {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: "";
  color: #000000;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-right: 3px;
  margin-left: 3px;
}
body.path-node div.content.album-photos a[href*=".jpeg"]:before, body.path-node div.content.album-photos a[href*=".jpg"]:before, body.path-node div.content.album-photos a[href*=".png"]:before {
  content: unset;
  font-weight: unset;
  font-family: unset;
  content: unset;
  color: unset;
  -webkit-font-smoothing: unset;
  display: unset;
  font-variant: unset;
  text-rendering: unset;
  line-height: unset;
  margin-right: unset;
  margin-left: unset;
}
body.path-node div.content a.no-icon:before {
  content: unset !important;
}
body.path-node div.content img.max-w {
  max-width: 100% !important;
}
/* hide pdf icon for specific article node-8495 */
.node-8495 article p a[href*=".pdf"]:before {
  content: "" !important;
}
.node-8495 article p a[href*=".pdf"]::before {
  content: "" !important;
}
a.fa-download::before {
  color: #000000;
}
a.fa-file-pdf::before {
  color: #C41010;
}
.pm-photo-links {
  margin-left: auto;
  margin-right: auto;
}
.pm-photo-links ul {
  text-align: left;
  margin-left: 20%;
  margin-right: 20%;
  width: 60%;
  font-weight: 900;
}
.pm-photo-links ul li {
  list-style-type: none !important;
  line-height: 1.6em;
}
#block-boxes-goc-search-header {
  float: right;
  margin-bottom: 0;
  margin-right: 0.5em;
  padding-top: 0.3em;
}
#search-block-form input.form-search.form-control {
  font-size: 16px;
  text-align: center;
  border: 0px;
  padding: 0;
  height: 1.75em;
  width: 12.5em;
  opacity: 0.9;
  line-height: 1.625em;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-image: url(/themes/dpm_theme/images/magnifying-glass.png);
  background-repeat: no-repeat;
  background-position: 10px;
  background-size: 16px;
  /* background-position-x: 2%; */
  /* transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; */
  background-color: #faf9f9;
}
#search-block-form input.form-search.form-control:focus {
  text-align: left;
  background-image: none;
  padding-left: 10px;
}
#search-block-form .input-group-btn {
  display: none;
}
.region-highlighted .messages__wrapper {
  margin-top: 12px;
}
.content-inner {
  max-width: 90em;
  margin: 90px auto 0 auto;
  padding-top: 0;
}
body.comms #block-dpmmenu-menu .contextual {
  display: none;
}
.view-news .sticky1 {
  border: none;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
  height: 34px;
  width: 28px;
  background: url("../images/pin1.png") no-repeat scroll 0 0;
}
/*#busy {
 position: relative;
 margin: 0 auto;
 display: none;
 text-align: center;
 width: 100%;
}*/
/* stylying the popup for supported browsers */
#validBrowser-modal .modal-title {
  text-align: center;
}
#validBrowser-modal .modal-body {
  font-size: small;
  color: black;
}
#validBrowser-modal .modal-body p {
  text-align: left;
}
#validBrowser-modal .modal-body .div-icon-text {
  width: 60%;
  margin: 0 auto;
  text-align: left;
}
#validBrowser-modal .modal-body .div-icon-text .col-md-6 {
  padding-bottom: 1.2em;
}
#validBrowser-modal .modal-body .div-icon-text .col-md-6 img {
  width: 40px;
  height: 40px;
}
#validBrowser-modal .modal-body .div-icon-text .col-md-6 span.browser-link {
  text-align: right;
  display: inline-block;
  padding-left: 1em;
}
/* temporarily removing pin until we can add back smaller pin icon on mobile */
/*#edit-subject--description, #edit-name--description,
#edit-postal-code--description, #edit-phone--description,
#edit-email--description, #edit-address--description,
#edit-city--description, #edit-province--description {
  display: none;
}*/
.description.help-block.descShown {
  display: block;
  margin-top: 0px;
}
.description.help-block.descHidden {
  display: none;
}
@media screen and (max-width: 900px) {
  .view-news .sticky1 {
    display: none;
  }
}
.exclamation-point {
  color: red;
  font-size: 4em;
  float: left;
  padding-right: 0.5em;
  margin-bottom: 40px;
}
.view-ministers .teaser {
  display: table-row;
  vertical-align: top;
  padding-right: 0;
  padding-left: 0;
}
.view-ministers .teaser .photo {
  display: table-cell;
  float: left;
  margin: 0 15px 0 0;
}
.view-ministers .teaser .caption {
  display: table-cell;
  position: relative;
  padding-right: 17px;
}
.view-ministers .minister-teaser .name {
  font-size: 1.3em;
  line-height: 1.2em;
}
.view-ministers .minister-teaser .name a {
  color: #000000;
}
.view-ministers .minister-teaser .name a:hover {
  text-decoration: none;
}
.minister-teaser .role {
  margin-top: 0.6em;
}
.minister-teaser .role a {
  color: #000000;
  text-decoration: none;
}
.view-id-banner_image_view .views-field-field-banner-image img {
  width: 100%;
}
.mandate-letters-row {
  padding: 1em;
}
.mandate-letters-row .views-field-title {
  float: left;
  padding-right: 10px;
  font-size: 1.2em;
  width: 100%;
}
.news-row, .minister-row, .mandate-letters-row {
  background-color: #FFFFFF;
  float: left;
  list-style-type: none;
  margin: 0 0 20px 0;
  width: 100%;
}
.view-id-banner_image_view .views-field-field-banner-image img {
  width: 100%;
}
.news-row, .js-minister-row, .js-mandate-letters-row {
  cursor: pointer;
}
.related-letters-title {
  padding-right: 0.5em;
}
.view-id-ministers .photo img {
  width: 120px;
  float: left;
  margin-right: 1em;
  min-height: 100px;
}
.view-id-ministers .role {
  font-size: 1em;
}
.view-id-ministers .name {
  font-size: 1.3em;
}
.view-ministers .view-content ol {
  list-style: none;
  padding-left: 1.5em;
}
.view-id-ministers .select-wrapper::after, .view-mandate-letters .select-wrapper::after {
  color: #555555;
}
.view-id-ministers .form-control:focus, .view-mandate-letters .form-control:focus {
  border-color: #555555;
}
.view-id-ministers #edit-submit-ministers, .view-id-ministers #edit-submit-mandate-letters, .view-mandate-letters #edit-submit-ministers, .view-mandate-letters #edit-submit-mandate-letters {
  background-color: #FFFFFF;
  color: #555555;
  border-color: #555555;
}
.view-id-ministers #edit-submit-ministers:focus, .view-id-ministers #edit-submit-ministers:hover, .view-id-ministers #edit-submit-mandate-letters:hover, .view-id-ministers #edit-submit-mandate-letters:focus, .view-mandate-letters #edit-submit-ministers:focus, .view-mandate-letters #edit-submit-ministers:hover, .view-mandate-letters #edit-submit-mandate-letters:hover, .view-mandate-letters #edit-submit-mandate-letters:focus {
  background-color: #EAEBED;
  color: #555555;
  border-color: #555555;
}
.view-id-ministers .view-filters, .view-mandate-letters .view-filters {
  background-color: #FFFFFF;
  margin: 10px 0 20px 20px;
  padding: 10px;
}
.view-id-ministers .form-item-sort-by, .view-id-ministers .form-item-sort-by .control-label, .view-mandate-letters .form-item-sort-by, .view-mandate-letters .form-item-sort-by .control-label {
  padding-right: 10px;
}
.view-id-ministers .form-item-sort-by select option, .view-id-ministers .form-item-sort-by option:focus, .view-id-ministers .form-item-sort-by option:hover, .view-id-ministers .form-item-sort-by option:checked, .view-id-ministers .form-item-sort-by option:selector-dropdown, .view-mandate-letters .form-item-sort-by select option, .view-mandate-letters .form-item-sort-by option:focus, .view-mandate-letters .form-item-sort-by option:hover, .view-mandate-letters .form-item-sort-by option:checked, .view-mandate-letters .form-item-sort-by option:selector-dropdown {
  background-color: #EAEBED!important;
  color: #fff;
  border-color: #555555;
}
#block-footer li.expanded.dropdown a.dropdown-toggle:focus, #block-footer li.expanded.dropdown a.is-active:focus {
  outline: thin dotted #335075;
}
.breadcrumb.pm-breadcrumb li {
  display: inline;
}
.canada-logo-wrapper h2.visually-hidden {
  bottom: 0;
}
.language-switcher-language-url .block-title {
  color: transparent !important;
}
.visually-hidden {
  left: -1000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
@media screen and (max-width: 900px) {
  .view-id-ministers .select-wrapper, .view-id-ministers .form-inline .form-control, .view-id-ministers .form-inline .form-group, .view-mandate-letters .select-wrapper, .view-mandate-letters .form-inline .form-control, .view-mandate-letters .form-inline .form-group {
    width: 100% !important;
    display: block;
    margin-bottom: 15px;
  }
  .view-id-ministers .form-item-sort-by, .view-id-ministers .form-item-sort-by .control-label, .view-mandate-letters .form-item-sort-by, .view-mandate-letters .form-item-sort-by .control-label {
    width: 100%;
    padding-right: 0px;
  }
  .view-id-ministers #edit-submit-ministers, .view-id-ministers #edit-submit-mandate-letters, .view-id-ministers #edit-actions .sort-reset, .view-mandate-letters #edit-submit-ministers, .view-mandate-letters #edit-submit-mandate-letters, .view-mandate-letters #edit-actions .sort-reset {
    width: 45%;
  }
}
.error-icon {
  color: #EA0210;
  font-size: 6em;
  float: left;
}
.social-net {
  margin-bottom: 10px;
}
.social-net img {
  float: left;
  padding-right: 10px;
  width: 200px;
}
.social-net h2 {
  padding-top: 20px;
}
.main-container, .dialog-off-canvas-main-canvas {
  padding: 0 0 8px 0;
}
.dialog-off-canvas-main-canvas {
  padding-bottom: 0px;
  border-bottom: 0px;
}
.minister-row .teaser, .mandate-letters-row .teaser {
  margin: 0;
  padding: 0;
}
.minister-row .teaser .thumb {
  display: inline-block;
  vertical-align: top;
}
.view-id-mandate_letters .teaser .photo img {
  width: 120px;
}
article.photo-gallery {
  background-color: white;
}
article.photo-gallery .content {
  padding: 0.5em 2em 1em 2em;
}
article.photo-gallery .album-photos {
  display: flex;
  flex-wrap: wrap;
}
article.photo-gallery .album-photos a {
  display: inline-block;
  padding: 5px;
  width: 25%;
}
@media screen and (max-width: 900px) {
  article.photo-gallery .album-photos a {
    width: 33%;
  }
}
@media screen and (max-width: 768px) {
  article.photo-gallery .album-photos a {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  article.photo-gallery .album-photos a {
    width: 100%;
  }
}
article.photo-gallery .album-photos img {
  height: auto;
  width: 100%;
}
article.minister .content, article.parliamentary-secretaries .content {
  padding: 0.5em 0em 1em 0em;
}
article.minister .content .field--name-field-miniister-mandate-letter, article.parliamentary-secretaries .content .field--name-field-miniister-mandate-letter {
  padding: 0.5em 2em 1em 2em;
}
article.minister .field--name-field-photo img, article.parliamentary-secretaries .field--name-field-photo img {
  float: left;
  height: auto;
  margin-right: 0.9375em;
  padding-left: 2em;
  margin-bottom: 0.5em;
  max-width: 14.375em;
}
article.minister .field--name-field-title, article.parliamentary-secretaries .field--name-field-title {
  font-weight: bold;
  font-size: 1.3em;
}
article.minister .field--name-field-date-updated, article.minister .field--name-field-location, article.parliamentary-secretaries .field--name-field-date-updated, article.parliamentary-secretaries .field--name-field-location {
  padding-top: 1em;
}
article.minister .field--name-field-assignment, article.parliamentary-secretaries .field--name-field-assignment {
  font-weight: bold;
}
article.minister .field--name-field-miniister-mandate-letter, article.parliamentary-secretaries .field--name-field-miniister-mandate-letter {
  margin: 0.25em 0;
  font-weight: bold;
}
.form-item-sort-order .control-label {
  display: none;
}
.minister-expanded {
  background-color: #FFFFFF;
  padding: 1.5em 1em 2em 0.2em;
}
.minister-expanded .name h2 {
  font-size: 1.3em;
  margin-top: 0;
}
.minister-expanded .assignment {
  font-weight: bold;
  padding-bottom: 1em;
}
.minister-expanded .assignment, .minister-expanded .location {
  padding-bottom: 0.5em;
}
.minister-expanded .photo {
  display: table-cell;
  float: left;
  margin: 0 15px 0 0;
}
div.js-ministers-teaser.teaser, div.js-mandate-letters-teaser.teaser {
  padding: 0;
  width: 100%;
}
.minister-teaser, .mandate-letters-teaser {
  display: inline-block;
  /*margin: 0 20px;*/
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}
.mandate-letter-coa img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 30px;
}
.mandate-letters-teaser {
  display: inline-block;
  margin: 0 140px;
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
}
.mandate-letters-teaser .name {
  font-size: 1.2em;
}
.mandate-letters-teaser .role {
  font-size: 1em;
}
.mandate-letters-teaser .prev {
  font-size: 0.9em;
}
.view-id-mandate_letters_previous .link {
  cursor: pointer;
  color: black;
}
.view-id-mandate_letters_previous .view-content {
  display: none;
}
.view-id-mandate_letters_previous .item-list ul li {
  list-style: none;
}
.view-id-mandate_letters .prev .view-header::after {
  content: "";
  font-family: "Glyphicons Halflings";
  font-size: 0.8em;
  margin-left: 2px;
  position: relative;
  top: 1px;
  color: #555555;
}
.news-teaser .category {
  color: #555555;
}
/****** Start Webform styling ******/
#unsubscribe_button {
  float: left;
  margin-right: 10px;
}
.form-required::after {
  margin-left: 5px;
}
fieldset[id^="edit-certificate-language"] {
  width: 100%;
}
/****** End Webform styling ******/
/****** Start Footer styling ******/
.shareblock #social-media {
  font-size: 1.6em;
  /*text-align: right;
  padding: 0 10px 0 10px;
  /*margin-top: -36px;*/
  /*margin-right: 0;*/
  margin: 0;
  padding: 0;
}
.shareblock #social-media .share-page-div {
  float: right;
}
.shareblock #social-media .share-page-div .pmshare-share {
  color: #555555;
}
.shareblock #social-media .share-page-div .pmshare-share:focus, .shareblock #social-media .share-page-div .pmshare-share:hover {
  color: #000000;
  text-decoration: none;
}
.ham-lang {
  background-color: transparent;
  width: 100%;
  position: absolute;
}
#block-mainnavigation {
  display: none;
}
.region-sidebar-second {
  padding-top: 10px;
}
a.pmTwitter-link {
  display: block;
}
a.pmTwitter-link, a.pmTwitter-link:hover {
  color: #333333;
  text-decoration: none;
}
a.pmTwitter-link:focus {
  border: 1px dotted black;
}
.pmTwitter-imageContainer {
  overflow: auto;
  width: 100%;
  display: block;
  background-color: white;
  position: relative;
  min-height: 70px;
  height: 70px;
}
.pmTwitter-imageContainer .tw-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.pmTwitter-imageContainer .tw-logo {
  position: absolute;
  width: 20%;
  height: 100%;
  left: 0px;
  top: 0px;
  vertical-align: middle;
  display: inline-block;
}
.pmTwitter-imageContainer .tw-logo img {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.pmTwitter-imageContainer .tw-text {
  width: 80%;
  min-height: 66px;
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 0px;
  position: absolute;
  height: 100%;
  right: 0px;
  top: 0px;
  vertical-align: middle;
  display: table;
}
.pmTwitter-imageContainer .tw-text .tw-text-inner {
  height: 100%;
  vertical-align: middle;
  line-height: 20px;
  display: table-cell;
}
.pmTwitter-imageContainer .tw-text .tw-text-inner .tw-upper {
  font-weight: bold;
  font-size: 1.2em;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0.05px;
}
.pmTwitter-imageContainer .tw-text .tw-text-inner .tw-follow {
  color: #333;
  font-size: 0.9em;
}
.pmTwitter-imageContainer .tw-text .tw-text-inner .tw-account {
  text-decoration: underline;
  color: #2b7bb9;
  font-weight: bold;
  font-size: 0.9em;
}
/****** ------ Start Media Queries Styling for Twitter Header ----- *****/
@media screen and (max-width: 1250px) {
  .tw-text-inner {
    line-height: 17px !important;
  }
  .tw-text-inner .tw-upper {
    font-size: 1em !important;
  }
}
@media screen and (min-width: 976px) and (max-width: 1095px) {
  .tw-text .tw-text-inner {
    line-height: 15px !important;
  }
  .tw-text .tw-text-inner .tw-upper {
    font-size: 0.8em !important;
  }
  .tw-text .tw-text-inner .tw-follow, .tw-text .tw-text-inner .tw-account {
    font-size: 0.7em !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 975px) {
  .tw-text .tw-text-inner {
    line-height: 13px !important;
  }
  .tw-text .tw-text-inner .tw-upper {
    font-size: 0.6em !important;
  }
  .tw-text .tw-text-inner .tw-follow, .tw-text .tw-text-inner .tw-account {
    font-size: 0.6em !important;
  }
}
@media screen and (max-width: 768px) {
  .pmTwitter-link {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }
  .pmTwitter-link .tw-text {
    text-align: left !important;
  }
  .pmTwitter-link .tw-text .tw-text-inner {
    line-height: 20px !important;
  }
}
/****** ------ End Media Queries Styling for  Twitter Header  ----- *****/
.pm-connect a {
  font-size: 1.3em;
  font-weight: 700;
  color: black;
}
.pm-connect a:hover {
  text-decoration: none;
  color: black;
}
.pm-connect img {
  margin-bottom: 0.8em;
}
.pm-connect .form-group.row-md-12 {
  padding-top: 1.5em;
}
.full-article.loaded {
  display: block;
}
.full-article.loaded .view-news-article .x-close-article, .full-article.loaded .view-minister-article .x-close-article {
  background: url("../images/close.gif") left no-repeat;
  border: none;
  float: right;
  cursor: pointer;
  margin: 0 1.2em 0 0;
  height: 34px;
  width: 28px;
  position: absolute;
  margin-left: 95%;
  margin-top: -45px;
}
.full-article.loaded .view-news-article .x-close-article:hover, .full-article.loaded .view-news-article .x-close-article:focus, .full-article.loaded .view-minister-article .x-close-article:hover, .full-article.loaded .view-minister-article .x-close-article:focus {
  border: 1px dotted #4CAF50;
}
.pmshare-div {
  background-color: #FFFFFF;
}
.pmshare-div .list-inline {
  margin: 0;
}
.pmshare-block {
  padding-left: 0.5em;
}
.pmshare-div .pmshare-link {
  cursor: pointer;
  display: inline-block;
  height: 30px;
  width: 30px;
  margin: 6px 3px;
}
.pmshare-div .pmshare-link.facebook {
  background: url("../images/social/icon-facebook.png");
  background-repeat: no-repeat;
}
.pmshare-div .pmshare-link.facebook:focus, .pmshare-div .pmshare-link.facebook:hover {
  background: url("../images/social/icon-facebook-inv.png");
  background-repeat: no-repeat;
}
.pmshare-div .pmshare-link.twitter {
  background: url("../images/social/icon-twitter.png");
  background-repeat: no-repeat;
}
.pmshare-div .pmshare-link.twitter:focus, .pmshare-div .pmshare-link.twitter:hover {
  background: url("../images/social/icon-twitter-inv.png");
  background-repeat: no-repeat;
}
.pmshare-div .pmshare-link.linkedin {
  background: url("../images/social/icon-linkedin.png");
  background-repeat: no-repeat;
}
.pmshare-div .pmshare-link.linkedin:focus, .pmshare-div .pmshare-link.linkedin:hover {
  background: url("../images/social/icon-linkedin-inv.png");
  background-repeat: no-repeat;
}
.pmshare-div .pmshare-link.email {
  background-image: url("../images/social/icon-email.png");
  background-repeat: no-repeat;
}
.pmshare-div .pmshare-link.email:focus, .pmshare-div .pmshare-link.email:hover {
  background: url("../images/social/icon-email-inv.png");
  background-repeat: no-repeat;
}
.pmshare-div .pmshare-link.link {
  background-image: url("../images/social/icon-link.png");
  background-repeat: no-repeat;
}
.pmshare-div .pmshare-link.link:focus, .pmshare-div .pmshare-link.link:hover {
  background: url("../images/social/icon-link-inv.png");
  background-repeat: no-repeat;
}
.pm-photo .viewer .pmshare-div {
  background-color: #222;
}
.full-article-icons-bar {
  padding: 0;
}
.full-article-icons-bar .content-news-article {
  padding-top: 0.5em;
}
#pmshare-modal, #pmlinks-modal {
  z-index: 10700;
}
#pmshare-modal .close, #pmlinks-modal .close {
  font-size: 1.3em;
}
#pmshare-modal .close:focus, #pmlinks-modal .close:focus {
  border: 1px dotted #000;
}
#pmshare-modal .modal-header, #pmlinks-modal .modal-header {
  text-align: left;
}
#pmshare-modal .modal-title, #pmlinks-modal .modal-title {
  font-size: 0.85em;
  font-weight: bold;
  color: #000000;
}
#pmshare-modal ul, #pmlinks-modal ul {
  margin-bottom: 0;
}
#pmshare-modal h4, #pmshare-modal h2, #pmlinks-modal h4, #pmlinks-modal h2 {
  font-size: 0.85em;
  font-weight: bold;
  color: #000000;
}
#pmshare-modal .pmshare-link, #pmlinks-modal .pmshare-link {
  border-style: outset;
  border: 1px solid #dcdee1;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  line-height: 32px;
  margin-bottom: 8px;
  min-height: 32px;
  padding: 6px 12px;
  text-align: left;
  width: 100%;
  background-color: #EAEBED;
  color: #335075;
}
#pmshare-modal .pmshare-link:hover, #pmlinks-modal .pmshare-link:hover {
  background-color: #CFCFCF;
}
#pmshare-modal .pmshare-link::before, #pmlinks-modal .pmshare-link::before {
  background: rgba(0, 0, 0, 0) url("../images/sprites-share.png") no-repeat scroll 0 0;
  content: " ";
  display: inline-block;
  height: 32px;
  margin-right: 0.6em;
  vertical-align: middle;
  width: 32px;
}
#pmshare-modal .pmshare-link.email::before, #pmlinks-modal .pmshare-link.email::before {
  background: none;
  content: "✉";
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-size: 32px;
  margin-right: 0.6em;
}
#pmshare-modal .pmshare-link.twitter::before, #pmlinks-modal .pmshare-link.twitter::before {
  background-position: 0 -480px;
}
#pmshare-modal .pmshare-link.linkedin::before, #pmlinks-modal .pmshare-link.linkedin::before {
  background-position: 0 -288px;
}
#pmshare-modal .pmshare-link.facebook::before, #pmlinks-modal .pmshare-link.facebook::before {
  background-position: 0 -160px;
}
#pmlinks-modal li {
  margin-bottom: 15px;
  text-align: left;
  word-break: break-all;
}
#pmlinks-modal a:visited {
  color: #2d7bbd;
}
#pmlinks-modal span.link {
  text-decoration: none;
  color: #2d7bbd;
}
#pmlinks-modal span.link:hover {
  text-decoration: underline !important;
  cursor: pointer;
  color: #23527C;
}
.js-news-teaser .path-url, .js-minister-teaser .path-url {
  display: none;
}
/****** Start column xs 2 ******/
.colcount-xs-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
#pm-debug {
  position: fixed;
  top: 40px;
  right: 20px;
  height: auto;
  width: 260px;
  padding: 6px;
  background-color: #050;
  color: #0f0;
  border: 1px solid #0f0;
  font-size: 12px;
  z-index: 11000;
}
#pm-debug p {
  margin-bottom: 2px;
}
.news-article-body-fields {
  padding: 0 1% 0 1%;
}
.field-content.Itineraries-news-article-date, .field-content.mandate-letter-date {
  float: left;
  color: #595959;
  padding: 5px 15px 10px 35px;
  font-size: 0.8em;
}
.article.full .content, .views-field.views-field-body {
  padding-top: 10px;
}
.row.content-inner section .region-content {
  padding-top: 2px;
}
aside .twitter-canada-live {
  padding-top: 12px;
}
.region-navigation-collapsible span.caret {
  display: none;
}
.region-navigation-collapsible li.expanded.dropdown ul.dropdown-menu {
  border: none;
  box-shadow: none;
  margin: 0 0.5em;
  padding: 0 0.5em;
}
.region-navigation-collapsible ul.menu.menu--main.nav.navbar-nav > li.expanded.dropdown.active:nth-of-type(1) > ul.dropdown-menu, .region-navigation-collapsible ul.menu.menu--mobile-menu-fr.nav > li.expanded.dropdown.active:nth-of-type(1) > ul.dropdown-menu {
  padding: 0px;
  display: inline-block;
}
.region-navigation-collapsible ul.menu.menu--main.nav.navbar-nav > li.expanded.dropdown.active:nth-of-type(1) > ul.dropdown-menu > li, .region-navigation-collapsible ul.menu.menu--mobile-menu-fr.nav > li.expanded.dropdown.active:nth-of-type(1) > ul.dropdown-menu > li {
  display: inline-block;
  width: auto;
  list-style: outside none none;
}
.region-navigation-collapsible ul.menu.menu--main.nav.navbar-nav > li.expanded.dropdown.active:nth-of-type(1) > ul.dropdown-menu > li:focus, .region-navigation-collapsible ul.menu.menu--mobile-menu-fr.nav > li.expanded.dropdown.active:nth-of-type(1) > ul.dropdown-menu > li:focus {
  outline: thin dotted;
}
.navbar-collapse ul.menu.menu--main.nav.navbar-nav a.dropdown-toggle.active:focus, .navbar-collapse ul.menu.menu--main.nav.navbar-nav a:focus, .navbar-collapse ul.menu.menu--mobile-menu-fr.nav a.dropdown-toggle.active:focus, .navbar-collapse ul.menu.menu--mobile-menu-fr.nav a:focus, .navbar-collapse ul.menu.menu--main.nav.navbar-nav ul.dropdown-menu .navbar-collapse ul.menu.menu--mobile-menu-fr.nav ul.dropdown-menu a.dropdown-toggle.active:focus, .navbar-collapse ul.menu.menu--main.nav.navbar-nav ul.dropdown-menu .navbar-collapse ul.menu.menu--mobile-menu-fr.nav ul.dropdown-menu a:focus {
  outline: thin dotted;
}
.region-navigation-collapse ul li.expanded.dropdown.active ul.dropdown.menu li a.is-active {
  border-bottom: 1px solid #EA0210;
}
.twitter-canada-live {
  margin: 0;
  padding: 0;
}
iframe.twitter-timeline {
  -webkit-transition: height 0.3s !important;
  transition: height 0.3s !important;
}
.teaser.crop1 {
  overflow: hidden;
  height: 150px;
}
.teaser.crop1 .thumb img {
  margin-top: -30px;
}
.teaser.crop2 {
  overflow: hidden;
  height: 180px;
}
.teaser.crop2 .thumb img {
  margin-top: -15px;
}
.affix2 {
  position: fixed;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .pm-photo-links ul {
    margin-left: 0%;
    margin-right: 0%;
    width: 100%;
  }
  .view-news .js-news-teaser .thumb {
    width: 180px;
  }
  #header #name-and-slogan h1 {
    font-size: 1.2em;
    line-height: 1.1em;
  }
  #site-slogan {
    display: block;
    clear: both;
  }
}
@media screen and (min-width: 768px) {
  #header h1 {
    color: white !important;
  }
  body.path-frontpage li.expanded.dropdown.open > ul.dropdown-menu, body.path-videos li.expanded.dropdown.open > ul.dropdown-menu, body.path-cabinet li.expanded.dropdown.open > ul.dropdown-menu, body.page-node-type-article li.expanded.dropdown.open > ul.dropdown-menu, body.page-node-type-page li.expanded.dropdown.open > ul.dropdown-menu {
    display: none;
  }
}
.affix2 {
  position: fixed;
}
@media screen and (max-width: 767px) {
  /****** ------ Start Styling the Header for mobile -------******/
  /**** ----Hide the region of menu in mobile device ----  ***/
  #header {
    height: auto;
  }
  #block-views-block-banner-image-view-block-1 {
    display: none;
    z-index: 0;
  }
  .region.region-navigation {
    display: none;
  }
  #block-searchform div.contextual, .mobile-lang-switcher .contextual {
    display: none;
  }
  #block-languageswitcher-1, #block-languageswitcher-2, #block-languageswitcher-mobile {
    display: block;
    padding-top: 1px;
  }
  #block-languageswitcher-1 ul.links li, #block-languageswitcher-2 ul.links li, #block-languageswitcher-mobile ul.links li {
    text-align: right;
    text-transform: none;
    padding-right: 15px;
    margin-top: 0px;
    padding-top: 0px;
    list-style: none;
  }
  #block-languageswitcher-1 ul.links li a, #block-languageswitcher-2 ul.links li a, #block-languageswitcher-mobile ul.links li a {
    display: inline-block;
    color: white;
    font-size: 1.3em;
  }
  #block-languageswitcher-1 ul.links li a:focus, #block-languageswitcher-2 ul.links li a:focus, #block-languageswitcher-mobile ul.links li a:focus {
    outline: thin dotted;
  }
  #mobile-search-form {
    width: 70%;
    margin: 1em 0 0.25em 1.25em;
    border: 0;
    border-radius: 0;
  }
  #mobile-search-form .input-group-btn {
    display: none;
  }
  #mobile-search-form input.form-search.form-control {
    border-radius: 0;
    border: none;
  }
  .region.region-sidebar-second {
    text-align: center;
  }
  .region.region-sidebar-second .pmTwitter-canadaLive, .region.region-sidebar-second .pmTwitter-listBy {
    text-align: left;
  }
  .pm-connect .col-md-4.col-sm-4.col-xs-12.text-center {
    padding-top: 15px;
  }
  article.minister .field--name-field-assignment, article.minister .field--name-field-location, article.parliamentary-secretaries .field--name-field-assignment, article.parliamentary-secretaries .field--name-field-location {
    padding-right: 2em;
    padding-left: 2em;
  }
  article.minister .field--name-field-photo img, article.parliamentary-secretaries .field--name-field-photo img {
    max-width: 9.7em;
  }
  .page-node-type-video .collapse-inner.row {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 835px) {
  .col-sm-9, .col-xs-12 col-sm-3.col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 900px) {
  #ui-datepicker-div {
    width: 25%;
    z-index: 1000 !important;
  }
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: auto;
}
@media screen and (max-width: 480px) {
  .view-id-ministers, .view-filters {
    margin: 0;
    padding: 0;
  }
  .view-id-ministers ul, .view-filters ul {
    padding-left: 0;
  }
  .view-ministers .view-filters.form-group, .view-mandate-letters .view-filters.form-group {
    margin-left: 0px;
  }
  .view-mandate-letters .view-content .item-list ul, .pm-news .view-news .view-content .item-list ul {
    padding-left: 0;
  }
  .view-display-id-cabinet_inline .caption, .view-display-id-secretaries_inline .caption {
    max-width: 50% !important;
  }
  li.minister-row, li.news-row {
    font-size: 0.8em;
  }
  .news-teaser .title {
    font-size: 1.2em;
    line-height: 1.2em;
    padding-top: 0.21em;
  }
}
@media screen and (max-width: 420px) {
  .col-sm-9, aside.col-xs-12 {
    padding-left: 0;
    padding-right: 0;
  }
  .view-ministers .minister-teaser {
    margin: 0;
  }
  .view-ministers .minister-teaser .name {
    font-size: 1.04em;
    font-weight: 600;
  }
  #toolbar-administration {
    display: none;
  }
  #pmshare-modal .pmshare-link, #pmlinks-modal .pmshare-link {
    font-size: 0.73em;
  }
  .colcount-xs-2 {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    column-count: 1 !important;
  }
}
@media screen and (max-width: 540px) {
  .pm-news .view-news .thumb {
    width: 30% !important;
  }
  .pm-news .view-news .teaser .news-teaser {
    margin: 0 17px 0 12px;
  }
  .shareblock #social-media {
    font-size: 50px;
    /*margin-top: -74px;*/
    margin-right: 0;
  }
  h1, h1.page-header, h1.title.default, .news-article-body-fields h1.field-content {
    padding-right: 54px;
  }
}
/**** WCAG Compliance ***/
/**** Webforms ***/
body {
  line-height: 1.5 !important;
}
blockquote .small {
  line-height: 1.5 !important;
}
.h6 {
  line-height: 1.5 !important;
}
form .error {
  border-width: 3px;
}
/* setting skip-to-content link to absolute so it doesnt affect the affix scrolling */
a.skip-link:focus {
  position: absolute !important;
  top: 0px;
  width: 100% !important;
  text-align: center;
  background-color: white !important;
  z-index: 10000;
}
/* WCAG text-zoom, make sure select boxes are legible */
.view-mandate-letters .view-filters select, .view-ministers .view-filters select {
  height: 100%;
}
/* WCAG text-zoom, desktop only: ensure menu never take up more than 85px height */
/**** End WCAG Compliance ***/
/**** Workbench Moderation tweaks ****/
article form.workbench-moderation-entity-moderation-form {
  width: 100%;
}
/**** END Workbench Moderation tweaks ****/
@font-face {
  font-family: "Bitter";
  src: url("/themes/dpm_theme/fonts/Bitter-Regular.ttf");
}
@font-face {
  font-family: "Bitter Bold";
  src: url("/themes/dpm_theme/fonts/Bitter-Bold.ttf");
}
@font-face {
  font-family: "Bitter Italic";
  src: url("/themes/dpm_theme/fonts/Bitter-Italic.ttf");
}
@font-face {
  font-family: "Lato";
  src: url("/themes/dpm_theme/fonts/Lato-Regular.ttf");
}
@font-face {
  font-family: "Open Sans";
  src: url("/themes/dpm_theme/fonts/OpenSans-Regular.ttf");
}
@font-face {
  font-family: "Open Sans Bold";
  src: url("/themes/dpm_theme/fonts/OpenSans-Bold.ttf");
}
@font-face {
  font-family: "Open Sans Bold Italic";
  src: url("/themes/dpm_theme/fonts/OpenSans-BoldItalic.ttf");
}
@font-face {
  font-family: "Open Sans Extra Bold";
  src: url("/themes/dpm_theme/fonts/OpenSans-ExtraBold.ttf");
}
@font-face {
  font-family: "Open Sans Extra Bold Italic";
  src: url("/themes/dpm_theme/fonts/OpenSans-ExtraBoldItalic.ttf");
}
@font-face {
  font-family: "Open Sans Italic";
  src: url("/themes/dpm_theme/fonts/OpenSans-Italic.ttf");
}
@font-face {
  font-family: "Open Sans Light";
  src: url("/themes/dpm_theme/fonts/OpenSans-Light.ttf");
}
@font-face {
  font-family: "Open Sans Light Italic";
  src: url("/themes/dpm_theme/fonts/OpenSans-LightItalic.ttf");
}
@font-face {
  font-family: "Open Sans Semi Bold";
  src: url("/themes/dpm_theme/fonts/OpenSans-SemiBold.ttf");
}
@font-face {
  font-family: "Open Sans Semi Bold Italic";
  src: url("/themes/dpm_theme/fonts/OpenSans-SemiBoldItalic.ttf");
}
body.page-node-type-book article.book {
  margin-top: 20px;
}
body.page-node-type-book article.book a {
  color: #067f97;
}
body.page-node-type-book .book-nav-content h2 {
  display: none;
}
body.page-node-type-book .book-nav-content hr {
  margin-bottom: 5px;
}
body.page-node-type-book .book-nav-content ul.book-parent-item {
  display: none;
}
body.page-node-type-book .book-nav-content .book-pager {
  list-style-type: none;
}
body.page-node-type-book .book-nav-heading h2 {
  border-bottom: 2px solid #700f1e;
}
body.page-node-type-book .book-nav-heading .book-parent-item > li:not(.active) {
  display: none;
}
body.page-node-type-book .book-nav-heading .book-parent-item li {
  display: list-item;
  list-style-type: none;
}
body.page-node-type-book .book-nav-heading .book-parent-item a.active-trail {
  position: relative;
  display: inline-block;
  background-color: #dcdcdc;
  color: #4e4e4e;
  padding: 5px;
  text-decoration: none;
}
body.page-node-type-book .book-nav-heading .book-parent-item a.active-trail::after {
  position: absolute;
  top: 50%;
  right: 100%;
  content: "";
  width: 0;
  height: 0;
  pointer-events: none;
  border-width: 0.7em;
  margin-top: -0.7em;
  border-left: 10px solid transparent;
  border-right: 10px solid #dcdcdc;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
}
.content-inner {
  margin-top: 0px;
}
.content-inner p[id]::before {
  display: block;
  content: " ";
  margin-top: -80px;
  height: 80px;
}
.content-inner .webform-submission-form a {
  color: #067F97;
  text-decoration: underline;
}
.content-inner .webform-submission-form a:focus {
  outline: 2px solid black;
  outline-offset: 1px;
}
.content-inner .webform-submission-form p.mandatory {
  font-size: 16px;
}
.content-inner .webform-submission-form button:focus {
  outline: 2px solid black;
}
.content-inner .webform-submission-form .input-group-addon .description {
  white-space: normal;
  line-height: 1.3 !important;
}
.content-inner a.pdf-right[href*=".pdf"]:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "";
  color: #C41010;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-right: 3px;
  margin-left: 3px;
}
.content-inner a.pdf-left[href*=".pdf"]:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "";
  color: #C41010;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  margin-right: 3px;
  margin-left: 3px;
}
h1 {
  font-size: 1.6em;
  font-family: "Lato";
  font-weight: 700 !important;
}
h2 {
  font-size: 1.3em;
  font-weight: 700;
  font-family: "Lato";
  margin: 1.5em 0 0.75em 0;
}
h3 {
  font-size: 1.2em;
  font-family: "Lato";
  font-weight: 700;
}
h4 {
  font-size: 1.1em;
  font-family: "Lato";
  font-weight: 700;
}
p#description-error:before {
  display: inline-block !important;
}
.webform-confirmation .webform-confirmation__message h2 {
  margin-top: 0 !important;
}
#search-block-form--2 .help-block {
  display: none;
}
#search-block-form--2 button[type=submit]:focus, #search-block-form--2 button[type=submit]:hover {
  outline: 2px solid #F39BA0;
  background-color: #1b243a;
  color: white;
}
@media screen and (max-width: 767px) {
  .content-inner aside {
    display: none;
  }
  body.path-webform .content-inner {
    margin-top: 80px;
  }
  body.path-connect .content-inner {
    margin-top: 80px;
  }
}
@media screen and (max-width: 420px) {
  .content-inner h1.page-header {
    font-size: 1.4em;
  }
}
/* front-end needs more marginns fro the first nested list #162 */
article.full-article li ul, article.full-article li ol {
  margin-left: 20px !important;
}
/*article.full-article ul.list-unstyled li ul, article.full-article ul.list-unstyled li ol,
body.mandate_letter article ul.list-unstyled li ul, body.mandate_letter article ul.list-unstyled li ol {
  margin-left: 0 !important;
}*/
.content-inner .form-required:after {
  display: inline-block;
  background-image: none !important;
  content: "*" !important;
  color: #d3080c !important;
  font-size: 0.875rem;
  line-height: 1;
  vertical-align: text-top !important;
  margin-right: 0.15em;
  margin-left: 0.15em;
}
.mandatory-star {
  color: #d3080c !important;
  font-size: 1.4em;
  line-height: 1;
  vertical-align: text-top !important;
}
.edit-province label:after, .edit-postal-code label:after, .categories-checkboxes legend span:after, #edit-language--wrapper-legend span:after {
  margin-right: -0.85em !important;
}
.select-wrapper:after {
  z-index: auto;
}
.select-wrapper select {
  line-height: 1.2;
}
/* Indent stuff as necessary per # */
p.Indent1, ul.Indent1, ul:has(li > p.Indent1), ol.Indent1, ol:has(li > p.Indent1) {
  margin-left: 2em;
}
li > p.Indent1, ol > p.Indent1 {
  margin-left: 0em !important;
  display: inline;
}
p.Indent2, ul.Indent2, ul:has(li > p.Indent2), ol.Indent2, ol:has(li > p.Indent2) {
  margin-left: 4em;
}
li > p.Indent2, ol > p.Indent2 {
  margin-left: 0em !important;
  display: inline;
}
p.indent3, ul.indent3, ul:has(li > p.Indent3), ol.indent3, ol:has(li > p.Indent3) {
  margin-left: 6em;
}
li > p.Indent3 {
  margin-left: 0em !important;
  display: inline;
}
p.indent4, ul.indent4, ul:has(li > p.Indent4), ol.indent4, ol:has(li > p.Indent4) {
  margin-left: 8em;
}
li > p.Indent4, ol > p.Indent4 {
  margin-left: 0em !important;
  display: inline;
}
p.indent5, ul.indent5, ul:has(li > p.Indent5), ol.indent5, ol:has(li > p.Indent5) {
  margin-left: 10em;
}
li > p.Indent5, ol > p.Indent5 {
  margin-left: 0em !important;
  display: inline;
}
p.indent6, ul.indent6, ul:has(li > p.Indent6), ol.indent6, ol:has(li > p.Indent6) {
  margin-left: 12em;
}
li > p.Indent6, ol > p.Indent6 {
  margin-left: 0em !important;
  display: inline;
}
p.indent7, ul.indent7, ul:has(li > p.Indent7), ol.indent7, ol:has(li > p.Indent7) {
  margin-left: 14em;
}
li > p.Indent7, ol > p.Indent7 {
  margin-left: 0em !important;
  display: inline;
}
p.indent8, ul.indent8, ul:has(li > p.Indent8), ol.indent8, ol:has(li > p.Indent8) {
  margin-left: 16em;
}
li > p.Indent8, ol > p.Indent8 {
  margin-left: 0em !important;
  display: inline;
}
p.indent9, ul.indent9, ul:has(li > p.Indent9), ol.indent9, ol:has(li > p.Indent9) {
  margin-left: 18em;
}
li > p.Indent9, ol > p.Indent9 {
  margin-left: 0em !important;
  display: inline;
}
p.indent10, ul.indent10, ul:has(li > p.Indent10), ol.indent10, ol:has(li > p.Indent10) {
  margin-left: 20em;
}
li > p.Indent10, ol > p.Indent10 {
  margin-left: 0em !important;
  display: inline;
}
@media screen and (max-width: 479px) {
  div.content .field-name-body, div.content .field--name-body {
    padding: 0.5em 2em 1em 2em;
  }
}
/* The following deals with form errors */
.alert-danger {
  color: #8C3836 !important;
  border: none !important;
  margin-top: 0 !important;
}
.form-item--error-message {
  width: fit-content !important;
}
.path-webform .select-wrapper select {
  line-height: normal !important;
}
.item-list__comma-list {
  margin: 0;
  padding: 0;
}
.item-list__comma-list li::after {
  content: "";
}
.messages__wrapper .alert-dismissible ul li a {
  text-decoration: underline !important;
}
/* End of css dealing with form errors */
/********************************************************************************
*
*  In desktop mode, there are 3 components in the header (.main-header):
*  - branding
*  - navbar
*  - search and language
*
*  Let's try to squeeze all internal components into these constraints.
*
*********************************************************************************/
.main-header {
  background-color: #1b243a;
  color: #d0d5dc;
  display: table-row;
  position: fixed;
  min-height: 80px;
  width: 100%;
  z-index: 501;
}
.main-header .branding {
  display: table-cell;
  padding: 10px 0 0 20px;
  vertical-align: top;
  white-space: nowrap;
}
.main-header .branding img {
  margin: 0px 10px 20px 0;
  width: 85px;
  vertical-align: middle;
}
.main-header .branding .home-link {
  color: #d0d5dc !important;
  display: inline;
  padding-top: 10px;
  text-decoration: none !important;
}
.main-header .slogan {
  display: inline-block;
  font-size: 0.8em;
  padding-left: 10px;
  border-left: 1px solid #d0d5dc;
  margin: 16px 16px 16px 0;
}
.main-header .slogan a:focus {
  outline: 1px solid white;
  padding: 2px 2px 2px 0px;
}
.main-header nav {
  display: table-cell;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}
.main-header nav .nav > li > a {
  padding: 10px 10px;
}
.main-header nav .nav > li > a:focus {
  outline: 1px solid white;
}
.main-header nav .navbar-header {
  display: inline-block;
  float: none;
  margin: 0;
  padding-top: 20px;
}
.main-header nav .navbar-header .region.region-navigation {
  margin-bottom: -7px;
}
.main-header nav li.dropdown span {
  cursor: pointer;
}
.main-header nav li.expanded.dropdown:not(.open) a.dropdown-toggle:focus {
  outline: 1px solid white;
}
.main-header nav li.expanded.dropdown.open a.dropdown-toggle:focus {
  outline: 2px solid black;
}
.main-header .mobile-branding {
  display: none;
  font-size: 0.7em;
  margin: 0 0 10px 30px;
  vertical-align: bottom;
}
.main-header .mobile-branding a {
  color: white;
  text-decoration: none;
}
.main-header .slogan a:focus {
  outline-offset: 2px;
}
/*
  Please ensure to keep max-width media queries in decreasing order by size
*/
@media screen and (max-width: 1114px) {
  .main-header .branding {
    padding-left: 15px;
  }
}
@media screen and (max-width: 953px) {
  .main-header .branding img {
    margin-right: 5px;
  }
  .main-header .slogan {
    padding-left: 5px;
    margin-right: 5px;
    width: 200px;
    white-space: normal;
  }
  html:lang(fr) .main-header .branding {
    padding-left: 5px;
  }
  html:lang(fr) .main-header .branding .slogan {
    width: 190px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 798px) {
  .main-header .branding {
    padding-left: 10px;
  }
  .main-header .branding .home-link img {
    width: 80px;
  }
  .main-header .branding .slogan {
    font-size: 0.7em;
    width: 180px;
    margin-right: 2px;
  }
  html:lang(fr) .main-header .branding {
    padding-left: 5px;
  }
  html:lang(fr) .main-header .branding .slogan {
    width: 190px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .main-header nav li.expanded.dropdown.open a.dropdown-toggle:focus {
    outline: 1px solid white !important;
  }
}
@media screen and (max-width: 775px) {
  .main-header .branding .slogan {
    width: 180px;
  }
  html:lang(fr) .main-header .branding {
    padding-left: 5px;
  }
  html:lang(fr) .main-header .branding .slogan {
    width: 190px;
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) {
  .main-header .branding {
    display: none;
  }
  .main-header .mobile-branding {
    display: inline-block;
    font-size: 0.8em;
  }
  .main-header nav {
    text-align: left;
  }
  .main-header nav .navbar-header {
    width: 100%;
  }
}
ul.menu--footer {
  display: inline-block;
  font-family: "Open Sans Light";
  text-align: center;
}
ul.menu--footer.nav li {
  display: inline-block;
  text-align: center;
  font-size: 1.5em;
}
ul.menu--footer.nav a {
  display: inline-block;
}
ul.menu--footer.nav a:focus {
  outline: 1px solid white;
}
ul.menu--footer.nav li > a.is-active {
  color: #e7ebf0;
  font-weight: bold;
}
html:lang(fr) ul.menu--footer > li.last a {
  white-space: nowrap !important;
  overflow-y: visible;
}
#block-boxes-social-media-footer-title {
  color: white;
  padding-top: 5px;
  width: 100%;
}
#block-boxes-social-media-footer {
  list-style-type: none;
  display: inline-block;
  padding: 0;
  margin: 10px 0;
  width: 100%;
}
#block-boxes-social-media-footer li {
  display: inline-block;
  list-style: outside none none;
  margin: 0 20px;
}
#block-boxes-social-media-footer li a {
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
  display: block;
  background-repeat: no-repeat;
}
#block-boxes-social-media-footer li a:hover, #block-boxes-social-media-footer li a:focus {
  color: #A4BCBC;
  text-decoration: none;
  outline-offset: 1px;
}
#block-boxes-social-media-footer li a.twitter-x {
  background-image: url("../images/social/xsmall.svg");
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
}
@media screen and (max-width: 767px) {
  #block-boxes-social-media-footer li a.twitter-x {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
  }
}
#block-boxes-social-media-footer li a.youtube-icon {
  background-image: url("../images/social/white-youtube.png");
}
#block-boxes-social-media-footer li a.share-icon {
  cursor: pointer;
  background-image: url("../images/social/white-share.png");
  background-size: 16px 16px;
  height: 16px;
  width: 16px;
}
#block-boxes-social-media-footer .fa-youtube, #block-boxes-social-media-footer .fa-rss, #block-boxes-social-media-footer .fa-envelope, #block-boxes-social-media-footer .fa-share-alt {
  color: white;
}
#block-boxes-social-media-footer .canada-logo-wrapper img {
  max-width: 100%;
  height: auto;
}
.canada-logo-wrapper a {
  height: 20px;
}
.canada-logo-wrapper a:focus {
  outline: 1px solid white !important;
}
.footer-container {
  margin-top: 50px;
}
.footer-container .title-bar {
  display: inline-block;
  position: relative;
  bottom: 20px;
  font-weight: normal;
  color: white;
}
footer {
  text-align: center;
}
footer.default {
  text-align: left;
  background-color: #fff !important;
  color: #000;
  font-size: 100%;
}
footer.default::before {
  content: "— " !important;
}
footer, footer .footer-inner {
  background-color: #1b243a !important;
}
footer .footer-inner, footer .footer-outer .page-title {
  max-width: 90em;
  margin: 0 auto;
}
footer .nav a {
  font-weight: normal;
}
footer:not(.default) {
  background-color: #ededed;
}
footer:not(.default) .footer-inner {
  background: #ededed;
  margin-top: 10px;
  overflow: hidden;
}
footer:not(.default) .footer-inner .row {
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding-right: 0%;
  padding-left: 0%;
  max-width: 90em;
  margin: auto;
  background: #ededed;
}
footer:not(.default) .footer-inner .menu.nav ul.dropdown-menu {
  position: relative;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
footer:not(.default) .region-footer {
  margin-top: 0;
  padding-top: 0.4em;
  width: 100%;
}
footer:not(.default) .sig-icons a:focus, footer:not(.default) .sig-icons a:hover {
  text-decoration: none !important;
  outline: thin dotted white;
  outline-offset: unset;
}
footer:not(.default) h2.block-title {
  display: none;
}
footer:not(.default) span.caret {
  display: none;
}
footer:not(.default) span.ext {
  padding-right: 0px;
}
footer:not(.default) ul.menu li {
  float: left;
  list-style: outside none none;
  margin: 17px 0 22px 0;
  padding: 0;
  width: 200px;
}
footer:not(.default) ul.menu > li a {
  background-color: transparent;
  color: white;
  font-style: normal;
  white-space: normal;
  text-decoration: none;
  margin: 0;
  padding: 0;
  font-size: 0.6em;
  word-wrap: break-word;
  /*this is for text-zoom 300% reflow*/
}
footer:not(.default) ul.menu > li a:hover {
  text-decoration: underline;
  color: #A4BCBC;
}
footer:not(.default) ul.menu > li a:focus {
  outline: solid 1px white;
  outline-offset: 1px;
}
#canada-logo {
  position: absolute;
  bottom: 34px;
  right: 22px;
  width: 80px;
  font-size: 2em;
}
#canada-logo a {
  display: block;
}
#canada-logo a:focus {
  outline: solid 1px white;
  outline-offset: 3px;
}
@media screen and (max-width: 799px) {
  #block-footer .menu.menu--footer.nav li.last {
    max-width: 150px;
  }
}
@media screen and (max-width: 767px) {
  footer:not(.default) {
    height: 50px;
  }
  footer:not(.default) .footer-inner .menu.nav {
    padding-bottom: 10px;
  }
  footer:not(.default) .region-footer {
    margin-top: 10px;
  }
  .region-inner {
    display: none;
  }
  .footer-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
  }
  .footer-container .title-bar {
    position: absolute;
    bottom: 2px;
    left: 10px;
  }
  body.huge-zoom footer:not(.default) {
    height: 42px;
  }
  body.huge-zoom .footer-container .title-bar {
    bottom: -3px;
  }
  body.extreme-zoom footer:not(.default) {
    height: 38px;
  }
  body.extreme-zoom .footer-container .title-bar {
    bottom: -4px;
  }
  .main-container {
    margin-bottom: 60px;
  }
  #block-boxes-social-media-footer li {
    margin: 0 5px;
  }
  #block-boxes-social-media-footer li .fa-twitter, #block-boxes-social-media-footer li .fa-youtube, #block-boxes-social-media-footer li .fa-envelope {
    font-size: 24px;
    width: 27px;
    margin: 5px 12px;
    height: 22px;
  }
  #block-boxes-social-media-footer li:first-child {
    margin: 0 20px 0 10px;
  }
  #canada-logo {
    bottom: 12px;
    right: 12px;
    width: 70px;
  }
}
.title-header-full-width {
  margin-top: 80px;
  background-color: #1b243a;
  width: 100%;
}
.title-header-full-width .title-header-inner {
  max-width: 90em;
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
.title-header-full-width .title-header-inner img {
  border-right: 1px solid white;
  display: inline-flex;
  max-width: 72px;
  margin: 0px 20px;
  padding-right: 20px;
}
.title-header-full-width .title-header-inner h1 {
  color: white;
  font-family: "Lato";
  font-size: 1.3em;
  width: auto;
  background-color: transparent;
  font-weight: normal !important;
  padding: 0px 40px 0px 20px;
  margin: 0px;
}
.title-header-full-width .title-header-inner .subscribe-link {
  display: none;
  float: right;
  margin: 23px 20px 0 0;
}
.title-header-full-width .title-header-inner .subscribe-link p {
  display: inline-block;
  font-size: 0.8em;
}
.title-header-full-width .title-header-inner .subscribe-link a.fa-envelope {
  background-color: #ae3324;
  border: none;
  padding: 6px;
  height: 28px;
  width: 28px;
}
.title-header-full-width .title-header-inner .subscribe-link a:hover {
  color: #dddddd;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .title-header-full-width {
    background-color: transparent;
    margin-top: 50px;
  }
  .title-header-full-width .title-header-inner {
    padding-bottom: 0;
  }
  .title-header-full-width .title-header-inner img {
    display: none;
  }
  .title-header-full-width .title-header-inner h1 {
    color: black;
    padding-left: 15px;
    padding-right: 0;
    padding-top: 20px;
    font-weight: 700 !important;
  }
  .title-header-full-width .title-header-inner .subscribe-link {
    display: block;
    padding-left: 5px;
  }
  .title-header-full-width .title-header-inner .subscribe-link a.fa-envelope {
    border-radius: 16px;
  }
}
.search {
  cursor: pointer;
  background-color: transparent;
  border: none;
}
.search:focus {
  outline: 1px solid white;
}
.search-block-full-width.modal {
  overflow-y: hidden;
  font-family: "Open Sans", sans-serif;
  background-color: #1b243a;
}
.search-block-full-width {
  font-family: "Open Sans", sans-serif;
  background-color: #1b243a;
  z-index: 10000;
  min-height: 100vh;
  width: 100vw;
  display: none;
  position: fixed;
  top: 0px;
}
.search-block-full-width .modal-dialog {
  width: 100%;
  margin: 0;
}
.search-block-full-width .modal-dialog, .search-block-full-width .modal-content {
  background-color: #1b243a;
}
.search-block-full-width .modal-header {
  padding-top: 0;
  padding-right: 0;
  margin-bottom: -30px;
  border-bottom: none;
}
.search-block-full-width .btn-close {
  float: right;
}
.search-block-full-width .btn-close button.close {
  opacity: 1;
  color: black;
  font-size: 2em;
  color: white;
  padding-right: 50px;
  padding-top: 20px;
  padding-bottom: 30px;
  padding-left: 50px;
}
.search-block-full-width .btn-close button.close span {
  padding-left: 10px;
  padding-right: 10px;
  margin-right: -10px;
  padding-bottom: 15px;
  padding-top: 15px;
}
.search-block-full-width .btn-close button.close:focus {
  outline: 1px solid white;
}
.search-block-full-width .search-inner {
  margin: 0 auto;
  display: table;
  width: 80%;
  position: relative;
  height: 100vh;
}
.search-block-full-width .search-inner .search-block-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.search-block-full-width .search-inner .search-block-inner .js-form-submit span.icon.glyphicon.glyphicon-search {
  display: none;
}
.search-block-full-width .search-inner .search-block-inner .input-group {
  display: block;
  width: 50%;
  margin: 0 auto;
}
.search-block-full-width .search-inner .search-block-inner .input-group input {
  text-align: center;
  font-size: 1.2em;
  background-color: transparent;
  box-shadow: 0px 0px 0px transparent !important;
  border-radius: 0;
  border-top: none;
  border-left: none;
  boder-right: none;
  border-right: none;
  color: white;
}
.search-block-full-width .search-inner .search-block-inner .input-group input:focus {
  border-bottom: 1px dotted white;
}
.search-block-full-width .search-inner .search-block-inner .input-group input::placeholder {
  color: white;
}
.search-block-full-width .search-inner .search-block-inner button.js-form-submit {
  background-color: white;
  color: #1b243a;
  border-radius: 20px;
  padding: 10px 30px;
  margin-top: 10px;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.search-block-full-width .search-inner .search-block-inner button.js-form-submit:hover {
  background-color: #A4BCBC;
}
.search-block-full-width .search-inner .search-block-inner button.js-form-submit:focus {
  outline: 1px solid white;
}
@media screen and (max-width: 767px) {
  .search-block-full-width .search-inner .search-block-inner .input-group {
    width: 100%;
  }
  .search-block-full-width .btn-close button.close {
    padding-right: 20px;
  }
  .modal .search-inner div.search-block-form {
    margin-top: -100px;
  }
}
.dpm-connect .wrapper-col-first {
  padding-top: 2em;
  padding-right: 2em;
  margin-top: 10px;
  margin-bottom: 10px;
}
.dpm-connect .wrapper-col-second {
  padding-top: 2em;
  padding-left: 2em;
}
.dpm-connect h2 {
  font-family: "Lato";
  margin-top: 0;
  margin-bottom: 1.5em;
}
.dpm-connect h3 {
  margin-bottom: 1.2em;
}
.dpm-connect p {
  margin: 10px 0px;
}
.dpm-connect p .note-subscriber {
  margin-top: 1.5em;
}
.dpm-connect a:not(.square-outline-purple):not(.square-outline-red):not(.fa-youtube):not(.twitter-x) {
  color: #067f97;
  text-decoration: underline;
}
.dpm-connect a:not(.square-outline-purple):not(.square-outline-red):not(.fa-youtube):not(.twitter-x):focus {
  outline: 2px solid black;
  outline-offset: 1px;
}
.dpm-connect .contact-box {
  padding-left: 1em;
}
.dpm-connect ul > li {
  list-style-type: circle !important;
  padding-bottom: 10px;
}
.dpm-connect .square-button-wrapper {
  display: inline-block;
  /*margin-top: 1.5em;
    margin-bottom: 1.5em;*/
  text-align: left;
}
.dpm-connect .square-button-wrapper .square-outline-purple, .dpm-connect .square-button-wrapper .square-outline-red {
  display: inline-block;
}
.dpm-connect .twitter-x {
  display: inline-block;
  background-image: url("/themes/dpm_theme/images/social/xsmall.png");
  background-size: 40px 40px;
  background-repeat: no-repeat;
  padding-top: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 20px;
}
.dpm-connect .follow-us-title-icons {
  width: 100%;
}
.dpm-connect .follow-us-title-icons a {
  color: white;
  width: 40px;
  height: 40px;
}
.dpm-connect .follow-us-title-icons a:focus {
  text-decoration: none;
  outline: 2px solid red;
}
.dpm-connect .follow-us-title-icons a:hover {
  text-decoration: none;
}
.dpm-connect .follow-us-title-icons a.fa-youtube {
  color: white;
  width: 40px;
  height: 40px;
  background-color: #4e3e77;
  border: #4e3e77 20px solid;
  border-top-width: 10px;
  border-radius: 20px;
  border-left-width: 9px;
}
.dpm-connect span.glyphicon-envelope {
  font-family: unset;
  font-size: initial;
  top: 0px;
}
.page-node-type-page .accordion .accordion {
  margin-left: 20px;
}
.page-node-type-page .accordion p {
  margin: 10px 0px 10px 20px;
}
.page-node-type-page .accordion button, .page-node-type-page .accordion a {
  color: #065565;
}
.page-node-type-page .region-content ul {
  margin-left: 30px;
}
.page-node-type-page .card .btn::before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: inline-block;
  font-family: "Glyphicons Halflings";
  margin-top: -0.5em;
  position: relative;
  top: 0.2em;
  width: 0;
  right: 1.7em;
}
.page-node-type-page .card .btn[aria-expanded="true"]::before {
  content: "";
}
.page-node-type-page .card h2 .btn {
  font-size: 0.9em;
  font-weight: 700;
  white-space: unset;
  text-align: left;
  margin-left: 1.7em;
}
.page-node-type-page .card h3 .btn {
  font-size: 0.8em;
  font-weight: 700;
  white-space: unset;
  text-align: left;
  margin-left: 1.7em;
}
@media screen and (max-width: 991px) {
  .dpm-connect .wrapper-col-first {
    padding-right: 0px;
  }
  .dpm-connect .wrapper-col-second {
    padding-left: 0px;
  }
  .dpm-connect .follow-us-title-icons {
    padding-bottom: 0px;
  }
  .dpm-connect h2 {
    margin-bottom: 0px;
  }
  .dpm-connect .square-button-wrapper {
    text-align: center;
    width: 100%;
  }
  .dpm-connect .square-button-wrapper .square-outline-purple, .dpm-connect .square-button-wrapper .square-outline-red {
    display: inline-block;
    width: 100%;
    max-width: 560px;
  }
}
@media screen and (max-width: 767px) {
  .dpm-connect .square-button-wrapper .square-outline-purple, .dpm-connect .square-button-wrapper .square-outline-red {
    max-width: 100%;
  }
  .dpm-connect .follow-us-title-icons {
    display: none;
  }
  .dpm-connect .follow-us-title-icons a.fa-youtube {
    border-left-width: 9px;
  }
  .dpm-connect span.fa-envelope {
    font-family: "Font Awesome 5 Free";
    background-color: transparent;
    border: none;
    border-left-width: 0px;
    border-top-width: 0px;
    border-radius: 0px;
  }
  .dpm-connect .wrapper-col-second {
    padding-top: 0px;
  }
}
body.node-8027 .search-wrapper {
  background-color: #1b243a;
}
body.node-8027 .banner-block-home {
  margin-top: 80px;
  background-color: #1b243a;
  text-align: left;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
body.node-8027 .banner-block-home img.dpm-banner-crest {
  display: inline-block;
  vertical-align: text-top;
  width: 27%;
  padding-top: 10px;
  padding-bottom: 20px;
}
body.node-8027 .banner-block-home p {
  display: inline-block;
  font-family: "Open Sans Light";
  font-size: 1.1em;
  width: fit-content;
  vertical-align: middle;
  text-align: left;
  color: #d0d5dc;
  border-left: 1px solid #575C63;
  line-height: 0.2em;
  margin-left: 2em;
  padding: 0.7em 0 1.4em 2em;
}
body.node-8027 .banner-block-home p span {
  font-family: "Lato";
  font-weight: normal;
  font-size: 1.2em;
  line-height: 2.5em;
}
body.node-8027 .banner-block-home img.dpm-banner-profile {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
  border-radius: 50%;
  margin: 2% 0 2% 15%;
}
body.node-8027 .banner-block-home img.dpm-banner-profile-second {
  width: 100%;
}
body.node-8027 div.field--name-body {
  overflow: auto;
}
body.node-8027 div.field--name-body img.align-left {
  padding-right: 20px;
  padding-bottom: 20px;
  max-width: 40%;
}
body.node-8027 div.field--name-body h3 {
  font-family: "Lato";
  font-size: 1.2em;
  margin-top: 1.5em;
  font-weight: 700;
  margin: 1.5em 0 1.5em 0;
}
body.node-8027 div.field--name-body .home-h3 {
  font-family: "Lato";
  margin-top: 0px;
}
body.node-8027 .news-block-home {
  background-color: white;
  padding: 30px 30px 0 30px;
}
body.node-8027 .news-block-home h2 {
  font-family: "Lato";
  font-size: 1.3em;
  margin: 1.5em 0 0.75em 0;
}
body.node-8027 .news-block-home ul {
  padding-left: 0px;
}
body.node-8027 .news-block-home .dpm-news-row {
  list-style: none;
  padding-bottom: 10px;
}
body.node-8027 .news-block-home .dpm-news-row .dpm-news-type, body.node-8027 .news-block-home .dpm-news-row .dpm-news-date {
  font-size: small;
  font-family: "Open Sans";
}
body.node-8027 .news-block-home .dpm-news-row .dpm-news-title a {
  color: black;
  font-weight: bold;
  font-family: "Lato";
  color: #067f97;
  text-decoration: underline;
}
body.node-8027 .home-news-footer {
  background-color: white;
  padding: 30px;
  padding-top: 0px;
  padding-bottom: 0px;
  overflow: auto;
}
body.node-8027 .home-news-footer .home-all-news {
  float: left;
}
body.node-8027 .home-news-footer .home-subscribe {
  float: right;
}
.square-outline-purple {
  display: inline-block;
  border: 3px solid #4e3e77;
  padding: 15px;
  text-transform: uppercase;
  color: #4e3e77;
  font-weight: bold;
  font-size: smaller;
  font-family: "Open Sans Bold";
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  letter-spacing: 0.1em;
}
.square-outline-purple:focus {
  outline: 2px solid red;
}
.square-outline-purple:hover {
  background-color: #4e3e77;
  color: white;
  text-decoration: none;
}
.square-outline-red {
  display: inline-block;
  border: 3px solid #ae3324;
  padding: 15px;
  text-transform: uppercase;
  color: #ae3324;
  font-weight: bold;
  font-size: smaller;
  font-family: "Open Sans Bold";
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  letter-spacing: 0.1em;
}
.square-outline-red:hover {
  background-color: #ae3324;
  color: white;
  text-decoration: none;
}
.round-outline-red {
  border: 1px solid #4e3e77;
  border-radius: 25px;
  padding: 5px 10px;
  background-color: #4e3e77;
  color: white;
  font-weight: bold;
  font-size: smaller;
  font-family: "Open Sans";
}
.round-outline-red:hover {
  background-color: white;
  color: #ae3324;
  text-decoration: none;
}
.twitter-in-follow {
  background-size: 16px;
  background-repeat: no-repeat;
}
.twitter-in-follow:hover {
  text-decoration: none !important;
  color: #4e3e77;
}
.twitter-in-follow:hover img {
  filter: brightness(0) saturate(100%) invert(26%) sepia(35%) saturate(814%) hue-rotate(216deg) brightness(93%) contrast(93%);
  height: 13px;
  padding-right: 3px;
  padding-bottom: 2px;
}
.twitter-in-follow:focus {
  background-color: white;
  color: #4e3e77;
  text-decoration: none;
}
.twitter-in-follow:focus img {
  filter: brightness(0) saturate(100%) invert(26%) sepia(35%) saturate(814%) hue-rotate(216deg) brightness(93%) contrast(93%);
  height: 13px;
  padding-right: 3px;
  padding-bottom: 2px;
}
.twitter-in-follow img {
  height: 13px;
  padding-right: 3px;
  padding-bottom: 2px;
}
@media screen and (max-width: 1600px) {
  body.node-8027 .banner-block-home p {
    font-size: 1em;
  }
  body.node-8027 .banner-block-home img.dpm-banner-crest {
    width: 20%;
  }
}
@media screen and (max-width: 1200px) {
  body.node-8027 .banner-block-home p {
    font-size: 0.9em;
    padding-top: 0;
    padding-bottom: 0;
  }
  body.node-8027 .banner-block-home img.dpm-banner-crest {
    width: 18%;
  }
}
@media screen and (max-width: 991px) {
  body.node-8027 .banner-block-home p {
    font-size: 0.8em;
  }
  body.node-8027 .banner-block-home img.dpm-banner-crest {
    width: 17%;
    height: auto;
  }
  body.node-8027 .home-news-footer {
    display: inline-flex;
    text-align: center;
    width: 100%;
  }
  body.node-8027 .home-news-footer .home-all-news {
    display: flex;
  }
}
@media screen and (max-width: 783px) {
  body.node-8027 .banner-block-home img.dpm-banner-profile, body.node-8027 .banner-block-home img.dpm-banner-profile-second {
    min-width: 156px;
  }
}
@media screen and (max-width: 767px) {
  body.node-8027 .banner-block-home {
    margin-top: 80px;
  }
  body.node-8027 .banner-block-home p {
    font-size: 0.7em;
  }
  body.node-8027 .banner-block-home img.dpm-banner-crest {
    width: 16%;
    padding-bottom: 10px;
  }
  body.node-8027 .banner-block-home img.dpm-banner-profile, body.node-8027 .banner-block-home img.dpm-banner-profile-second {
    margin-left: 10%;
  }
  body.node-8027.huge-zoom .banner-block-home {
    margin-top: 56px;
  }
  body.node-8027.extreme-zoom .banner-block-home {
    margin-top: 48px;
  }
  body.node-8027 img.home-bio {
    display: none;
  }
  body.node-8027 .square-outline-wrapper {
    text-align: center;
  }
  body.node-8027 .square-outline-purple, body.node-8027 .square-outline-red {
    justify-content: center;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 560px;
    text-align: center;
  }
  body.node-8027 .home-news-footer {
    display: flex;
    width: 100%;
  }
  body.node-8027 .home-all-news {
    display: inline-block;
    width: 100%;
  }
  body.node-8027 .home-all-news .square-outline-purple {
    margin-right: 5px;
  }
  body.node-8027 .home-all-news .square-outline-red {
    width: 50%;
    margin-left: 5px;
  }
  body.node-8027 .field--name-body h3:first-child {
    margin: 2em 0 2em 0;
  }
}
@media screen and (max-width: 580px) {
  body.node-8027 .banner-block-home img.dpm-banner-profile, body.node-8027 .banner-block-home img.dpm-banner-profile-second {
    margin-left: 5%;
  }
}
@media screen and (max-width: 560px) {
  body.node-8027 .banner-block-home p {
    max-width: 60%;
    margin-left: 0.8em;
    padding-left: 0.8em;
    font-size: 0.8em;
  }
  body.node-8027 .banner-block-home img.home-bio {
    display: none;
  }
  body.node-8027 .banner-block-home .square-outline-purple, body.node-8027 .banner-block-home .square-outline-red {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  body.node-8027 .field--name-body h3:first-child {
    margin: 1.5em 0 1.5em 0;
  }
}
@media screen and (max-width: 505px) {
  body.node-8027 .banner-block-home img.dpm-banner-profile, body.node-8027 .banner-block-home img.dpm-banner-profile-second {
    margin-left: 5px;
  }
}
@media screen and (max-width: 479px) {
  body.node-8027 .banner-block-home p {
    max-width: 50%;
    margin-left: 0.7em;
    padding-left: 0.7em;
    font-size: 0.7em;
  }
  body.node-8027 .banner-block-home img.dpm-banner-profile, body.node-8027 .banner-block-home img.dpm-banner-profile-second {
    margin-left: 5px;
  }
  body.node-8027 .field--name-body h3:first-child {
    margin: 1.3em 0 1.3em 0;
  }
  body.node-8027 .news-block-home h2 {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 390px) {
  body.node-8027 .banner-block-home p {
    max-width: 40%;
    line-height: 1em;
  }
  body.node-8027 .banner-block-home p span {
    line-height: 1.2em;
  }
}
.node-16 .accordion .accordion {
  margin-left: 20px;
}
.node-16 .accordion p {
  margin: 10px 0px 10px 20px;
}
.node-16 .region-content ul {
  margin-left: 30px;
}
.node-16 .card .btn::before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  display: inline-block;
  font-family: "Glyphicons Halflings";
  margin-top: -0.5em;
  position: relative;
  top: 0.2em;
  width: 0;
  right: 1.7em;
}
.node-16 .card .btn[aria-expanded="true"]::before {
  content: "";
}
.node-16 .card h2 .btn {
  font-size: 0.9em;
  font-weight: 700;
  white-space: unset;
  text-align: left;
}
.node-16 .card h3 .btn {
  font-size: 0.8em;
  font-weight: 700;
  white-space: unset;
  text-align: left;
}
body.page-search-template.node-8027 #block-boxes-social-media-footer {
  padding-bottom: 0px;
}
body.page-search-template #navbar-collapse #block-mainnavigation {
  padding-bottom: 0.6em;
}
body.node-2 h3 {
  line-height: 1.3em;
}
.about-content-wrapper {
  display: block;
  margin: 0 auto;
  width: 72%;
}
.about-content-wrapper .pm-photo-links {
  padding-top: 1.5em;
}
.about-content-wrapper .pm-photo-links p {
  font-size: 15px;
  color: #676768;
}
.about-content-wrapper .about-text-inner {
  margin-top: 1.5em;
}
.about-content-wrapper .about-text-inner p {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .about-content-wrapper {
    width: 100%;
  }
  .about-text-inner p {
    margin-bottom: 10px;
  }
  body.node-2 .field--name-body h3:first-child {
    margin: 2em 0 2em 0;
  }
}
@media screen and (max-width: 560px) {
  body.node-2 .field--name-body h3:first-child {
    margin: 1.5em 0 1.5em 0;
  }
}
@media screen and (max-width: 479px) {
  body.node-2 .field--name-body h3:first-child {
    margin: 1.3em 0 1.3em 0;
  }
}
body.path-news .menu--pm-menu a[data-drupal-link-system-path="news"], body.path-news .menu--main a[data-drupal-link-system-path="news"] {
  font-weight: bold;
  color: #e7ebf0;
}
/* stylying the popup for supported browsers */
#validBrowser-modal .modal-title {
  text-align: center;
}
#validBrowser-modal .modal-body {
  font-size: small;
  color: black;
}
#validBrowser-modal .modal-body p {
  text-align: left;
}
#validBrowser-modal .modal-body .div-icon-text {
  width: 60%;
  margin: 0 auto;
  text-align: left;
}
#validBrowser-modal .modal-body .div-icon-text .col-md-6 {
  padding-bottom: 1.2em;
}
#validBrowser-modal .modal-body .div-icon-text .col-md-6 img {
  width: 40px;
  height: 40px;
}
#validBrowser-modal .modal-body .div-icon-text .col-md-6 span.browser-link {
  text-align: right;
  display: inline-block;
  padding-left: 1em;
}
#warning-browserDiv, .alert.alert-warning {
  background-color: #fcf8e3;
  border-left: 5px solid #ffa700;
  border-color: transparent;
  border-radius: 0px;
  border-left: 4px solid #ffa700;
  color: #000;
  padding: 15px;
}
#warning-browserDiv .warning-browserDiv-title, .alert.alert-warning .warning-browserDiv-title {
  font-weight: 700;
  font-size: 1.2 em;
  margin-bottom: 10px;
}
#warning-browserDiv img, .alert.alert-warning img {
  margin-right: 10px;
  vertical-align: text-bottom;
}
#warning-browserDiv .warning-browser-link, .alert.alert-warning .warning-browser-link {
  color: #067f97;
}
.supported-browser {
  padding-top: 2em;
}
.supported-browser .col-md-6 {
  display: flex;
  align-items: center;
  padding-bottom: 1.5em;
}
.supported-browser .col-md-6 span.browser-link {
  padding-left: 1em;
}
.supported-browser .col-md-6 .chrome-icon {
  background-image: url("../images/browser/chrome_icon.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}
.supported-browser .col-md-6 .firefox-icon {
  background-image: url("../images/browser/firefox_icon.png");
  repeat: no-repeat;
  width: 40px;
  height: 40px;
}
.supported-browser .col-md-6 .safari-icon {
  background-image: url("../images/browser/safari_icon.png");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
}
.supported-browser .col-md-6 .opera-icon {
  background-image: url("../images/browser/opera_icon.png");
  repeat: no-repeat;
  width: 40px;
  height: 40px;
}
.supported-browser .col-md-6 .edge-icon {
  background-image: url("../images/browser/edge_icon.png");
  repeat: no-repeat;
  width: 40px;
  height: 40px;
}
.alert {
  margin-top: 10px;
  margin-bottom: 10px;
}
div.card-header {
  color: #333333;
  background-color: whitesmoke;
  border: 1px solid;
  border-color: #dddddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  height: auto;
}
div.card-header h2, div.card-header h3 {
  margin: 0px;
}
div.card-header h2 button, div.card-header h3 button {
  border: 0px;
}
.accordion .card-header {
  padding-top: 0;
  padding-bottom: 0;
}
.accordion .card-header button.btn {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 49px;
  width: 100%;
}
.accordion .card-header > h2 button.btn {
  margin-left: 0;
  width: 100%;
}
.accordion .card-header > h3 button.btn {
  margin-left: 0;
}
.accordion .card-header > h3 button.btn:focus {
  outline: 2px solid black;
}
.pm-breadcrumb {
  display: none;
}
#navbar {
  font-family: "Open Sans Light";
}
#navbar .menu--pm-menu span.navbar-text {
  padding-top: 2px;
  padding-bottom: 10px;
}
#navbar .menu--pm-menu li {
  float: left;
  font-size: 1em;
  font-weight: normal;
  margin: 0 1.4em;
  white-space: nowrap;
  padding-right: 10px;
}
#navbar .menu--pm-menu li:hover {
  border-bottom: 1px solid #067f97;
}
#navbar .menu--pm-menu li > a.is-active {
  color: #e7ebf0;
  font-weight: bold;
}
#navbar .menu--pm-menu li a, #navbar .menu--pm-menu li span {
  color: #d0d5dc;
}
#navbar .menu--pm-menu li a:hover, #navbar .menu--pm-menu li a:focus, #navbar .menu--pm-menu li span:hover, #navbar .menu--pm-menu li span:focus {
  background-color: unset;
}
#navbar .menu--pm-menu li.expanded.dropdown span.navbar-text::after {
  content: "";
  position: fixed;
  margin-top: 7px;
  margin-left: 8px;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  font-size: 0.6em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
#navbar .menu--pm-menu li.expanded.dropdown ul.dropdown-menu {
  background-color: rgba(0, 0, 0, 0);
}
#navbar .menu--pm-menu li.expanded.dropdown.open {
  background-color: white;
  color: #1b243a;
  margin-top: -25px;
  padding-top: 23px;
  padding-bottom: 8px;
}
#navbar .menu--pm-menu li.expanded.dropdown.open span.navbar-text::after {
  content: "";
  position: fixed;
  margin-top: 7px;
  margin-left: 3px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  font-size: 0.6em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #1b243a;
}
#navbar .menu--pm-menu li.expanded.dropdown.open span {
  padding-top: 5px;
  padding-bottom: 9px;
  margin-top: 8px;
}
#navbar .menu--pm-menu li.expanded.dropdown.open a, #navbar .menu--pm-menu li.expanded.dropdown.open span {
  color: #1b243a;
}
#navbar .menu--pm-menu li.expanded.dropdown.open ul.dropdown-menu {
  display: flex;
  border-radius: 0;
  border-left: 0px;
  margin-top: 0px;
  border-top: 0px;
  background-color: white;
  padding: 25px;
}
#navbar .menu--pm-menu li.expanded.dropdown.open ul.dropdown-menu li {
  padding-left: 0px;
  padding-right: 0px;
  margin-right: 0 !important;
}
#navbar .menu--pm-menu li.expanded.dropdown.open ul.dropdown-menu li a::after {
  display: none;
}
#navbar .menu--pm-menu li.expanded.dropdown.open ul.dropdown-menu li:hover a, #navbar .menu--pm-menu li.expanded.dropdown.open ul.dropdown-menu li:hover span {
  color: #067f97;
}
#navbar .menu--pm-menu > li:hover {
  border-bottom: 1px solid #A4BCBC;
}
#navbar .menu--pm-menu > li:hover a, #navbar .menu--pm-menu > li:hover span {
  color: #A4BCBC;
}
#navbar .menu--pm-menu > li li.active-trail a {
  color: #d0d5dc;
}
#navbar .menu--pm-menu li.open ul > li.active:hover a {
  color: #d0d5dc;
}
#navbar .menu--pm-menu li.open span li.active a:hover {
  color: #A4BCBC !important;
}
#navbar .menu--pm-menu li.expanded.dropdown.open {
  position: relative;
}
#navbar .menu--pm-menu li.expanded.dropdown.open .dropdown-menu {
  border-radius: 0;
  border-left: 0;
  margin-top: 0;
  border-top: 0;
}
#navbar .menu--pm-menu li.expanded.dropdown.open .dropdown-menu li {
  margin-left: 0px !important;
}
#navbar .menu--pm-menu li.expanded.dropdown.open.first ul.dropdown-menu {
  min-width: 700px;
}
#navbar .menu-label {
  display: none;
  font-size: 0.8em;
  font-weight: normal;
  margin-top: 13px;
  text-transform: uppercase;
  vertical-align: top;
}
@media screen and (max-width: 1426px) {
  #navbar .menu--pm-menu li {
    font-size: 0.97em;
    margin: 0 0.7em;
  }
}
@media screen and (max-width: 1300px) {
  #navbar .menu--pm-menu li {
    margin: 0 0.5em;
  }
}
@media screen and (max-width: 1191px) {
  #navbar .menu--pm-menu .expanded.dropdown:nth-last-child(2) a.dropdown-toggle {
    max-width: 180px;
    white-space: break-spaces;
    word-wrap: normal;
    text-align: center;
  }
}
@media screen and (max-width: 1114px) {
  #navbar .menu--pm-menu li {
    font-size: 0.87em;
  }
  #navbar .menu--pm-menu > li a {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media screen and (max-width: 1024px) {
  html:lang(fr) #navbar .menu--pm-menu > li.last a {
    max-width: 65px;
    white-space: break-spaces;
    word-wrap: normal;
    text-align: center;
    padding-top: 10px;
  }
  #navbar .menu--pm-menu .expanded.dropdown:nth-last-child(2) a.dropdown-toggle {
    max-width: 140px;
    white-space: break-spaces;
    word-wrap: normal;
    text-align: center;
  }
}
@media screen and (max-width: 999px) {
  .main-header .slogan {
    font-size: 0.7em;
  }
}
@media screen and (max-width: 981px) {
  #navbar .menu--pm-menu li {
    font-size: 0.82em;
  }
}
@media screen and (max-width: 960px) {
  .main-header .menu--pm-menu li {
    padding-right: 5px;
  }
}
@media screen and (max-width: 872px) {
  #navbar .menu--pm-menu > li {
    padding-right: 0px;
  }
  #navbar .menu--pm-menu > li a {
    padding-left: 2px;
    padding-right: 2px;
  }
  #navbar .menu--pm-menu li.expanded.dropdown:nth-last-child(2) ul.dropdown-menu a {
    max-width: 130px;
    white-space: break-spaces;
    word-wrap: normal;
    text-align: center;
  }
}
@media screen and (max-width: 802px) {
  #navbar .menu--pm-menu > li {
    margin: 0 0.2em;
  }
}
@media screen and (max-width: 798px) {
  .main-header .menu--pm-menu > li {
    font-size: 0.73em;
  }
  html:lang(fr) .menu--pm-menu li a {
    padding-left: 2px !important;
  }
}
#navbar .navbar-toggle {
  float: none;
  margin: 8px 8px 8px 20px;
  border: none;
  margin-left: 15px;
  margin-right: 0px;
}
#navbar .navbar-toggle:hover, #navbar .navbar-toggle:focus {
  background-color: #1b243a;
}
#navbar .navbar-toggle:focus {
  outline: 1px dotted white;
}
#navbar .region.region-navigation-collapsible {
  background-color: #1b243a;
  overflow-x: visible;
}
#navbar .region.region-navigation-collapsible ul.menu.menu--main.nav.navbar-nav {
  min-height: auto;
  overflow-y: "hidden";
}
#navbar .region.region-navigation-collapsible ul.menu.menu--main.nav.navbar-nav li.expanded.dropdown.open > ul.dropdown-menu {
  display: block;
}
#navbar .region.region-navigation-collapsible ul.menu.menu--main.nav.navbar-nav li.expanded.dropdown > ul.dropdown-menu {
  display: none;
}
#navbar .mobile-search-button {
  display: none;
  float: right;
  margin-right: 30px;
  margin-top: 8px;
  position: relative;
  border: 1px solid transparent;
  background-color: transparent;
  height: 2em;
  width: 2em;
}
#navbar .mobile-search-button:focus {
  outline: thin dotted white;
}
#navbar .mobile-search-button i {
  position: absolute;
  min-width: 100%;
  top: 10%;
  left: 0px;
  padding-top: 7px;
}
#navbar ul.menu.menu--main.nav.navbar-nav {
  margin: 0;
}
#navbar ul.menu.menu--main.nav.navbar-nav li {
  margin-top: 10px;
}
#navbar ul.menu.menu--main.nav.navbar-nav li a {
  margin: 8px 10px;
  color: white;
  padding: 0;
  font-size: 1.3em;
}
#navbar ul.menu.menu--main.nav.navbar-nav li a:hover, #navbar ul.menu.menu--main.nav.navbar-nav li a:focus {
  text-decoration: underline;
  background: transparent;
  outline: 1px dotted white;
}
#navbar ul.menu.menu--main.nav.navbar-nav li a.is-active {
  background-color: #1b243a;
  color: #A4BCBC;
  border: none;
}
#navbar ul.menu.menu--main.nav.navbar-nav li a:hover {
  background-color: transparent;
  color: white;
  border: none;
}
#navbar ul.menu.menu--main.nav.navbar-nav li a span.caret {
  display: inline-block;
}
#navbar ul.menu.menu--main.nav.navbar-nav li ul.dropdown-menu li {
  padding-left: 10px;
}
#navbar ul.menu.menu--main.nav.navbar-nav .dropdown-menu > li > a {
  font-size: 1.2em;
}
#navbar ul.menu.menu--main.nav.navbar-nav li > a.is-active {
  color: #e7ebf0;
  font-weight: bold;
}
#navbar .menu.menu--main.nav.navbar-nav li.expanded.dropdown.active ul.dropdown-menu li > a.is-active {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#navbar .menu.menu--main.nav.navbar-nav li.expanded.dropdown.active a.dropdown-toggle {
  background-color: transparent;
}
body.huge-zoom #navbar ul.menu.menu--main.nav.navbar-nav li, body.extreme-zoom #navbar ul.menu.menu--main.nav.navbar-nav li {
  margin-top: 0px;
}
body.huge-zoom #navbar ul.menu.menu--main.nav.navbar-nav li a, body.extreme-zoom #navbar ul.menu.menu--main.nav.navbar-nav li a {
  margin-top: 0;
  margin-bottom: 0;
}
#navbar-collapse {
  border: none;
}
#navbar-collapse #block-languageswitcher-1, #navbar-collapse #block-languageswitcher-2, #navbar-collapse #block-languageswitcher-mobile {
  display: none;
}
#navbar-collapse #block-mainnavigation {
  border-top: 1px solid #373E53;
  border-bottom: 1px solid #373E53;
  padding-bottom: 1em;
}
#navbar-collapse ul.menu.menu--main.nav.navbar-nav {
  padding-left: 2.5em;
}
#navbar-collapse ul.menu.menu--main.nav.navbar-nav > li.first {
  padding-top: 1.5em;
}
#navbar-collapse ul.menu.menu--main.nav.navbar-nav li a, #navbar-collapse ul.menu.menu--main.nav.navbar-nav li span {
  color: #d0d5dc;
  padding: 0;
  font-size: 1.1em;
  line-height: 2.5em;
}
#navbar-collapse .region-navigation-collapsible span.caret {
  display: inline-block;
}
body.huge-zoom #navbar-collapse ul.menu.menu--main.nav.navbar-nav > li.first {
  padding-top: 0;
}
body.huge-zoom #navbar-collapse #block-mainnavigation {
  padding-bottom: 0;
}
body.extreme-zoom #navbar-collapse ul.menu.menu--main.nav.navbar-nav > li.first {
  padding-top: 0;
}
body.extreme-zoom #navbar-collapse #block-mainnavigation {
  padding-bottom: 0;
}
.navbar-inverse .navbar-text {
  margin: 8px 10px;
  color: #d0d5dc;
}
body.huge-zoom .main-header {
  min-height: 56px;
}
body.huge-zoom .main-header nav .navbar-header {
  padding-top: 0;
}
body.huge-zoom .main-header .mobile-branding {
  margin: 0 0 0 0;
}
body.huge-zoom .main-header .search-and-language {
  padding-top: 7px;
}
body.extreme-zoom .main-header {
  min-height: 48px;
}
body.extreme-zoom .main-header nav .navbar-header {
  padding-top: 0;
}
body.extreme-zoom .main-header .mobile-branding {
  margin: 0 0 0 0;
}
body.extreme-zoom .main-header .search-and-language {
  padding-top: 7px;
}
.navbar-toggle .icon-bar {
  border: 1px solid white;
}
@media screen and (max-width: 767px) {
  #block-mainnavigation {
    display: block;
  }
  #navbar {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
  }
  #navbar .menu-label {
    display: inline-block;
  }
  #navbar .mobile-branding {
    position: absolute;
    left: 20%;
    top: 20px;
    width: 60%;
    text-align: center;
    margin-left: 0px;
  }
  #navbar .mobile-branding a {
    width: max-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  #navbar .mobile-search-button {
    display: block;
    margin: 0;
    margin-right: 10px;
    padding: 0;
  }
  #navbar .mobile-search-button i {
    padding-top: 4px;
  }
  #navbar .navbar-nav > .open > a {
    background-color: #1b243a;
  }
  #navbar-collapse li.expanded.dropdown ul.dropdown-menu {
    display: none;
  }
  #navbar-collapse li.expanded.dropdown .open ul.dropdown-menu {
    display: block;
  }
  body.huge-zoom #navbar .mobile-branding {
    top: 1px !important;
    font-size: 0.7em;
  }
  body.extreme-zoom #navbar .mobile-branding {
    top: 1px !important;
    font-size: 0.7em;
  }
}
@media screen and (max-width: 479px) {
  #navbar .menu-label {
    margin-left: -5px;
    margin-right: 15px;
  }
  #navbar .mobile-branding {
    margin-left: 0;
  }
}
.menu--news-types-menu {
  margin-top: 40px;
}
.menu--news-types-menu li {
  float: left;
  margin-right: 15px;
}
.menu--news-types-menu li a {
  color: #595959;
  font-family: "Lato";
  padding: 10px 0;
}
.menu--news-types-menu li a:hover {
  color: #4e3e77;
  background-color: white;
  text-decoration: underline;
  opacity: 0.85;
}
.menu--news-types-menu li.active a {
  color: #4e3e77;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  div#collapseNews {
    margin-left: 25px;
    padding: 0.5em 1.5em;
  }
  div#collapseNews ul.menu.menu--news-types-menu.nav {
    margin-top: 0;
  }
  div#collapseNews ul.menu.menu--news-types-menu.nav > li {
    float: none;
  }
  #newsMenuAcc {
    padding-left: 0px;
  }
  #newsMenuAcc span.newsMenu {
    font-family: "Lato";
    font-size: 1.3em;
    font-weight: 700;
    color: #000000;
  }
  #newsMenuAcc.btn::before {
    content: " ";
    font-family: "Glyphicons Halflings";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 0.2em;
    margin-top: 1em;
    margin-top: -0.5em;
    position: relative;
    top: 0.2em;
    width: 0;
  }
  #newsMenuAcc.btn[aria-expanded="true"]::before {
    content: " ";
  }
  #newsMenuAcc.btn.btn-link {
    color: #000000;
  }
  #newsMenuAcc.btn.btn-link:hover, #newsMenuAcc.btn.btn-link:focus {
    text-decoration: none;
  }
}
@media screen and (max-width: 420px) {
  .menu--news-types-menu {
    margin-left: 10px;
    margin-right: 10px;
  }
  button#newsMenuAcc {
    padding-left: 15px;
  }
}
/***** End of CSS title to be selected ***/
.view-content .dpm-news-row {
  list-style: none;
  padding-left: 3px;
  padding-top: 1px;
  padding-bottom: 15px;
}
.view-content .dpm-news-row .dpm-news-type {
  text-transform: uppercase;
  font-size: small;
  margin-bottom: -2px;
}
.view-content .dpm-news-row .dpm-news-type, .view-content .dpm-news-row .dpm-news-title, .view-content .dpm-news-row .dpm-news-date {
  font-family: "Lato";
}
.view-content .dpm-news-row .dpm-news-date {
  font-size: x-small;
}
.view-content .dpm-news-row .dpm-news-title a {
  color: black;
  font-weight: bold;
}
.view-content .dpm-news-row:first-child {
  padding-top: 0;
}
.view-content a {
  text-decoration: underline;
}
.view-content a:focus {
  outline: 2px solid black;
}
body.path-news .pm-news {
  margin-top: 10px;
}
body.path-news .pm-news .news-teaser .title a {
  font-family: "Lato";
}
body.path-frontpage li.dpm-news-row {
  position: relative;
}
body.user-logged-in .dpm-news-row.published-no > div.teaser {
  border: 2px solid hotpink;
  background: #ffe4e0;
}
body.user-logged-in .dpm-news-row.pending-draft.published-no > div.teaser {
  border: 4px solid orange;
  background: #ffe4e0;
}
body.path-frontpage.user-logged-in .dpm-news-row.published-no {
  border: 2px solid hotpink;
  background: #ffe4e0;
}
body.path-frontpage.user-logged-in .dpm-news-row.pending-draft {
  border: 4px solid orange;
  background: #ffe4e0;
}
body.user-logged-in .news-row.published-no > div.teaser, body.user-logged-in.path-frontpage li.news-row.published-no {
  border: 2px solid hotpink;
  background: #ffe4e0;
}
body.user-logged-in .news-row.pending-draft.published-no > div.teaser, body.user-logged-in.path-frontpage li.news-row.published-no.pending-draft {
  border: 4px solid orange;
  background: #ffe4e0;
}
body.path-frontpage.user-logged-in .news-row.published-no {
  border: 2px solid hotpink;
  background: #ffe4e0;
}
body.path-frontpage.user-logged-in .news-row.pending-draft {
  border: 4px solid orange;
  background: #ffe4e0;
}
body.user-logged-in .view-content tr.published-no {
  background-color: pink;
  border: 3px solid red;
  overflow: hidden;
}
body.user-logged-in .view-content tr.published-no.pending-draft {
  background-color: #FFECA9;
  border: 3px solid orange;
  overflow: hidden;
}
/* Unpublished revision pending to overwrite the published revision */
body.user-logged-in li.published-no.Archived > div.teaser, body.user-logged-in div.published-no.Archived, body.user-logged-in .views-table tr.published-no.Archived, body.user-logged-in li.published-no.Archivé > div.teaser, body.user-logged-in div.published-no.Archivé, body.user-logged-in .views-table tr.published-no.Archivé, body.user-logged-in.path-frontpage li.dpm-news-row.published-no.Archivé, body.user-logged-in.path-frontpage li.dpm-news-row.published-no.Archived {
  background-color: blanchedalmond !important;
  border: 3px solid saddlebrown !important;
}
body.user-logged-in li.published-no.Archived > div.teaser h1, body.user-logged-in div.published-no.Archived h1, body.user-logged-in .views-table tr.published-no.Archived h1, body.user-logged-in li.views-row.published-no.Archivé > div.teaser h1, body.user-logged-in div.views-row.published-no.Archivé h1, body.user-logged-in .views-table tr.published-no.Archivé h1 {
  background-color: blanchedalmond !important;
  border: 3px solid saddlebrown !important;
}
/**** Components Node for unpublished content *****/
/* Note that drupal-bootstrap-not-cdn.min.css sets the background-color to #fff4f4 for body.is-unpublished */
body.user-logged-in.published-no article, body.user-logged-in.published-no article .field--name-body, body.user-logged-in.published-no .view-mandate-letters-previous {
  background-color: pink;
}
body.user-logged-in.published-no article {
  border: 3px solid hotpink;
}
body.user-logged-in.published-no div.title-header-inner h1 {
  background-color: hotpink;
  border: 3px solid pink;
}
.col-sm-9 article a:not(.square-outline-purple) {
  text-decoration: underline;
}
.col-sm-9 article a:not(.square-outline-purple):focus {
  outline: 2px solid black;
  outline-offset: 1px;
}
/* The following code will override the body.is-unpublished background-color that drupal sets by default */
body.is-unpublished {
  background-color: white;
}
/* Unpublished revision pending to overwrite the published revision */
body.user-logged-in.published-no.pending-draft article, body.user-logged-in.published-no.pending-draft article .field--name-body, body.user-logged-in.published-no.pending-draft .view-mandate-letters-previous {
  background-color: #FFDC99;
}
body.user-logged-in.published-no.pending-draft article {
  border: 3px solid orange;
}
body.user-logged-in.published-no.pending-draft div.title-header-inner h1 {
  background-color: orange;
  border: 3px solid #FFDC99;
}
body.user-logged-in.archived article, body.user-logged-in.archived article .field--name-body, body.user-logged-in.archived .view-mandate-letters-previous, body.user-logged-in.archivé article, body.user-logged-in.archivé article .field--name-body, body.user-logged-in.archivé .view-mandate-letters-previous {
  background-color: blanchedalmond;
}
body.user-logged-in.archived article, body.user-logged-in.archivé article {
  border: 3px solid saddlebrown;
}
body.user-logged-in.archived div.title-header-inner h1, body.user-logged-in.archivé div.title-header-inner h1 {
  background-color: blanchedalmond;
  color: saddlebrown;
  border: 3px solid saddlebrown;
}
.pagination {
  font-family: "open sans";
  z-index: auto;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
  border-radius: 15px;
}
.pagination > li {
  display: inline-block;
}
.pagination > li > a, .pagination > li > span {
  border: none;
  color: #4e3e77;
  margin: 0 5px;
  padding: 8px;
  height: 40px;
  min-width: 40px;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  background: none;
  color: #4e3e77;
  text-decoration: underline;
  z-index: auto;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #1b243a;
  border-radius: 15px;
  color: white;
  font-family: "open sans semi bold";
  z-index: auto;
}
.row.pagination {
  display: none;
}
@media screen and (max-width: 1100px) {
  .pagination > li > a, .pagination > li > span {
    margin: 0;
  }
}
@media screen and (max-width: 900px) {
  .pagination > li > a, .pagination > li > span {
    height: 30px;
    min-width: 30px;
    padding: 2px;
  }
}
@media screen and (max-width: 767px) {
  .pager__item--next a:after {
    font-family: "Glyphicons Halflings";
    content: "";
  }
  .pager__item--next a span {
    display: none;
  }
  .pager__item--last a:after {
    font-family: "Glyphicons Halflings";
    content: "";
  }
  .pager__item--last a span {
    display: none;
  }
  .pager__item--previous a:after {
    font-family: "Glyphicons Halflings";
    content: "";
  }
  .pager__item--previous a span {
    display: none;
  }
  .pager__item--first a:after {
    font-family: "Glyphicons Halflings";
    content: "";
  }
  .pager__item--first a span {
    display: none;
  }
}
/*
 * There are two search and language components - one for desktop and one for mobile.
 * Use the following selectors:
 * For desktop: .main-header > .search-and-language
 * For mobile:  .navbar-header .search-and-language
 * For both:    .search-and-language
 */
.search-and-language {
  display: table-cell;
  padding-top: 30px;
  vertical-align: top;
}
.search-and-language .wrapper {
  display: flex;
}
.search-and-language .search {
  display: inline-block;
  margin: 0 16px 0 0;
  padding-left: 16px;
}
.search-and-language .search img {
  width: 15px;
}
.search-and-language .language-switch-header {
  display: inline-block;
  border-right: 1px solid #d0d5dc;
  /*margin-right: 26px;*/
  padding-right: 16px;
  padding-bottom: 0px;
}
.search-and-language ul.links {
  margin: 0;
  padding: 0;
}
.search-and-language ul.links li {
  display: inline;
}
.search-and-language ul.links li a {
  color: #d0d5dc;
  font-size: 1em;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}
.search-and-language .main-header > .search-and-language ul.links li a:focus {
  outline: 1px solid white;
}
.main-header > .search-and-language ul.links li a {
  top: 1px;
}
.navbar-header .search-and-language {
  display: none;
}
@media screen and (max-width: 1426px) {
  .main-header > .search-and-language ul.links li a {
    font-size: 0.97em;
  }
}
@media screen and (max-width: 1114px) {
  .main-header > .search-and-language .language-switch-header {
    padding-right: 10px;
    font-size: 0.87em;
  }
  .main-header .search {
    padding-left: 10px;
  }
}
@media screen and (max-width: 953px) {
  .main-header .search {
    padding-right: 0px;
    padding-left: 8px;
    margin-right: 5px;
  }
  .main-header .language-switch-header {
    padding-right: 8px;
  }
}
@media screen and (max-width: 798px) {
  .main-header .search-and-language .search {
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .main-header > .search-and-language {
    display: none;
  }
  .navbar-header .search-and-language {
    display: block;
    float: right;
    padding: 0;
    padding-top: 6px;
  }
  .navbar-header .search-and-language .wrapper {
    margin-right: 10px;
  }
  .navbar-header .search-and-language .language-switch-header {
    padding-top: 2px;
  }
  .navbar-header .search-and-language ul.links li a {
    top: 1px;
  }
}
.subscribe-block {
  margin-top: 1.5em;
}
.subscribe-block span {
  font-family: "Lato";
}
.subscribe-block span.glyphicon-envelope {
  font-size: initial;
  top: 0px;
}
.subscribe-block span.fa-envelope {
  font-family: "Font Awesome 5 Free";
}
.subscribe-block a.square-outline-purple {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .subscribe-block {
    margin-left: 10px;
    margin-right: 10px;
  }
  .subscribe-block a.square-outline-purple {
    width: 100%;
  }
}
.follow-dpm {
  margin-top: 1.5em;
}
.follow-dpm p {
  margin-top: 0.6em;
}
.follow-dpm p a {
  text-decoration: underline;
}
.follow-dpm .banner-twitter-dpm {
  position: relative;
}
.follow-dpm .banner-twitter-dpm img.ban-tweet {
  width: 100% !important;
  padding-bottom: 30px;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
}
.follow-dpm .banner-twitter-dpm div.chryfreel-left {
  background: url(../images/ChrystiaFreeland_portrait_small.png);
  position: absolute;
  left: 10px;
  background-color: transparent;
  background-size: cover;
  position: absolute;
  bottom: 5px;
  right: 0;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
  border-bottom: 0px;
}
.follow-dpm .follow-twitter {
  position: absolute;
  right: 5px;
  bottom: 0;
}
.follow-dpm .follow-twitter span.follow-text {
  font-family: "Open Sans", sans-serif;
}
.follow-dpm .verif-twitter {
  width: 1.11em;
  height: 1.25em;
}
.follow-dpm p {
  font-size: 0.9em;
  font-weight: 600;
}
.follow-dpm p span {
  font-size: 0.85em;
  color: #2b7bb9;
}
.follow-dpm p span:hover {
  cursor: pointer;
}
.follow-dpm a:focus {
  outline: 2px solid black;
}
.webform-progress-tracker {
  margin-top: 20px;
  margin-bottom: 30px;
}
.webform-progress-tracker .progress-marker::before {
  width: 32px !important;
  height: 32px !important;
}
.webform-progress-tracker .progress-step:not(.is-active) .progress-marker::after, .webform-progress-tracker .progress-step .progress-marker::after {
  z-index: 0 !important;
}
.webform-progress-tracker .progress-step.is-active .progress-title {
  font-size: 1.1em !important;
}
.webform-progress-tracker .progress-step.is-active .progress-step:hover .progress-marker::before {
  background-color: #005c9a;
}