/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

/* Fix arrows escaping the select field */
.field--type-webform form .form-type-select label {
  display: block;
}

.field--type-webform form .form-type-select .select-wrapper {
  width: auto;
}

.toc li .list-group-item.is-active,
.toc li .list-group-item.active:focus,
.toc li .list-group-item.active:hover {
  background-color: #335075;
  color: #fff;
  cursor: auto;
  text-decoration: none;
  z-index: 2;
}

article.overview .file {
  display: block;
  font-size: 100%;
  font-weight: normal;
}

section.block-field-blocknodeoverviewfield-overview-html {
  margin-left: 50px;
  padding-top: 10px;
}

section.block-field-blocknodeoverviewfield-overview-pdf {
  margin-left: 50px;
  padding-bottom: 10px;
}

section.block-field-blocknodeoverviewbody,
.block-field-blocknodeoverviewfield-related-documents {
  padding-bottom: 10px;
}

div.dashboard-or {
  padding-top: 100px;
}

.build-page {
  border-radius: .25rem;
  margin-bottom: 1rem;
  font-size: 16px !important;
}

.build-page h2 {
  font-size: 1.2em;
}

.moderation-dashboard {
  border-radius: .25rem;
  margin-bottom: 1rem;
  font-size: 16px !important;
  padding-right: 75px;
  padding-left: 75px;
}

.moderation-dashboard h2 {
  font-size: 1.2em;
}

.moderation-dashboard>h1 {
  background-color: #f7f7f9;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  margin: 0;
  font-weight: normal;
  text-align: left;
  font-size: 1em !important;
}

.moderation-dashboard nav ul {
  background: rgba(0, 0, 0, 0.05);
  margin-bottom: -.75rem;
  margin-left: -.75rem;
  margin-right: -.75rem;
  margin-top: 10px;
  padding: 10px;
  list-style: none;
  display: flex;
  justify-content: center;
}

.moderation-dashboard nav li {
  margin-right: 1rem;
}

.moderation-dashboard .services-row,
.moderation-dashboard-add-links li {
  padding: 10px 0 10px 0;
}

.moderation-dashboard .views-row,
.moderation-dashboard-add-links li {
  padding: 10px 0 10px 0;
}

.moderation-dashboard .views-row:not(:last-child),
.moderation-dashboard-add-links li:not(:last-child) {
  border-bottom: 1px solid #d4d4d4;
}

/*
Remove striping from dashboard tables.
This is needed because #no_striping no longer works.
@see https://www.drupal.org/project/drupal/issues/3013452
*/
section.moderation-dashboard table.table-striped > tbody > tr {
  background-color: inherit;
}
/* Gray borders for dashboard tables. */
section.moderation-dashboard table.dataTable,
section.moderation-dashboard table.dataTable tr,
section.moderation-dashboard table.dataTable tr > td,
section.moderation-dashboard table.dataTable tr > th {
  border-color: #ddd;
  border-bottom: none;
}

table tr.urgent {
  border-left: 7px solid rgba(255, 0, 0);
}

table tr.high {
  border-left: 7px solid rgba(255, 255, 0);
}

#edit-add-tsentry--2>div.panel-heading>a {
  color: #484848;
  text-decoration: none;
}

.h2,
h2 {
  margin-top: 10px !important;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
}


.container-fluid .region-header {
  padding-right: 75px;
  padding-left: 75px;
}

#wb-cont-nav {
  color: #555;
  font-size: 26px;
  font-weight: 200;
  margin-bottom: -25px;
}

.search-result {
  border-bottom: solid 1px #ccc;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
}

ul.js-facets-widget {
  list-style-type: none;
}

.js-facets-widget li.list-group-item {
  border: none;
  padding-top: 0px;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 5px;
}

.select-wrapper {
  display: inline-block;
  position: relative;
  width: auto;
}

.case-type {
  color: #555;
  font-size: 12px;
  font-weight: 200;
}

.btn {
  padding-top: 5px;
  padding-bottom: 5px;
}

.cnjnctn-grd {
  display: flex;
  margin-top: 19px;
  margin-bottom: 19px;
}

.cnjnctn-grd .cnjnctn-col {
  width: 100%;
  padding-top: 9px;
}

.cnjnctn-grd .cnjnctn-col-sm {
  width: 50%;
  padding-top: 9px;
}

.cnjnctn-grd .cnjnctn-and,
.cnjnctn-grd .cnjnctn-or {
  flex-basis: content;
  position: relative;
  align-self: stretch;
  padding-right: 19px;
  padding-left: 19px;
  padding-top: 5px;
}

