.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.pl-0 {
  padding-left: 0;
}

/* Node preview context buttons */
form.node-preview-form-select.gin-layout-container {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 5rem;
  margin-left: 1rem;
}

@media screen and (min-width: 992px) {
  form.node-preview-form-select.gin-layout-container {
    margin-top: 1rem;
  }
}

form.node-preview-form-select.gin-layout-container a.node-preview-backlink {
  display: block;
  grid-column: span 2 / span 2;
}

form.node-preview-form-select.gin-layout-container
  div.js-form-item.form-item.js-form-type-select {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  align-items: center;
  margin-bottom: 0;
  padding: 0 0.5rem;
  border: 1px solid var(--gin-color-text);
  border-radius: 0.25rem;
  line-height: 0;
}

form.node-preview-form-select.gin-layout-container
  div.js-form-item.form-item.js-form-type-select
  label {
  margin: 0;
  padding: 0;
  line-height: 0;
}

form.node-preview-form-select.gin-layout-container input.btn-primary {
  padding: 1rem;
  height: max-content;
  width: fit-content;
}

/*Drupal breadcrumb override, otherwise receives unwanted styles from WET*/
.block-poweb-breadcrumbs nav.breadcrumb,
nav.block-menu ul.menu {
  padding: 0 2px;
}

.block-poweb-breadcrumbs nav.breadcrumb ol {
  padding-inline-start: 0;
}

/*Color override for user label text color*/
.contextual-region .form-item .label {
  color: inherit;
}

.contextual-region .form-item .label:after {
  content: ":";
}

/*Increase the size of pencil icons in the contextual configure buttons everywhere*/
[dir="ltr"] .contextual .trigger::before {
  transform: translate(-50%, -50%) scale(2) !important;
}

/*Breadcrumbs chevron and styles override*/
#wb-bc li:before {
  content: "\e080";
  top: 0;
}

#wb-bc .breadcrumb li a {
  padding: 0;
}

/* Landing page template banner images */
.provisional.gc-topic-bg img {
  height: 200px;
  object-fit: cover;
  object-position: left;
}

/* Datatable.js missing overrides */
.dataTables_wrapper .top {
  margin-bottom: 1rem;
}

.dataTables_filter label {
  display: flex;
  margin-bottom: 0;
}

.dataTables_filter input {
  margin-bottom: 0;
  height: 3.5rem;
}

.lgnd-h4 {
  font-size: 0.8em;
}

/*Wells*/
.rcmp-imgFig .rcmp-imgFig-inner-wrapper figcaption > :last-child {
  margin-bottom: 0 !important;
}

.brdr-tp-0 {
  border-top: none;
}

/*Home page*/
#home-page .hero-bnr {
  min-height: 500px;
  height: 500px;
  max-height: 500px;
  overflow: hidden;
  position: relative;
}

#home-page .hero-bnr img {
  background-color: white;
  min-height: 500px;
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

#home-page .hero-bnr .hero-txt {
  padding: 0px 25px 0px 25px;
  background-color: rgba(0, 0, 0, 0.5);
}

#home-page .hero-bnr .hero-txt .hero-ttl {
  border-bottom: 3px solid #ecb731;
}

/*Socials*/
/*temporary until new style sheets come in*/

.gc-followus ul {
  display: block;
  font-size: 87%;
  font-weight: 700;
  list-style: none;
  -webkit-margin-before: 1em;
  margin-block-start: 1em;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}

.gc-followus ul.list-inline li {
  display: inline-block;
  padding-right: 0;
  margin-bottom: 21px;
}

.gc-followus ul.list-inline li a {
  height: 38px;
  width: 38px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

.gc-followus .facebook::before {
  background-image: url("../assets/gc-follow-us/facebook.svg");
}

.gc-followus .x::before {
  background-image: url("../assets/gc-follow-us/x.svg");
}

.gc-followus .youtube::before {
  background-image: url("../assets/gc-follow-us/youtube.svg");
}

.gc-followus .instagram::before {
  background-image: url("../assets/gc-follow-us/instagram.svg");
}

.gc-followus .linkedin::before {
  background-image: url("../assets/gc-follow-us/linkedin.svg");
}

.gc-followus .facebook::before,
.gc-followus .x::before,
.gc-followus .youtube::before,
.gc-followus .instagram::before,
.gc-followus .linkedin::before {
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 38px;
  margin-right: 10px;
  min-width: 38px;
}

.toolbar-horizontal {
  margin-top: 8rem;
}

/* dev bar offset in testing environment */
.test-offset {
  margin-top: 9.25rem !important;
}

/* toolbar offset in production environment */
.prod-offset {
  margin-top: 5rem !important;
}

/* datatables overrides */
.dataTables_wrapper .top {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  align-items: end;
  justify-content: start;
}

.dataTables_wrapper .dataTables_length {
  margin-left: 15px;
  min-height: 10px;
}

.dataTables_wrapper .dataTables_length label {
  margin-bottom: 0;
}

.dataTables_wrapper .dataTables_length {
  margin-left: 0;
}

@media screen and (min-width: 992px) {
  .dataTables_wrapper .top {
    grid-auto-flow: column;
    grid-auto-columns: auto;
    grid-template-columns: none;
  }

  .dataTables_wrapper .dataTables_length {
    margin-left: 15px;
  }

  .dataTables_wrapper .dataTables_length label {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .dataTables_wrapper .dataTables_length select {
    margin-right: 1rem;
    margin-left: -0.5rem;
  }
}

table.dataTable thead button {
  color: inherit;
  padding-bottom: 5px;
  line-height: 0;
}

/* Unilingual message and banner */
.unilingual-wrapper {
  background-color: #ededed;
}

.unilingual-container details,
.unilingual-container summary,
.unilingual-container summary:hover,
.unilingual-container summary:focus {
  background-color: #fff;
}

.unilingual-container #unilingual {
  margin-top: 15px;
  margin-bottom: 0;
}

.unilingual-container p.h2 {
  margin-bottom: 15px;
}

#unilingual-bnr {
  background: #f9f4d4;
}

#unilingual-bnr p {
  margin: 0;
  text-align: center;
  line-height: 1.3;
}

#unilingual-bnr a {
  color: #000;
  display: block;
  font-weight: 700;
  padding: 0.75em 44px;
  text-decoration: underline;
}

#unilingual-bnr .overlay-close {
  color: #000;
  background-color: transparent;
}

#unilingual-bnr .overlay-close:hover {
  border: solid 1px #000;
}

#unilingual-bnr.wb-overlay.open {
  position: absolute;
}