.cnjnctn-grd .cnjnctn-and:after,
.cnjnctn-grd .cnjnctn-or:after {
  content: " ";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 50%;
  border-left: 2px solid #000 !important;
  border-image: linear-gradient(to bottom, #ccc 0.3em, #ccc 0.3em, rgba(0, 0, 0, 0) 0.3em, rgba(0, 0, 0, 0) 2.4em, #ccc 2.4em, #ccc 2.4em) 1 100% !important;
  border-color: #ccc !important;
}

[tabindex] .modal-content .cnjnctn-grd .cnjnctn-and:after,
[tabindex] .modal-content .cnjnctn-grd .cnjnctn-or:after {
  top: 1px;
  bottom: -1px;
}

.cnjnctn-grd .cnjnctn-and:before,
.cnjnctn-grd .cnjnctn-or:before {
  float: left;
  box-sizing: content-box;
  line-height: 1.9em;
  text-align: center;
  padding: 4px;
  height: 2em;
  width: 2em;
  font-weight: 600;
  font-size: 16px;
}

[tabindex] .modal-content .cnjnctn-grd .cnjnctn-and:before,
[tabindex] .modal-content .cnjnctn-grd .cnjnctn-or:before {
  line-height: 1.4em;
  height: 1.4em;
  width: 1.4em;
}

.cnjnctn-grd .cnjnctn-and:before {
  border-width: 2px 0px 2px 0px;
  border-color: #ccc;
  border-style: solid;
}

html:lang(en) .cnjnctn-and:before {
  content: "and";
}

html:lang(fr) .cnjnctn-and:before {
  content: "et";
}

.cnjnctn-or:before {
  border-radius: 50%;
  border: 2px solid #ccc;
}

html:lang(en) .cnjnctn-or:before {
  content: "or";
}

html:lang(fr) .cnjnctn-or:before {
  content: "ou";
}

@media all and (max-width: 767px) {
  .flex-fw-xs {
    flex-direction: column;
  }

  .cnjnctn-grd.flex-fw-xs {
    border-left: 2px solid #ccc;
    padding-left: 19px;
  }

  .cnjnctn-grd.flex-fw-xs .cnjnctn-and,
  .cnjnctn-grd.flex-fw-xs .cnjnctn-or {
    padding-left: 0px;
  }

  .flex-fw-xs .cnjnctn-and:after,
  .cnjnctn-grd.flex-fw-xs .cnjnctn-or:after {
    border-left: 0px solid transparent;
  }

  .flex-fw-xs .cnjnctn-and:before {
    border-width: 0px 2px 0px 2px;
  }

  .flex-fw-xs .cnjnctn-col-sm {
    width: 100%;
  }
}

@media all and (max-width: 991px) {
  .flex-fw-sm {
    flex-direction: column;
  }

  .cnjnctn-grd.flex-fw-sm {
    border-left: 2px solid #ccc;
    padding-left: 19px;
  }

  .flex-fw-sm .cnjnctn-and,
  .cnjnctn-grd.flex-fw-sm .cnjnctn-or {
    padding-left: 0px;
  }

  .flex-fw-sm .cnjnctn-and:after,
  .cnjnctn-grd.flex-fw-sm .cnjnctn-or:after {
    border-left: 0px solid transparent;
  }

  .flex-fw-sm .cnjnctn-and:before {
    border-width: 0px 2px 0px 2px;
  }

  .flex-fw-sm .cnjnctn-col-sm {
    width: 100%;
  }
}

@media all and (max-width: 1169px) {
  .flex-fw-md {
    flex-direction: column;
  }

  .cnjnctn-grd.flex-fw-md {
    border-left: 2px solid #ccc;
    padding-left: 19px;
  }

  .flex-fw-md .cnjnctn-and,
  .cnjnctn-grd.flex-fw-md .cnjnctn-or {
    padding-left: 0px;
  }

  .flex-fw-md .cnjnctn-and:after,
  .cnjnctn-grd.flex-fw-md .cnjnctn-or:after {
    border-left: 0px solid transparent;
  }

  .flex-fw-md .cnjnctn-and:before {
    border-width: 0px 2px 0px 2px;
  }

  .flex-fw-md .cnjnctn-col-sm {
    width: 100%;
  }
}


@media all and (min-width: 1170px) {

  .flex-fw-lg {
    flex-direction: column;
  }

  .cnjnctn-grd.flex-fw-lg {
    border-left: 2px solid #ccc;
    padding-left: 19px;
  }

  .flex-fw-lg .cnjnctn-and,
  .cnjnctn-grd.flex-fw-lg .cnjnctn-or {
    padding-left: 0px;
  }

  .flex-fw-lg .cnjnctn-and:after,
  .cnjnctn-grd.flex-fw-lg .cnjnctn-or:after {
    border-left: 0px solid transparent;
  }

  .flex-fw-lg .cnjnctn-and:before {
    border-width: 0px 2px 0px 2px;
  }

  .flex-fw-lg .cnjnctn-col-sm {
    width: 100%;
  }
}

.dcsn-details details+.cnjnctn-or:before {
  float: left;
  box-sizing: content-box;
  line-height: 1.9em;
  text-align: center;
  padding: 4px;
  height: 2em;
  width: 2em;
  font-weight: 500;
  font-size: 16px;
  border: 1px solid #ccc;
}

.dcsn-details details:not(:last-child) {
  margin-bottom: 30px;
}

.dcsn-details details+.cnjnctn-or {
  position: absolute;
  margin-top: -36px;
  background-color: #fff;
  margin-left: 38px;
}

/*Temporary solution for decision points inside wells or backgrounds */
.well .dcsn-details,
.well .dcsn-details details+.cnjnctn-or,
[class*='bg-'] .dcsn-details,
[class*='bg-'] .dcsn-details details+.cnjnctn-or {
  background-color: inherit;
}

.views-section-block {
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}


.ar-view-summary {
  padding-bottom: 30px;
}

.ar-view-inline p {
  display: inline;
}

.ar-type {
  color: #555;
  font-size: 12px;
  font-weight: 200;
  padding-left: 2px;
}

.btn {
  padding-top: 5px;
  padding-bottom: 5px;
}

.comms-type {
  margin-left: 5px;
}

.banner-top {
  padding-top: 16px;
  padding-bottom: 16px;
  background-color: #26374a;
  color: #fff;
  font-family: Lato, sans-serif;
  font-weight: normal;
  font-size: 26px;
}

.banner-top p {
  margin-top: 11.5px;
}

.ar-brand {
  font-size: 24px;
  margin-bottom: 10px;
}

.ar-brand-grid a {
  text-decoration: none;
}

.ar-brand a {
  text-decoration: none;
}

.ar-section {
  margin-bottom: 30px;
}

.views-build-section {
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.ar-first-date .form-group {
  margin-bottom: 0px;
}

.ar-change-log ul {
  list-style: none;
}

.btn-vertical {
  display: block !important;
  padding: 5px;
}

.cal-edit-link {
  padding-left: 5px;
}

.ar-brand details {
  margin-bottom: .25em;
}

details summary {
  border: 0;
  border-radius: 4px;
  background-color: #fff;
  color: #555;
  padding: 5px 15px;
}

details summary:focus,
details summary:hover {
  background-color: #fff;
  color: #555;
  text-decoration: none;
}

details summary:focus {
  outline: 1px solid #1d6dd1;
}

details[open] {
  border: 0;
  border-radius: 4px;
}

details[open]>summary {
  border: 0;
  border-bottom: 1px solid #ddd;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  list-style-type: disclosure-open;
  margin-bottom: .25em;
}

details:not([open]) {
  visibility: hidden;
}

details:not([open])>details,
details:not([open])>* {
  display: none;
}

details.alert:not([open]) {
  visibility: visible;
}

section.block-facets-summary-blockhc-search {
  border: 0;
  box-shadow: none;
}

section.block-facets-summary-blockhc-search.mrgn-tp-lg {
  margin-top: 15px;
}

.form-item-archived {
  padding-left: 15px;
  padding-right: 25px;
  margin-top: 6px !important;
}

input#edit-archived--2 {
  margin-top: 10px;
  margin-right: 5px;
}

.simpler-select {
  padding: 5px;
}

.homepage-featured a {
  color: #444;
  font-weight: 600;
}

.homepage-recent {
  margin-left: .87em;
}

.homepage-recent a {
  font-weight: 600;
  text-decoration: underline;
}


.homepage-recent-row {
  border-bottom: solid 1px #ccc;
  padding: 15px 0px 15px 0;
  margin-right: 15px;
}

.home .views-field-field-recall-type .field-content,
.path-search .views-field-field-recall-type .field-content {
  display: flex;
}

.home .row-no-gutters .container .col-md-8 {
  padding-right: 1.87em;
}

.home .row-no-gutters .container .col-md-4 .field--name-body {
  margin-bottom: 1.87em;
}

.blank-home-recent-icon {
  min-width: 36px;
}

.home-recent-icon {
  width: 36px;
  height: 36px;
}

.homepage-banner {
  padding-top: 25px;
  padding-bottom: 5px;
}

/* New search */
.homepage-search {
  padding: 0;
  color: #fff;
  background-color: transparent;
  background-image: url("/themes/custom/gcext_wxt/images/search-bg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  /* margin-top: 4px; */
  margin-bottom: 1.87em;
  max-width: 100%;
  overflow: hidden;
}

.homepage-search .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media all and (min-width: 992px) {
  .homepage-search > .container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}


.home .homepage-search h1#wb-cont {
  border-bottom: 0 solid transparent;
  margin-bottom: 0;
  margin-top: 0;
  font-weight: 900;
  font-size: 2.5em;
  font-size: calc(2em + 1vw);
  line-height: 1;
}

@media all and (min-width: 992px) {
  .home .homepage-search h1#wb-cont {
    font-size: 4em;
    font-size: calc(3em + .2vw);
  }
}

.search-block-title-and-form {
  background-color: #6d6e71;
  border-radius: 0 0 5em 0;
  padding: 1.25em 3em 0 0;
}

@media all and (min-width: 992px) {
  .search-block-title-and-form {
    min-width: 80%;
  }
}

.home #custom-search-api-form {
  background: #fff;
  border-radius: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .25em;
  margin-bottom: 1.5em;
}

.home .custom-search-api-form .form-group {
  margin: 0;
  width: 100%;
  padding-right: 1em;
}

.home .custom-search-api-form .form-control {
  background: transparent;
  width: 100%;
  border: 0px solid transparent;
  border-radius: 2em;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.home .custom-search-api-form .form-control:focus {
  outline: 1px solid #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.home .custom-search-api-form .btn {
  background-color: #414042;
  color: #fff;
  border-radius: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
html:lang(fr) .home .custom-search-api-form .btn {
  min-width: 8em;
}

html:lang(en) .home .custom-search-api-form .btn {
  min-width: 6em;
}


.home .custom-search-api-form .btn .glyphicon {
  font-size: 1.25em;
  margin-right: .5em;
}

/* Advanced search button */
.btn-advanced-search,
.btn-advanced-search:hover,
.btn-advanced-search:focus,
.btn-advanced-search:visited {
  color: white;
}


@media all and (min-width: 767px) {
  .home .custom-search-api-form .btn .glyphicon {
    padding-right: .5em;
    margin-right: .75em;
  }
}

.home .custom-search-api-form .btn:hover,
.home .custom-search-api-form .btn:focus {
  color: #d1d1d1;
}

/* Icons */
.home-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  width: 100%;
  padding: 1em;
}

.home-icons .home-icon-container {
  height: 4em;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media all and (min-width: 992px) {
  .home-icons .home-icon-container {
    height: 100%;
  }
}

@media all and (max-width: 992px) {
  .home-icons .home-icon-container {
    width: 750px;
  }
}

.home-icon-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
}

@media all and (min-width: 992px) {
  .home-icon-grid {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

.home-icon {
  width: 3em;
  height: 3em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

@media all and (max-width: 250px) {
  .home-icon {
    width: 2em;
    height: 2em;
  }
}

@media all and (min-width: 767px) {
  .home-icon {
    width: 4em;
    height: 4em;
  }
}

@media all and (min-width: 992px) {
  .home-icon {
    width: 50%;
    height: 50%;
  }
}

.home-icon01-food {
  background-image: url("/themes/custom/gcext_wxt/images/icon01-food.svg");
}

@media all and (min-width: 992px) {
  .home-icon01-food {
    background-position: bottom right;
  }
}

.home-icon02-transport {
  background-image: url("/themes/custom/gcext_wxt/images/icon02-transport.svg");
}

@media all and (min-width: 992px) {
  .home-icon02-transport {
    background-position: bottom left;
  }
}

.home-icon03-products {
  background-image: url("/themes/custom/gcext_wxt/images/icon03-products.svg");
}

@media all and (min-width: 992px) {
  .home-icon03-products {
    background-position: top right;
  }
}

.home-icon04-health {
  background-image: url("/themes/custom/gcext_wxt/images/icon04-health.svg");
}

@media all and (min-width: 992px) {
  .home-icon04-health {
    background-position: top left;
  }
}

@media all and (max-width: 992px) {
  .home-bust-out {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
}

.homepage-recent .ar-type {
  color: #555;
  font-size: 16px;
  font-weight: 200;
  padding-left: 5px;
}

.homepage-recent .comms-type {
  margin-left: 5%;
}

.flag-lock {
  padding-bottom: 10px;
}

.wf-lock {
  padding-right: 3px;
}

#edit-workflow {
  margin-bottom: 10px;
}

#edit-cancel {
  margin-left: 10px;
}

.help-block,
.control-group .help-inline {
  color: #444;
  font-size: 14px;
  margin: 5px 0 10px;
  padding: 0;
}

.shs-select {
  padding: 8px;
  vertical-align: middle;
}

.block-gcext-user-account-block {
  padding-bottom: 5px;
}

.wf-due {
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  padding-bottom: 8px;
}

.wf-publish {
  padding-top: 8px;
}

.language-fr {
  background-image: url("../images/qc.png");
  height: 50px;
  background-position: right;
  background-repeat: no-repeat;
  margin-bottom: -40px;
}

@media all and (max-width:992px) {
  .language-fr {
    margin-bottom: 0;
  }
}
.views-field-link-flag .btn {
  white-space: nowrap;
}

/*page structure desktop (new) */
@media all and (min-width:992px) {
  section.gc-nav nav {
    position: relative;
    width: 33.33%;
    left: 66.66%;
    float: left;
    padding-left: 15px;
    margin-bottom: 30px;
  }

  section.gc-nav h1 {
    width: 66.66%;
    padding-right: 15px;
    margin-top: 20px;
    margin-bottom: -5px;
    font-weight: 200;
  }

  section.gc-nav-section {
    position: relative;
    width: 66.66%;
    float: left;
    padding-right: 15px;
  }

  section.gc-nav~section.gc-nav-section {
    right: 33.33%;
  }

  section.gc-nav~section.gc-nav-section h1 {
    margin-top: 0px;
  }

  section.gc-nav-section+.pagedetails {
    clear: both;
  }
}

@media all and (max-width:756px) {
  .path-frontpage .pagedetails {
    padding-left: 0px;
    padding-right: 0px;
  }
}

body:not(.path-frontpage) .pagedetails {
  padding-left: 0px;
  padding-right: 0px;
}

.pagedetails .btn {
  padding: 10px 14px;
}

#gc-navseq-header {
  font-size: 1.2em;
  margin-top: 0px;
}

.gc-navseq {
  padding-left: 0.9em;
}

.gc-navseq .small,
.gc-navseq small {
  line-height: 0em;
}

.gc-navseq * {
  font-weight: inherit !important;
  line-height: inherit !important;
}

.gc-navseq>li,
ul.gc-navseq-fa>li {
  padding-bottom: 20px;
  padding-right: 20px;
  list-style: none;
  padding-left: 1.2em;
  border-left: 5px solid #26374a;
  position: relative;
}

ul.gc-navseq-fa>li .fa-li {
  left: 0em;
  position: relative;
}

ul.gc-navseq-fa {
  margin-left: 0.9em;
}

li .gc-navseq {
  margin-top: 16px;
}

.gc-navseq>li>:first-child::before,
ul.gc-navseq-fa li span.fa-li {
  border-radius: 50%;
  border: 3px solid #26374a;
  background-color: #fff;
  float: left;
  text-decoration: none;
  box-sizing: content-box;
  line-height: 1.3em;
  text-align: center;
  padding: 3px;
  font-size: 1.0em;
  /* transition: width 0.2s, height 0.2s, margin-top 0.2s, font-size 0.2s, margin-left 0.2s, line-height 0.2s;
    */
}

ul.gc-navseq-fa li span.fa-li {
  height: 1.3em;
  width: 1.3em;
  margin-left: -2.3em;
}

ul.gc-navseq>li>:first-child::before {
  height: 0.8em;
  width: 0.8em;
  margin-left: -2.05em;
  content: "";
}

@-moz-document url-prefix() {
  ul.gc-navseq>li>:first-child::before {
    margin-left: -2.0em;
  }
}

.gc-navseq li a::before {
  text-decoration: underline;
}

ul.gc-navseq.noline>li {
  border-left: 5px solid transparent;
}

.gc-navseq>li:last-child,
.gc-navseq>li.completed:last-child,
ul.gc-navseq-fa li:last-child {
  border-left: 5px solid transparent;
  padding-bottom: 0;
}

ul.gc-navseq.noline>li>:first-child::before {
  margin-top: 0.2em;
}

ul.gc-navseq>li ul.gc-navseq.noline>li.active::before {
  content: " ";
  height: 4px;
  width: 1.6em;
  background-color: #26374a;
  position: absolute;
  margin-left: -3.6em;
  margin-top: 0.825em;
}

/*active*/
.gc-navseq li.active>:first-child::before,
.gc-navseq-fa li.active span.fa-li {
  background-color: #26374a;
  color: #fff;
}

/*sub-steps*/
.gc-navseq li ul {
  margin-top: 16px !important;
}

/*Hover animation */
ul.gc-navseq>li>a[href]:hover::before {
  width: 0.83em;
  height: 0.83em;
  margin-top: -0.1em;
  font-size: 1.2em;
  margin-left: -1.775em;
  line-height: 1.55;
}

ul.gc-navseq.noline>li>a[href]:hover::before {
  margin-top: 0.15em;
}

.gc-navseq-fa>li>a[href]:hover span.fa-li {
  width: 1.55em;
  height: 1.55em;
  margin-top: -0.05em;
  margin-left: -2.45em;
}

.gc-navseq-fa>li>a[href]:hover span.fa-li::before {
  margin-top: -0.1em;
}

/*Vertical steps in mobile */
@media screen and (max-width:991px) {
  section.gc-nav {
    margin-top: 30px;
    border-right: 5px solid #26374a;
    border-top: 5px solid #26374a;
    border-radius: 0 6px 6px 0;
  }

  section.gc-nav nav>.gc-navseq {
    padding-top: 15px;
    margin-top: -18px;
    clear: both;
  }

  section.gc-nav nav>.gc-navseq>li:last-child {
    border-bottom: 5px solid #26374a;
    border-left: 5px solid #26374a;
    border-bottom-left-radius: 6px;
    padding-bottom: 24px;
  }

  section.gc-nav h1 {
    margin-bottom: -18px;
    margin-right: 20px;
    background-color: white;
    padding: 20px 10px 10px 20px;
    margin-left: -20px;
    margin-top: -40px;
    float: left;
  }
}

/*nav buttons */
.gc-navseq-nav-btn:hover,
.gc-navseq-nav-btn:focus,
.gc-navseq-nav-btn:visited {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  padding: 5px;
}

.gc-navseq-nav-btn {
  background-color: #26374a;
}

.gc-navseq-nav-btn:hover {
  background-color: #444;
}

.gc-navseq-nav-btn:not(:focus) {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

@media all and (min-width:992px) {
  #gc-navseq-nav {
    display: flex;
  }
}

/*Navigation template in mobile */
@media all and (max-width:991px) {
  .gc-nav nav {
    padding-top: 40px;
  }
}

#gc-navseq-nav {
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
}

.gc-navseq-nav-btn:focus {
  position: relative;
}

.book-nav-buttons {
  margin-top: 35px;
}

/* supports the 3 column layout for MR instead of 4 columns */
.list-responsive-3>li {
  float: left;
  padding-right: 5px;
  width: 50%;
}

.list-responsive-3>li:nth-child(2n+2) {
  clear: right;
}

.list-responsive-3:before,
.list-responsive-3:after {
  content: " ";
  display: table;
}

.list-responsive-3:after {
  clear: both;
}

@media screen and (min-width: 1200px) {
  .list-responsive-3>li {
    width: 33%;
  }
}

@media screen and (max-width: 800px) {
  .btn-call-to-action {
    font-size: 19px !important;
  }

  .list-responsive-3>li {
    clear: right;
    width: 100%;
  }

}

.recall-alert-body .recall-alert-body {
  position: relative;
}

.recall-alert-body .dlSide {
  width: 940px;
  margin: 1em 0 1em 10px;
  padding: 0;
}

.recall-alert-body .width65 {
  width: 65% !important;
}

.recall-alert-body .dlSide dt {
  clear: left;
  float: left;
  width: 220px;
  margin: 0;
  padding: 5px;
  font-weight: bold;
}

.recall-alert-body .dlSide dd {
  float: left;
  width: 45%;
  margin: 0;
  padding: 5px;
}

.recall-alert-body .paddingNone {
  padding: 0px !important;
}

.recall-alert-body .width45 {
  width: 45% !important;
}

.recall-alert-body .clear {
  clear: both;
}

.recall-alert-body .cn-invisible {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  margin: 0 !important;
}

.recall-alert-body table th {
  text-align: left;
  background: #b8cad8;
  color: #245178;
}

.recall-alert-body table td,
.recall-alert-body table th {
  border: 1px solid #ccc;
  padding: 4px;
  margin: 0px;
}

.recall-alert-body .floatLeft {
  float: left !important;
}

.recall-alert-body ul.anchor {
  border-bottom: solid 1px #eee;
  border-top: solid 1px #eee;
  overflow: hidden;
  padding: 10px 0 15px 15px;
  margin-left: 0;
  list-style-image: url(../images/bullet_theme.gif);
}

.recall-alert-body .anchor li {
  float: left;
  width: 215px;
  margin-left: 0;
  padding-left: 0;
  margin-right: 15px;
}

#cn-doc-dates {
  position: absolute;
  bottom: 0;
  right: 10px;
}

.block-views-exposed-filter-blocksearch-block-1 {
  margin-top: 20px;
}

#edit-archived {
  margin-right: 5px;
}

#edit-submit-search {
  margin-right: 10px;
}

img {
  max-width: 100%;
  height: auto;
}

a:focus {
  outline: 5px auto;
  outline: 5px auto highlight;
}

@-moz-document url-prefix() {

  /*firefox specific fixes*/
  .btn:focus,
  .btn.active.focus {
    outline: 5px auto;
    outline: 5px auto highlight;
  }

  .btn:focus {
    outline-offset: -5px;
  }
}

/* Override bootstrap for accessibility */

@media screen and (max-width:1250px) {
  :lang(fr) .moderation-dashboard.row>div {
    min-width: 100%;
  }
}

.moderation-dashboard .view-content {
  overflow-x: auto;
}

/* override alerts so we can use alerts where there is no block level element within the alert*/

.alert {
  padding: 0 0 25px 25px;
  min-height: 3.5em;
}

.alert> :last-child {
  padding-bottom: 0;
}


.alert::before {
  margin-left: -1.57em;
}

.alert> :first-child {
  margin-left: 0;
}

.alert>h1:first-child,
.alert>h2:first-child,
.alert>h3:first-child,
.alert>h4:first-child,
.alert>h5:first-child,
.alert>h6:first-child {
  margin-left: 15px;
}

.alert>strong:first-child,
.alert>em:first-child,
.alert>span:first-child {
  display: inline;
}


.gcext-workflow-block-form {
  margin-bottom: 1em;
}

.gcext-workflow-block-form .panel-title::after {
  content: " ";
  position: absolute;
  margin-left: .5em;
  width: 1em;
  height: 1em;
  margin-top: .25em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='7.82' viewBox='0 0 15 7.82'%3E%3Cg%3E%3Cpolygon points='7.5 7.82 15 0 0 0 7.5 7.82' /%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transition: all ease-in-out .15s;
}

.gcext-workflow-block-form .panel-title[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

.gcext-workflow-block-form .issue-list li {
  margin-bottom: .75em;
}

.gcext-workflow-block-form div[data-drupal-selector="edit-options"] {
  border: 0;
  border-radius: 0;
  border-top: 2px solid;
}

.gcext-workflow-block-form .wf-due {
  font-weight: 600;
}

.gcext-workflow-block-form div[class*="wf-"] {
  padding-bottom: 1em;
}

.gcext-workflow-block-form .label-lg {
  padding: 1em 2em;
  margin: 1em 0;
  border-radius: 1em;
  text-align: center;
  font-weight: 600;
  color: rgba(0, 0, 0, .75);
}


#views-exposed-form-search-block-1 .form-actions button:first-of-type {
  margin-right: .5em;
}

.views-exposed-form:not(.block-views-exposed-filter-blocksearch-block-1) .form--inline>div {
  display: flex;
  flex-direction: column;
  padding: .5em;
}

@media screen and (max-width:860px) {

  .views-exposed-form:not(.block-views-exposed-filter-blocksearch-block-1) .form--inline *:not(button) {
    display: block;
    width: 100%;
    margin-bottom: .5em;
  }
}

.views-exposed-form:not(.block-views-exposed-filter-blocksearch-block-1) .form--inline>div:last-of-type {
  display: block;
  clear: both;
}

.filter-wrapper {
  display: none;
}

.form-uat .form-actions {
  position: relative;
  display: block;
  margin-bottom: 1em;
  min-height: 1em;
}

.form-uat .form-actions .webform-button--next {
  position: absolute;
  right: 0;
}

.form-uat .webform-link-download {
  display: flex;
  align-items: center;
  border-top: solid 1px rgba(0, 0, 0, .125);
  margin: 2.5em 0;
  padding: 1.5em 0;
}

.form-uat .webform-link-download span {
  display: block;
}

.form-uat .webform-link-download span:first-of-type {
  margin-right: .5em;
  font-size: 1.5em;
}

.form-uat .webform-section {
  margin-top: 5rem;
}

.form-uat textarea {
  width: 100%;
}

.form-uat .webform-button--submit {
  margin-left: 1em;
}

.fa-download {
  opacity: .70;
}

/* style alert and recall html brought in via migration */
.recall-alert-body {
  max-width: 100%;
  overflow-x: auto;
}

.recall-alert-body .floatRight {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 1em;
}

.recall-alert-body .floatRight p {
  width: 100%;
  font-weight: 600;
}

.recall-alert-body .floatRight>div {
  padding: .25em;
}

.recall-alert-body .floatRight>div a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.recall-alert-body ul.anchor {
  margin-left: .5em;
}

.recall-alert-body ul.anchor li {
  padding-left: .25em;
}

.recall-alert-body ul.anchor li a br {
  display: none;
}

a .embedded-entity .img-responsive {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
}

.recall-alert-body .floatLeft {
  min-height: .01%;
  max-width: 100%;
  overflow-x: auto;
}

/* Table fixes */

.recall-alert-body table {
  border-collapse: separate;
  border-spacing: 0;
  margin: 0 auto;
  width: 100% !important;
  border: 0;
}

.recall-alert-body table tr:nth-child(even) {
  background-color: #fff;
}

.recall-alert-body table tr:nth-child(odd) {
  background-color: #f5f5f5;
}

.recall-alert-body table>thead>tr>th,
.recall-alert-body table>thead>tr>td,
.recall-alert-body table>tbody>tr>th,
.recall-alert-body table>tbody>tr>td,
.recall-alert-body table>tfoot>tr>th,
.recall-alert-body table>tfoot>tr>td {
  padding: calc(1em + 8px) 8px;
  line-height: 1.4375;
  vertical-align: top;
  border-top: 1px solid #ddd;
  border-left: 0px;
  border-right: 0px;
}

.recall-alert-body table thead tr {
  border-bottom: 1px solid black;
}

.recall-alert-body table thead tr.active th,
.recall-alert-body table thead tr,
.recall-alert-body table thead tr th,
.recall-alert-body table tr th {
  background-color: #fff;
  color: #333333;
  border-top: transparent;
}

.recall-alert-body table caption {
  text-align: left;
  font-weight: 300;
}

/*/table fixes*/

.recall-alert-body h2 {
  margin-top: 30px !important;
}

.recall-alert-body .single_awr div.spacer {
  display: none;
}

.recall-alert-body .single_awr {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.recall-alert-body .single_awr .category_img_col {
  width: 40px;
}


.recall-alert-body .single_awr .advisory_type_col {
  width: 100%;
  margin-left: 40px;
}

.recall-alert-body .single_awr .awr_title_col {
  max-width: calc(100% - 40px);
}

input.webform-counter-warning,
input.form-text.webform-counter-warning,
textarea.webform-counter-warning,
textarea.form-textarea.webform-counter-warning {
  border-color: #734c00;
}

.close {
  opacity: .7;
}

/*/styles for migrated content*/

.tgl-panel>div {
  clear: both;
  overflow: auto;
  padding-bottom: .75em;
}

.mfp-bg {
  opacity: 0.85;
}

.ar-summary .alert> :first-child {
  margin-left: 15px;
}

.overflow-auto {
  overflow: auto;
}
/* print styles
reference for details issue in WET https://github.com/wet-boew/wet-boew/issues/7158

check style for home page
*/

@media print {
  .region-header .h3 {
    margin-bottom: 1em!important;
  }

  a[href*="change-log"],
  button,
  .btn,
  .ar-brand,
  details.ar-brand-details,
  .alert-info::before,
  .alert::before,
  .dataTables_filter,
  .dataTables_length,
  .sorting-cnt,
  .pager-nav,
  form[class*="search"] {
    display: none!important;
  }

  .alert-info,
  .alert {
    border: 0 transparent;
  }

}

input.webform-counter-warning,
input.form-text.webform-counter-warning,
textarea.webform-counter-warning,
textarea.form-textarea.webform-counter-warning {
  border-color: #734c00;
}

.close {
  opacity: .7;
}

.ar-additional-info details {
  float: none;
  clear: both;
}
.ar-additional-info summary:focus {
  outline: 1px solid #1d6dd1;
}

.ar-additional-info details>div {
  clear: both;
}

.ar-additional-info details[open]>summary {
  border-bottom: 0;
}

.slick-arrow::before {
  color: #992e00;
}

#cn-doc-dates {
  position: static;
  right: 0;
}

@media all and (min-width: 600px) {
  .ar-build .block-gcext-edit-button>div>div {
    position: relative;
  }

  .ar-build .block-gcext-edit-button>div>div>div {
    display: inline-block;
    position: absolute;
    right: 5em;
    top: 1.5em;
  }

  .ar-build .views-build-section {
    margin-bottom: 2.5em;
    padding-bottom: 2.5em;
    margin-right: 8em;
  }

}

@media all and (max-width: 720px) {

  #views-exposed-form-search-block-1>div {
    padding: 0;
  }

  #views-exposed-form-search-block-1 .form-item-search-api-fulltext {
    display: block;
    width: 100%;
  }

  #views-exposed-form-search-block-1 .form-item-search-api-fulltext input {
    width: 100%;
    margin: 0;
  }
}


@media all and (max-width: 400px) {

  #views-exposed-form-search-block-1 .form-type-checkbox {
    display: block;
    width: 100%;
  }
}

@media all and (max-width: 220px) {
  #views-exposed-form-search-block-1 .form-actions button {
    display: block;
    width: 100%;
    margin-bottom: .75em;
  }
}

section.block-facet--links * {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  text-decoration: none;
}

section.block-facet--links h2 {
  margin-top: 0!important;
  padding: .5rem;
}

section.block-facet--links .facet_with_count {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .5rem;
  width: 100%;
}
section.block-facet--links ul:first-of-type {
  padding-bottom: 1em;
  padding-top: 1em;
}

section.block-facet--links .facet_name {
  flex-basis: 80%;
  padding-right: 1em;
}

section.block-facet--links .facet-count {
  padding: .5em 1em;
  font-size: .75em;
  font-weight: 700;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #6f6f6f;
  border-radius: 1em;
  line-height: 1em;
}

html:lang(fr) .field--label-inline .field--label::after {
  content: ' :';
}

.language-switcher-language-url a[href*="authkey="] {
  text-decoration: none;
  pointer-events: none;
}

.language-switcher-language-url a[href*="authkey="] abbr,
.language-switcher-language-url a[href*="authkey="] span {
  display: none!important;
}

html:lang(en) .language-switcher-language-url a[href*="authkey="]::after {
  text-decoration: line-through;
  content: "FR";
}

html:lang(fr) .language-switcher-language-url a[href*="authkey="]::after {
  text-decoration: line-through;
  content: "EN";
}

@media all and (min-width: 576px) {
  html:lang(en) .language-switcher-language-url a[href*="authkey="]::after {
    text-decoration: line-through;
    content: "Français";
  }

  html:lang(fr) .language-switcher-language-url a[href*="authkey="]::after {
    text-decoration: line-through;
    content: "English";
  }
}

@media all and (min-width: 768px) {
  .recall-automotive .field--name-field-affected-products-txt ul {
    column-count: 2;
    column-gap: 3em;
  }
}

@media all and (min-width: 1200px) {
  .recall-automotive .field--name-field-affected-products-txt ul {
    column-count: 3;
    column-gap: 3em;
  }
}

/* Toolbar orientation button contrast fix */

.toolbar .toolbar-toggle-orientation [value="horizontal"]:before {
  background-image: url(/core/misc/icons/787878/push-up.svg);
}

.toolbar .toolbar-toggle-orientation [value="vertical"]:before {
  background-image: url(/core/misc/icons/787878/push-left.svg);
}

.toolbar .toolbar-bar .toolbar-tab > .toolbar-item:hover,
.toolbar .toolbar-bar .toolbar-tab > .toolbar-item:focus {
  background-image: -webkit-linear-gradient(rgba(255,255,255,0.25) 20%,transparent 200%);
  background-image: linear-gradient(rgba(255,255,255,0.25) 20%,transparent 200%);
}

@media all and (max-width: 600px) {
  .ar-build .block-gcext-edit-button:nth-of-type(1)>div>div>div {
    margin-top: 60px;
  }
}

#block-gcext-wxt-reportproblemblock {
  z-index: 9999;
}

a.blazy__gcext-lightbox.litebox:focus {
  box-shadow: 0 0 5px rgb(0 0 0 / 40%);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  padding: 4px;
}

a.blazy__gcext-lightbox.litebox:focus .media__icon--litebox {
  opacity: 1;
  visibility: visible;
}

.block-op-date-modified {
  display: inline-block;
}

.page-node-type-recall h1.gc-thickline.has-survey-block {
  max-width: 500px;
}

.stop-sticky-flag{
  position: absolute;
  top: 35px;
}
.survey-popup{
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  max-width: 1170px;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
  z-index: 9999;
}
.survey-popup.fixed-popup{
  position: fixed;
  top: 50px;
}
.gc-ext-survey {
  position: absolute;
  z-index: 999;
  margin: 0;
  max-width: 400px;
  right: 0;
}
@media print {
  .gc-ext-survey {
    display: none;
  }
}
main.container{
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1023.98px){
  .page-node-type-recall h1.gc-thickline.has-survey-block {
    max-width: 400px;
  }
}
@media screen and (max-width: 991.98px){
  .page-node-type-recall h1.gc-thickline.has-survey-block {
    max-width: 300px;
  }
}
@media screen and (max-width: 767.98px){
  .page-node-type-recall h1.gc-thickline.has-survey-block {
    max-width: 100%;
  }
  .survey-popup{
    position: absolute !important;
    top: 35px !important;
  }
  .path-frontpage .survey-popup{
    position: relative !important;
    top: 0 !important;
  }
  .gc-ext-survey {
    max-width: 100%;
    margin: 0 15px;
    position: relative;
  }
  .path-frontpage .survey-popup .gc-ext-survey {
    margin: 0;
  }
  body.has-survey main.container{
    padding-top: 140px;
  }
  body.path-frontpage.has-survey main.container{
    padding-top: inherit;
  }
}
.path-frontpage .survey-popup {
  position: relative;
  top: 0;
}
.path-frontpage .survey-popup .gc-ext-survey {
  position: relative;
  top: 0%;
  min-width: 100%;
}

.gc-ext-survey .mrgn-tp-xl {
  margin-top: 0;
}

/* Styles for search page facet block. */
.gcext-search-page details {
  padding: 0;
}
.gcext-search-page summary {
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  padding: .75em 1em;
  font-weight: 600;
  font-size: 1.15em;
}

/* Class to set display: none. This is set to !important to override use of !important in GCWeb. */
.gcext-display-none-important {
  display: none !important;
}

/* Make shs "Add another item" button links appear like buttons. */
.shs-addnew-container > a.button {
  padding: 6px 12px;
  color: #fff;
  background-color: #4d4d4d;
  border: 1px solid #1a1a1a;
  border-radius: 4px;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
}

/* "Get notified" block */
#block-gcext-wxt-getnotified {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  margin: 1em 0;
  padding: 1em;
}
#block-gcext-wxt-getnotified > h2 {
  margin-top: 0 !important;
}
#block-gcext-wxt-getnotified > *:last-child > *:last-child {
  margin-bottom: 0;
}

/* Format field_cfia_id as comma-separated list. */
.field--name-field-cfia-id.field--type-string > div {
  display: inline;
}
.field--name-field-cfia-id.field--type-string > div::after {
  content: ", ";
}
.field--name-field-cfia-id.field--type-string > div:last-child::after {
  content: "";
}

/* Ensure "Media and public enquiries" block appears below blocks above it. */
details.gcext_media_contact {
  clear: both;
}

/* fix text overlap in recaptcha */
.g-recaptcha > div {
  height: auto !important;
}

/* Ensure that select lists don't expand past the width of their container. */
select.form-control {
  width: 100%;
  max-width: 100%;
}