/**
 * Nu Courts Theme - Custom Styles
 * Nunavut Courts Digital Platform
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/* ==================== Color Variables ==================== */
:root {
  --nu-primary: #0A0B0C;
  --nu-secondary: #0167A5;
  --nu-accent: #cc9933;
  --nu-text-dark: #333333;
  --nu-text-light: #666666;
  --nu-border: #e0e0e0;
  --nu-background: #ffffff;
  --nu-background-light: #f8f9fa;
  --light-blue: #AED2D9;
  --yellow: #FFCB65;
  --green: #93D1A4;
  --light-grey: #E6E6E6;
  --font-base: "Noto sans", sans-serif;
  --font-heading: "DM Sans", sans-serif;
  --fw-regular: "400";
  --fw-medium: "500";
  --fw-semibold: "600";
  --fw-bold: "700";
}

/* ==================== Typography ==================== */
body {
  font-family: var(--font-base);
  color: var(--nu-text-dark);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--nu-primary);
  font-weight: 600;
  margin-bottom: 1rem;
  font-family: var(--font-heading);
}
a {
  color: var(--nu-secondary);
}
table tr th {
  background: var(--nu-secondary) !important;
}
table tr th:first-child {
  border-radius: .5rem 0 0 0;
}
table tr th:last-child {
  border-radius: 0 .5rem 0 0;
}
.view-content .table-responsive {
  padding: 0;
}
.court-card .btn, .court-card .btn-primary {
  background-color: transparent;
  border: 0;
  padding: 0;
}
.court-card .btn:hover, .court-card .btn-primary:hover {
  background: transparent;
}
.d-flex .js-form-item {
  margin-right: .3125rem;
}
.d-flex .js-form-item:last-child {
  margin-right: 0;
}
/* Multilingual font support for Inuktitut and Inuinnaqtun */
@font-face {
  font-family: 'Pigiarniq';
  src: url('../fonts/pigiarniq.woff2') format('woff2');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

[lang="iu"],
[lang="in"],
.node--lang-iu,
.node--lang-in {
  font-family: 'Pigiarniq', sans-serif;
}
#toolbar-administration li {
  font-size: unset;
}
/* ==================== Header & Navigation ==================== */
.site-header {
  background-color: var(--nu-primary);
  color: #ffffff;
  padding: 1rem 0;
}

.site-branding h1 {
  color: #ffffff;
  margin: 0;
}

/* Courts Navigation (horizontal links in primary menu) */
.block-system-menu-blockcourts-navigation {
  margin: 0;
}

.block-system-menu-blockcourts-navigation ul {
  display: flex;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}

.block-system-menu-blockcourts-navigation li {
  margin: 0;
}

.block-system-menu-blockcourts-navigation a {
  display: block;
  padding: 0.75rem 1.25rem;
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.95rem;
  transition: background-color 0.2s ease;
  border-radius: 0.25rem;
}

.block-system-menu-blockcourts-navigation a:hover,
.block-system-menu-blockcourts-navigation a:focus {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.block-system-menu-blockcourts-navigation a.is-active {
  background-color: var(--nu-secondary);
  color: #ffffff;
}

/* Language Switcher Dropdown */
/* .language-switcher-dropdown {
  position: relative;
  display: inline-block;
}

.language-dropdown-trigger {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.25rem;
  color: #ffffff;
  font-weight: 600;
  font-size: 0.9rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.language-dropdown-trigger:hover,
.language-dropdown-trigger:focus,
.language-switcher-dropdown.is-open .language-dropdown-trigger {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.5);
}

.language-dropdown-trigger .dropdown-arrow {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid currentColor;
  transition: transform 0.2s ease;
}

.language-switcher-dropdown.is-open .dropdown-arrow {
  transform: rotate(180deg);
}

.language-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 120px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  padding: 0.5rem 0;
  margin-top: 0.25rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-5px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  z-index: 1002;
}

.language-switcher-dropdown.is-open .language-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.language-dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.language-dropdown-menu li {
  margin: 0;
}

.language-dropdown-menu a {
  display: block;
  padding: 0.5rem 1rem;
  color: var(--nu-text-dark);
  text-decoration: none;
  font-size: 0.9rem;
  transition: background-color 0.2s ease;
}

.language-dropdown-menu a:hover,
.language-dropdown-menu a:focus {
  background-color: var(--nu-background-light);
  color: var(--nu-primary);
}

.language-dropdown-menu a.is-active {
  background-color: var(--nu-primary);
  color: #ffffff;
} */
.language-dropdown-trigger {
  display: none;
}
/* Legacy Language Switcher (inline) */
.page-node-83 #block-nu-courts-theme-language-switcher {
  position: initial;
}
.page-node-83 #block-nu-courts-theme-language-switcher .language-link {
  color: #FFF;
}
#block-nu-courts-theme-language-switcher .language-link {
  color: #000;
  text-decoration: none;
}
#block-nu-courts-theme-language-switcher .language-link:hover {
  text-decoration: underline;
}
#block-nu-courts-theme-language-switcher .language-link.is-active {
  display: none;
}
.language-switcher {
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 0.5rem 0;
}

.language-switcher a {
  color: #ffffff;
  text-decoration: none;
  padding: 0.25rem 0.75rem;
  border-radius: 0.25rem;
  transition: background-color 0.3s ease;
}

.language-switcher a:hover,
.language-switcher a.is-active {
  background-color: var(--nu-secondary);
  color: #ffffff;
}

/* Court Navigation Bar with Dropdowns */
.court-navigation {
  background: var(--nu-secondary);
  padding: 0;
  position: relative;
  z-index: 1000;
}

.court-navigation .nav-container {
  display: flex;
  justify-content: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: 1200px;
  margin: 0 auto;
}

/* Dropdown wrapper */
.court-dropdown {
  position: relative;
}

/* Dropdown trigger button */
.court-dropdown-trigger {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 1.5rem;
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 1rem;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.court-dropdown-trigger:hover,
.court-dropdown-trigger:focus,
.court-dropdown.is-open .court-dropdown-trigger {
  background-color: var(--nu-primary);
  color: #ffffff;
}

/* Dropdown arrow */
.court-dropdown-trigger::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid currentColor;
  transition: transform 0.2s ease;
}

.court-dropdown.is-open .court-dropdown-trigger::after {
  transform: rotate(180deg);
}

/* Dropdown menu */
.court-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 280px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 0.5rem 0.5rem;
  padding: 0.5rem 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  z-index: 1001;
}

.court-dropdown.is-open .court-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Dropdown menu items */
.court-dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.court-dropdown-menu li {
  margin: 0;
}

.court-dropdown-menu a {
  display: block;
  padding: 0.75rem 1.5rem;
  color: var(--nu-text-dark);
  text-decoration: none;
  font-weight: 400;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.court-dropdown-menu a:hover,
.court-dropdown-menu a:focus {
  background-color: var(--nu-background-light);
  color: var(--nu-primary);
}

.court-dropdown-menu a.is-active {
  background-color: var(--nu-primary);
  color: #ffffff;
}

/* Nested submenu styling */
.court-dropdown-menu ul ul {
  padding-left: 1rem;
  border-left: 2px solid var(--nu-border);
  margin-left: 1rem;
}

.court-dropdown-menu ul ul a {
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
}

/* Court Switcher Menu (legacy - sidebar usage) */
.court-switcher {
  background: var(--nu-primary);
  padding: 1rem;
  margin-bottom: 2rem;
}

.court-switcher ul {
  display: flex;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

.court-switcher a {
  color: #ffffff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.court-switcher a:hover {
  color: var(--nu-accent);
}

/* Contextual Court Menu */
.contextual-court-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  background: var(--nu-background-light);
  border-radius: 0.5rem;
  padding: 1rem;
}

.contextual-court-menu li {
  margin-bottom: 0.5rem;
}

.contextual-court-menu-link {
  color: var(--nu-primary);
  text-decoration: none;
  display: block;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  transition: all 0.3s ease;
}

.contextual-court-menu-link:hover {
  background-color: var(--nu-secondary);
  color: #ffffff;
}

/* ==================== Homepage Layout ==================== */

/* Court Cards Grid */
.view-court-cards {
  padding: 0 0;
}

.view-court-cards .view-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: .3rem;
}

.court-card {
  background: var(--light-blue);
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
}
.court-card:nth-child(2) {
  background: var(--yellow);
}
.court-card:nth-child(3) {
  background: var(--green);
}
.court-card:nth-child(4) {
  background: var(--light-grey);
}

.court-card__title a {
  margin: 0;
  font-size: 2rem;
  color: var(--nu-primary);
  text-decoration: none;
  height: 5rem;
  display: block;
  line-height: 1;
  font-family: var(--font-heading);
}

.court-card__title a:hover {
  text-decoration: underline;
}

.court-card__description {
  color: #000;
  font-size: 1.125rem;
  line-height: 1.4;
  flex-grow: 1;
  display: block;
  height: 12rem;
}
.court-card__cta {
  display: inline-block;
  padding: 0.75rem;
  background: #FFF no-repeat center center;
  font-size: 0;
  text-decoration: none;
  border-radius: 50%;
  
  height: 2.75rem;
  width: 2.75rem;
  border: 0;
  position: relative;
}
.court-card__cta:hover {
  background: #FFF;
}
.court-card__cta:after {
  position: absolute;
  background: url("../images/icon-arrow-right-blue.svg") no-repeat;
  transition: transform 0.2s ease-in-out;
  height: 1rem;
  width: 1rem;
  top: .9rem;
  left: .9rem;
  background-size: contain;
  content: " ";
}
.court-card__cta:hover:after {
  transform: translateX(8px);
}

/* Homepage header/title area */
.view-court-cards + .block-page-title-block,
.block-page-title-block + .view-court-cards {
  margin-top: 0;
}

/* Front page specific styling */
.path-frontpage .region-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

.path-frontpage h1.page-title {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: var(--nu-primary);
}

.path-frontpage .block-views-blockcourt-cards-block-homepage h2 {
  text-align: center;
  font-size: 1.75rem;
  margin-bottom: 2rem;
  color: var(--nu-primary);
}

/* Responsive court cards */
@media (max-width: 768px) {
  .view-court-cards {
    padding: 1rem;
  }

  .view-court-cards .view-content {
    grid-template-columns: 1fr;
  }

  .path-frontpage .region-content {
    padding: 1rem;
  }
}




/* ==================== Content Types ==================== */
.node__content {
  font-size: 1rem;
}
.field--name-field-date {
  margin-bottom: 2rem;
}
/* Court Landing Pages */
body.node--type-court {
  margin-bottom: 0;
}
.node--type-court {
  margin-bottom: 2rem;
}

.node--type-court .field--name-field-description {
  font-size: 1.1rem;
  line-height: 1.8;
  margin: 1.5rem 0;
}

/* Documents */
.node--type-documents .field--name-field-file {
  margin: 1rem 0;
}

.node--type-documents .field--name-field-pub-date {
  color: var(--nu-text-light);
  font-style: italic;
  margin-bottom: 0.5rem;
}

/* Judges */

.node--type-judges #block-nu-courts-theme-content {
  padding: 7rem 0;
}

.judge-photo img {
  border-radius: 50%;
  height: 6.25rem;
  width: 6.25rem;
  margin-bottom: 2.375rem;
}

.node--type-judges .field--name-field-short-bio {
  font-size: 1rem;
  line-height: 1.7;
  color: #000;
  margin: 1rem 0;
}

/* Judge Profile Page */
.judge-header {
  margin-bottom: 7rem;
}

.judge-name {
  font-size: 2.5rem;
  color: var(--nu-primary);
  margin: 0 0 2.375rem 0;
  font-weight: 600;
}

.judge-assignment {
  font-size: 1.625rem;
  color: var(--nu-text-dark);
  font-family: var(--font-heading);
}

.judge-content {
  max-width: 768px;
  margin: 0 auto;
}
.back-button a {
 padding-left: 1.5rem;
 position: relative;
 margin-bottom: 2.5rem;
 color: var(--nu-secondary);
 display: inline-block;
}
.back-button a:before {
  content: " ";
  background: url("../images/icon-arrow-right-blue.svg") no-repeat left center;
  background-size: 1rem;
  position: absolute;
  top: .3rem;
  left: 0;
  transform: rotate(180deg);
  height: 1rem;
  width: 1rem;
}
.judge-bio {
  min-width: 0;
}

.judge-short-bio {
  font-size: 1.1rem;
  line-height: 1.8;
  color: var(--nu-text-dark);
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--nu-border);
}

.judge-full-bio {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--nu-text-dark);
}

.judge-full-bio p {
  margin-bottom: 1rem;
}

/* Responsive judge profile */
@media (max-width: 768px) {

}

/* News & Announcements */
.node--type-news-announcements .field--name-field-signature-image-media {
  margin-bottom: 1.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

.node--type-news-announcements .field--name-field-teaser {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

/* Homepage Slider */
.node--type-homepage-slider {
  position: relative;
}

.node--type-homepage-slider .field--name-field-image-media img {
  width: 100%;
  height: auto;
  display: block;
}

.node--type-homepage-slider .field--name-field-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  color: #ffffff;
  padding: 3rem 2rem 2rem;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

/* ==================== Buttons & Links ==================== */
.user-login-form,
.user-pass {
  max-width: 24rem;
}
.user-login-form .form-actions .btn-primary,
.user-pass .form-actions .btn-primary {
  width: auto;
}

.btn-primary {

}

.btn-primary:hover {

}

.btn-secondary {

}

a {

}

a:hover {
  text-decoration: underline;
}

/* ==================== Tables ==================== */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5rem 0;
}

th {
  background-color: var(--nu-primary);
  color: #ffffff;
  padding: 0.75rem;
  text-align: left;
}

td {
  padding: 0.75rem;
  border-bottom: 1px solid var(--nu-border);
}

tr:hover {
  background-color: var(--nu-background-light);
}

/* ==================== Forms ==================== */
.form-control {
  width: 100%;
  transition: border-color 0.3s ease;
}

.form-control:focus {
  border-color: var(--nu-secondary);
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(102, 153, 204, 0.25);
}

/* ==================== Footer ==================== */
.site-footer {
  background-color: #A5B7BC;
  padding: 5rem 1rem;
  font-family: var(--font-base);
}
.site-footer .container {
  background: #FFF;
  max-width: 1312px;
  margin: 0 auto;
  border-radius: 1rem;
  padding: 3rem 3rem 1rem;
}
.site-footer a {
  color: var(--nu-secondary);
}
@media screen and (max-width: 1400px) {
  .site-footer .container {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1200px) {
  .site-footer .container {
    max-width: 960px;
  }
}
@media screen and (max-width: 992px) {
  .site-footer .container {
    max-width: 100%;
  }
}
.site-footer .block {
  border: 0;
  margin: 0;
  padding: 0;
}
#block-nu-courts-theme-footeraddress {
  padding: 12rem 0 0;
  background: url("../images/footer-logo.svg") no-repeat left top;
  background-size: 9.5rem;
}
#block-nu-courts-theme-footeraddress .field--name-body a {
  text-decoration-color: var(--nu-secondary);
  color: #000
}
.site-footer .content {
  color: #000 !important;
  font-size: 1rem;
}
.site-footer__bottom {
  border-top: 1px solid rgba(10, 11, 12, .15);
}
.site-footer .content a, .site-footer .content a.is-active {
  color: #000
}
.site-footer__top .region:last-child {
  float: right;
  width: 28rem;
}
@media screen and (max-width: 992px) {
  .site-footer__top .region {
    width: 100%;
  }
  .site-footer__top .region:last-child {
    width: 100%;
    float: none;
    flex-direction: column;
    padding: 0;
  }
}
#block-nu-courts-theme-footercourtofappeal,
#block-nu-courts-theme-footercourtofjustice {
  width: 50%;
}
@media screen and (max-width: 992px) {
  #block-nu-courts-theme-footercourtofappeal,
  #block-nu-courts-theme-footercourtofjustice {
    width: 100%;
  }
}
#block-nu-courts-theme-footercourtofappeal .nav-item,
#block-nu-courts-theme-footercourtofjustice .nav-item {
  width: 100%;
}
#block-nu-courts-theme-footercourtofappeal .nav-link,
#block-nu-courts-theme-footercourtofjustice .nav-link {
  font-weight: var(--fw-semibold);
  font-size: 1.125rem;
}
@media screen and (max-width: 992px) {
  #block-nu-courts-theme-footercourtofappeal .nav-link, 
  #block-nu-courts-theme-footercourtofjustice .nav-link,
  #block-nu-courts-theme-footercourtsmenu .nav-link {
    padding: .5rem 0;
  }
}
#block-nu-courts-theme-footercourtsmenu {
  width: 50%;
}
@media screen and (max-width: 992px) {
  #block-nu-courts-theme-footercourtsmenu {
    width: 100%;
  }
  #block-nu-courts-theme-footercourtsmenu .nav {
    flex-direction: column;
  }
}
/* Footer menu links */
.site-footer__bottom .menu {
  display: flex;
  justify-content: center;
  gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

.site-footer__bottom .menu li {
  margin: 0;
}

.site-footer__bottom .menu a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9rem;
  padding: 0.5rem 0;
  display: inline-block;
}


.region-footer-fifth {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .region-footer-fifth {
    flex-direction: column-reverse;

  }
}
#block-nu-courts-theme-copyright {
  color: #fff;
  max-width: 20rem;
  text-align: left;
}
#block-nu-courts-theme-footer-menu {
  max-width: 30rem;
}
@media screen and (max-width: 992px) {
  #block-nu-courts-theme-footer-menu .nav {
    flex-direction: column !important;
    justify-content: start;
  }
}
#block-nu-courts-theme-footer-menu .nav-link {
  color: #000;
  text-decoration: underline;
  text-decoration-color: var(--nu-secondary) !important;
}
@media screen and (max-width: 992px) {
  #block-nu-courts-theme-footer-menu .nav-link {
    padding: .5rem 0;
  }
}
#block-nu-courts-theme-footer-menu .nav {
  justify-content: end;
}
/* ==================== Responsive Design ==================== */
@media screen and (max-width: 992px) {
  .container {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .court-switcher ul {
    flex-direction: column;
    gap: 0.5rem;
  }

  .language-switcher {
    flex-wrap: wrap;
  }

  .node--type-homepage-slider .field--name-field-text {
    padding: 2rem 1rem 1rem;
  }

  /* Mobile dropdown navigation */
  .court-navigation .nav-container {
    flex-direction: column;
    gap: 0;
  }

  .court-dropdown {
    width: 100%;
  }

  .court-dropdown-trigger {
    width: 100%;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .court-dropdown-menu {
    position: static;
    box-shadow: none;
    border-radius: 0;
    background: var(--nu-background-light);
    max-height: 0;
    overflow: hidden;
    transform: none;
    transition: max-height 0.3s ease, opacity 0.3s ease;
  }

  .court-dropdown.is-open .court-dropdown-menu {
    max-height: 500px;
    padding: 0.5rem 0;
  }
}

/* ==================== Main Menu (Horizontal Dropdown) ==================== */
/* Target Bootstrap Barrio main menu */
.menu--main,
#block-nu-courts-theme-main-menu {
  background: var(--nu-primary);
  padding: 0;
}

/* Primary menu region wrapper */
.region-primary-menu {
  background: var(--nu-primary);
}

/* Horizontal nav layout - override Bootstrap Barrio vertical default */
.menu--main ul.nav.navbar-nav,
.menu--main > ul.nav,
#block-nu-courts-theme-main-menu ul.nav.navbar-nav,
#block-nu-courts-theme-main-menu > ul.nav {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0;
}

/* Top-level nav items */
.menu--main > ul.nav > li.nav-item,
#block-nu-courts-theme-main-menu > ul.nav > li.nav-item {
  position: relative;
  margin: 0;
}

/* Top-level links */
.menu--main > ul.nav > li.nav-item > a.nav-link,
#block-nu-courts-theme-main-menu > ul.nav > li.nav-item > a.nav-link {
  display: block;
  padding: 1rem 1.25rem;
  color: #ffffff !important;
  text-decoration: none;
  font-weight: 500;
  transition: background-color 0.2s ease;
  border-radius: 0;
}

.menu--main > ul.nav > li.nav-item > a.nav-link:hover,
.menu--main > ul.nav > li.nav-item > a.nav-link:focus,
#block-nu-courts-theme-main-menu > ul.nav > li.nav-item > a.nav-link:hover,
#block-nu-courts-theme-main-menu > ul.nav > li.nav-item > a.nav-link:focus {
  background-color: var(--nu-secondary);
  color: #ffffff !important;
}

.menu--main > ul.nav > li.nav-item.menu-item--active-trail > a.nav-link,
#block-nu-courts-theme-main-menu > ul.nav > li.nav-item.menu-item--active-trail > a.nav-link {
  background-color: var(--nu-secondary);
}

/* Dropdown menus */
.menu--main ul.dropdown-menu,
#block-nu-courts-theme-main-menu ul.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 260px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 0.5rem 0.5rem;
  border: none;
  list-style: none;
  margin: 0;
  padding: 0.5rem 0;
  z-index: 1000;
}

/* Dropdown items */
.menu--main ul.dropdown-menu li.dropdown-item,
#block-nu-courts-theme-main-menu ul.dropdown-menu li.dropdown-item {
  margin: 0;
  padding: 0;
}

.menu--main ul.dropdown-menu li.dropdown-item > a,
.menu--main ul.dropdown-menu a,
#block-nu-courts-theme-main-menu ul.dropdown-menu li.dropdown-item > a,
#block-nu-courts-theme-main-menu ul.dropdown-menu a {
  display: block;
  padding: 0.75rem 1.25rem;
  color: var(--nu-text-dark) !important;
  text-decoration: none;
  font-weight: 400;
  transition: background-color 0.2s ease;
  white-space: normal;
}

.menu--main ul.dropdown-menu li.dropdown-item > a:hover,
.menu--main ul.dropdown-menu li.dropdown-item > a:focus,
.menu--main ul.dropdown-menu a:hover,
.menu--main ul.dropdown-menu a:focus,
#block-nu-courts-theme-main-menu ul.dropdown-menu li.dropdown-item > a:hover,
#block-nu-courts-theme-main-menu ul.dropdown-menu li.dropdown-item > a:focus,
#block-nu-courts-theme-main-menu ul.dropdown-menu a:hover,
#block-nu-courts-theme-main-menu ul.dropdown-menu a:focus {
  background-color: var(--nu-background-light);
  color: var(--nu-primary) !important;
}

/* Nested dropdowns (sub-submenus) - hidden by default */
.menu--main .dropdown-menu .dropdown-menu,
#block-nu-courts-theme-main-menu .dropdown-menu .dropdown-menu {
  display: none !important;
  position: static !important;
  box-shadow: none;
  border-radius: 0;
  background: var(--nu-background-light);
  padding: 0 !important;
  margin: 0 0 0 1rem !important;
  border-left: 3px solid var(--nu-secondary);
  float: none;
  min-width: 100%;
}

/* Show nested dropdown when .show class is added */
.menu--main .dropdown-menu .dropdown-menu.show,
#block-nu-courts-theme-main-menu .dropdown-menu .dropdown-menu.show {
  display: block !important;
  padding: 0.5rem 0 !important;
}

.menu--main .dropdown-menu .dropdown-menu a,
#block-nu-courts-theme-main-menu .dropdown-menu .dropdown-menu a {
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
}

/* Nested dropdown toggle arrow - points right */
.menu--main .dropdown-menu .dropdown-toggle::after,
#block-nu-courts-theme-main-menu .dropdown-menu .dropdown-toggle::after {
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
  border-left: 4px solid currentColor !important;
  border-right: 0 !important;
  margin-left: 0.5rem;
  vertical-align: middle;
  transition: transform 0.2s ease;
}

/* Rotate arrow when submenu is open */
.menu--main .dropdown-menu .dropdown-toggle[aria-expanded="true"]::after,
#block-nu-courts-theme-main-menu .dropdown-menu .dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(90deg);
}

/* Dropdown toggle arrow */
.menu--main .dropdown-toggle::after,
#block-nu-courts-theme-main-menu .dropdown-toggle::after {
  border-top-color: currentColor;
}

/* Mobile main menu */
@media (max-width: 768px) {
  .menu--main ul.nav.navbar-nav,
  .menu--main > ul.nav,
  #block-nu-courts-theme-main-menu ul.nav.navbar-nav,
  #block-nu-courts-theme-main-menu > ul.nav {
    flex-direction: column !important;
  }

  .menu--main ul.dropdown-menu,
  #block-nu-courts-theme-main-menu ul.dropdown-menu {
    position: static;
    box-shadow: none;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.1);
    min-width: 100%;
  }

  .menu--main ul.dropdown-menu a,
  #block-nu-courts-theme-main-menu ul.dropdown-menu a {
    color: rgba(255, 255, 255, 0.9) !important;
    padding-left: 2rem;
  }

  .menu--main ul.dropdown-menu a:hover,
  #block-nu-courts-theme-main-menu ul.dropdown-menu a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff !important;
  }

  .menu--main ul.dropdown-menu ul.dropdown-menu,
  #block-nu-courts-theme-main-menu ul.dropdown-menu ul.dropdown-menu {
    background: rgba(255, 255, 255, 0.05);
    border-left-color: rgba(255, 255, 255, 0.3);
  }

  .menu--main ul.dropdown-menu ul.dropdown-menu a,
  #block-nu-courts-theme-main-menu ul.dropdown-menu ul.dropdown-menu a {
    padding-left: 3rem;
  }
}

/* ==================== Primary Tabs (Horizontal) ==================== */
/* Bootstrap Barrio uses ul.nav.nav-tabs with li.nav-item and a.nav-link */
ul.nav.nav-tabs,
ul.nav.primary {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  list-style: none;
  margin: 0 0 1.5rem 0;
  padding: 0;
  gap: 0.25rem;
  border-bottom: 2px solid var(--nu-border);
}

ul.nav.nav-tabs li.nav-item,
ul.nav.primary li.nav-item {
  margin: 0;
}

ul.nav.nav-tabs li.nav-item a.nav-link,
ul.nav.primary li.nav-item a.nav-link {
  display: block;
  padding: 0.75rem 1.5rem;
  color: var(--nu-text-dark);
  text-decoration: none;
  font-weight: 500;
  background: var(--nu-background-light);
  border: 1px solid var(--nu-border);
  border-bottom: none;
  border-radius: 0.5rem 0.5rem 0 0;
  margin-bottom: -2px;
  transition: all 0.2s ease;
}

ul.nav.nav-tabs li.nav-item a.nav-link:hover,
ul.nav.nav-tabs li.nav-item a.nav-link:focus,
ul.nav.primary li.nav-item a.nav-link:hover,
ul.nav.primary li.nav-item a.nav-link:focus {
  background: var(--nu-secondary);
  color: #ffffff;
  border-color: var(--nu-secondary);
}

ul.nav.nav-tabs li.nav-item a.nav-link.active,
ul.nav.nav-tabs li.nav-item.active a.nav-link,
ul.nav.primary li.nav-item a.nav-link.active,
ul.nav.primary li.nav-item.active a.nav-link {
  background: var(--nu-primary);
  color: #ffffff;
  border-color: var(--nu-primary);
  border-bottom-color: var(--nu-background);
}

/* Secondary tabs */
ul.nav.secondary {
  border-bottom: 1px solid var(--nu-border);
  margin-top: -0.5rem;
  gap: 0;
}

ul.nav.secondary li.nav-item a.nav-link {
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
  background: transparent;
  border: none;
  border-radius: 0;
  border-bottom: 2px solid transparent;
}

ul.nav.secondary li.nav-item a.nav-link:hover,
ul.nav.secondary li.nav-item a.nav-link:focus {
  background: transparent;
  color: var(--nu-primary);
  border-bottom-color: var(--nu-secondary);
}

ul.nav.secondary li.nav-item a.nav-link.active,
ul.nav.secondary li.nav-item.active a.nav-link {
  background: transparent;
  color: var(--nu-primary);
  border-bottom-color: var(--nu-primary);
}

/* Responsive tabs */
@media (max-width: 576px) {
  ul.nav.nav-tabs,
  ul.nav.primary {
    flex-direction: column !important;
    gap: 0;
  }

  ul.nav.nav-tabs li.nav-item a.nav-link,
  ul.nav.primary li.nav-item a.nav-link {
    border-radius: 0;
    border: 1px solid var(--nu-border);
    margin-bottom: -1px;
  }

  ul.nav.nav-tabs li.nav-item:first-child a.nav-link,
  ul.nav.primary li.nav-item:first-child a.nav-link {
    border-radius: 0.5rem 0.5rem 0 0;
  }

  ul.nav.nav-tabs li.nav-item:last-child a.nav-link,
  ul.nav.primary li.nav-item:last-child a.nav-link {
    border-radius: 0 0 0.5rem 0.5rem;
  }
}

/* ==================== Breadcrumbs ==================== */
/* Bootstrap Barrio uses nav[aria-label="breadcrumb"] > ol.breadcrumb > li.breadcrumb-item */
nav[aria-label="breadcrumb"] {
  padding: 1rem 0;
  margin-bottom: 1rem;
}

ol.breadcrumb {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 0;
  background: transparent;
}

ol.breadcrumb li.breadcrumb-item {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  color: var(--nu-text-light);
  font-size: 0.9rem;
}

/* Remove Bootstrap's default ::before separator */
ol.breadcrumb li.breadcrumb-item + li.breadcrumb-item::before {
  display: none;
}

/* Add custom separator pill after each item (except last) */
ol.breadcrumb li.breadcrumb-item:not(:last-child)::after {
  content: '›';
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.75rem;
  padding: 0.15rem 0.5rem;
  background: var(--nu-background-light);
  color: var(--nu-text-light);
  border-radius: 1rem;
  font-size: 0.85rem;
  font-weight: 600;
}

ol.breadcrumb li.breadcrumb-item a {
  color: var(--nu-primary);
  text-decoration: none;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  transition: all 0.2s ease;
}

ol.breadcrumb li.breadcrumb-item a:hover,
ol.breadcrumb li.breadcrumb-item a:focus {
  background: var(--nu-background-light);
  color: var(--nu-secondary);
}

/* Current page (last item / active) */
ol.breadcrumb li.breadcrumb-item:last-child,
ol.breadcrumb li.breadcrumb-item.active {
  color: var(--nu-text-dark);
  font-weight: 500;
}

/* Home icon for first breadcrumb */
ol.breadcrumb li.breadcrumb-item:first-child a::before {
  content: '⌂';
  margin-right: 0.35rem;
  font-size: 1.1em;
}

/* Responsive breadcrumbs */
@media (max-width: 576px) {
  ol.breadcrumb {
    font-size: 0.85rem;
  }

  ol.breadcrumb li.breadcrumb-item:not(:last-child)::after {
    margin: 0 0.5rem;
    padding: 0.1rem 0.35rem;
  }
}

/* ==================== Court Accordion Menu ==================== */
.layout-sidebar-second #main > .row {
  display: flex;
  justify-content: space-between;
} 
.sidebar_second {
  max-width: 20rem;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .sidebar_second {
    max-width: 100%;
    width: 100%;
    padding: 0 0 3rem;
  }
}
.layout-sidebar-second #content {
  max-width: 768px;
}
@media screen and (max-width: 992px) {
  .layout-sidebar-second #content {
    max-width: 100%;
  }

}
.court-accordion {
}

.court-accordion .court-accordion-title {
  display: none;
}
.sidebar nav .nav {
  margin: 0;
}
.court-accordion-nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  flex-direction: column;
}
.court-accordion-nav > ul .nav-link {
  background: #D2EEFF;
  color: var(--nu-secondary);
  margin: 0;
  padding: .75rem 2.5rem .75rem 1rem;
  font-size: 1rem;
  border-bottom: 1px solid #fff;
  border-left: 5px solid #D2EEFF;
  position: relative;
}
.court-accordion-nav > ul .nav-link.nav-link-http--docketsnunavutcourtsca-:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  height: 3rem;
  width: 3rem;
  background-image: url("../images/icon-new-tab.svg");
  background-repeat: no-repeat;
  background-size: 1rem;
  background-position: center center;
}
.court-accordion-nav > ul .nav-link.is-active {
  background: var(--nu-secondary);
  color: #FFF;
  border-left-color: #AED2D9;
}
.court-accordion-nav > ul > li {
  position: relative;
}
.court-accordion-nav > ul > li:first-child a {
  border-radius: .5rem .5rem 0 0;
}
.court-accordion-nav > ul > li:last-child a {
  border-radius: 0 0 .5rem .5rem;
}
.court-accordion-nav .court-accordion-submenu > li:first-child a,
.court-accordion-nav .court-accordion-submenu > li:last-child a {
  border-radius: 0;
}
.court-accordion-nav > ul > li
/* Accordion item with children */
.court-accordion-item {
  position: relative;
}

.court-accordion-item > a {
  padding-right: 3rem;
}

.court-accordion-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}

.court-accordion-toggle:hover,
.court-accordion-toggle:focus {
  
}

.court-accordion-toggle::after {
  content: '';
  width: .9rem;
  height: .9rem;
  background: url("../images/icon-plus-blue.svg") no-repeat center center;
  background-size: .9rem;
  transition: transform 0.2s ease;
}

.court-accordion-item.is-open > .court-accordion-toggle::after {
  background: url("../images/icon-minus-blue.svg") no-repeat center center;
}
.court-accordion-item .nav-link.is-active + .court-accordion-toggle::after {
  background: url("../images/icon-plus-white.svg") no-repeat center center;
}
.court-accordion-item.is-open .nav-link.is-active + .court-accordion-toggle::after {
  background: url("../images/icon-minus-white.svg") no-repeat center center;
}
.court-accordion-item.active.is-open > .court-accordion-toggle::after {
  background: url("../images/icon-minus-blue.svg") no-repeat center center;
}
/* Submenu */
.court-accordion-submenu {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  background-color: #efefef;
  transition: max-height 0.3s ease;
}

.court-accordion-item.is-open > .court-accordion-submenu {
  max-height: 1000px;
}


.court-accordion-nav .court-accordion-submenu a {
  display: block;
  padding: 0.75rem 2rem 0.75rem 2rem;
  color: var(--nu-text-dark);
  text-decoration: none;
  font-size: 1rem;
  transition: background-color 0.2s ease, color 0.2s ease;
  border-left: 5px solid #efefef;
  background: #efefef;
}

.court-accordion-nav .court-accordion-submenu a:hover,
.court-accordion-nav .court-accordion-submenu a:focus {
  background-color: #ffffff;
  color: var(--nu-primary);
}

.court-accordion-nav .court-accordion-submenu a.is-active {
  background-color: var(--nu-secondary);
  color: #ffffff;
  border-color: #AED2D9; 

}

/* Third level items */
.court-accordion-submenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.court-accordion-submenu ul a {
  padding-left: 3rem;
  font-size: 0.9rem;
}

/* ==================== Accessibility ==================== */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

:focus {
  outline: 2px solid var(--nu-secondary);
  outline-offset: 2px;
}

/* ==================== Print Styles ==================== */
@media print {
  .language-switcher,
  .court-switcher,
  .contextual-court-menu {
    display: none;
  }
}

/* ==================== Landing Page ==================== */
.page-node-83 #block-nu-courts-theme-views-block-courts-body-block-1.check-empty {
  border-bottom: 0;
}
.page-node-83 #block-nu-courts-theme-views-block-header-image-block-2 img {
  display: none;
}
.page-node-83 #page-wrapper {
  width: 100%;
  position: relative;
  min-height: 100vh;
}
.page-node-83 #page-wrapper:before {
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  width: 100%;
  height: 100%;
  background: url("../images/pattern.svg") repeat;
  opacity: .35;
  display: block;
}
.page-node-83 #page-wrapper:after {
  position: absolute;
  top: 0;
  left: 0;
  content: " ";
  width: 100%;
  height: 100%;
  background: #0A0B0C;
  opacity: .45;
  display: block;
}
.page-node-83 #main-wrapper {
  padding: 0 !important;
  background: transparent !important;
}
.page-node-83 #main {
  max-width: 1312px;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  .page-node-83 #main {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1200px) {
  .page-node-83 #main {
    max-width: 960px;
  }
}
@media screen and (max-width: 992px) {
  .page-node-83 #main {
    max-width: 100%;
  }
}
.page-node-83 #page {
  position: relative;
  z-index: 3;
}
.page-node-83 .featured-top {
  background: transparent;
}
#block-nu-courts-theme-views-block-header-image-block-2 h1 {
  font-size: 3.125rem;
  color: #fff;
  text-align: center;
  margin-bottom: 5rem;
}
@media screen and (max-width: 992px) {
  #block-nu-courts-theme-views-block-header-image-block-2 h1 {
    font-size: 2.25rem;
  }
}
.page-node-83 #content .node--type-page {
  display: none;
}
.page-node-83 .site-footer {
  background: transparent;
  padding-top: 0;
}
.page-node-83 .site-footer .container {
  max-width: 1312px;
  background: transparent;
}
@media screen and (max-width: 1400px) {
  .page-node-83 .site-footer .container {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1200px) {
  .page-node-83 .site-footer .container {
    max-width: 960px;
  }
}
@media screen and (max-width: 992px) {
  .page-node-83 .site-footer .container {
    max-width: 100%;
  }
}
.page-node-83 .site-footer .content {
  color: #fff !important;
  font-size: 1rem;
}
.page-node-83 #block-nu-courts-theme-footer-menu .nav-link {
  color: #fff;
  text-decoration: none;
}
/* ==================== Navbar ==================== */
#navbar-top {
  background: var(--nu-secondary);
}
.region-top-header {
  max-width: 1312px;
  margin: 0 auto !important;
  width: 100%;
}
@media screen and (max-width: 1400px) {
  .region-top-header {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1200px) {
  #navbar-top {
    padding: 0;
  }
  .region-top-header {
    max-width: 960px;
  }
}
@media screen and (max-width: 992px) {
  .region-top-header {
    max-width: 100%;
    padding: 0;
  }
}
#block-nu-courts-theme-footercourtsmenu-2 {
  padding: 0;
}
#block-nu-courts-theme-footercourtsmenu-2 .nav {
  justify-content: end;
}
#block-nu-courts-theme-footercourtsmenu-2 .nav-link {
  color: #fff
}
#block-nu-courts-theme-footercourtsmenu-2 .nav-link.is-active {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 2rem;
}
#block-nu-courts-theme-footercourtsmenu-2 .nav-link {
  color: #fff
}
.nunavut-court-justice #block-nu-courts-theme-footercourtsmenu-2 .nav-link--nunavut-court-justice,
.nunavut-court-appeal #block-nu-courts-theme-footercourtsmenu-2 .nav-link--nunavut-court-appeal {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 2rem;
}
#block-nu-courts-theme-footercourtsmenu-3 {
  display: none;
}
#block-nu-courts-theme-footercourtsmenu-3 .nav {
  flex-direction: column;
}
#block-nu-courts-theme-footercourtsmenu-3 .nav-link {
  color: #000;
}
@media screen and (max-width: 1200px) {
  #block-nu-courts-theme-footercourtsmenu-2 {
    display: none;
  }
  #block-nu-courts-theme-footercourtsmenu-3 {
    display: block;
    border-top: 1px solid #efefef;
  }
}
#navbar-main {
  max-width: 1312px;
  margin: 0 auto;
  padding: 4rem 0 5rem;
}
@media screen and (max-width: 1400px) {
  #navbar-main {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1200px) {
  #navbar-main {
    max-width: 960px;
  }
}
@media screen and (max-width: 992px) {
  #navbar-main {
    max-width: 100%;
    padding: 1rem 1.25rem;
  }
}
.home .navbar-toggler {
  background: #fff;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 103, 165, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#block-nu-courts-theme-courtofappeal .nav .menu,
#block-nu-courts-theme-courtofjustice .nav .menu,
#block-nu-courts-theme-justiceofthepeace .nav .menu {
  display: none;
  padding: 0;
  list-style: none;
}
/* Hide toggle on desktop */
@media (min-width: 1201px) {
  .submenu-toggle {
    display: none;
  }

  #CollapsingNavbar ul.nav .menu {
    max-height: none !important;
  }
}

/* Toggle button style */
.submenu-toggle {
  background: none;
  border: 0;
  cursor: pointer;
  width: 57px;
  height: 57px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

/* Arrow icon */
.submenu-toggle::after {
  content: "";
  border: solid currentColor;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}

.menu-item--expanded.is-open > .submenu-toggle::after {
  transform: rotate(-135deg);
}

/* Animated submenu */
.submenu-animated {
  overflow: hidden;
  transition: max-height 0.35s ease;
}
@media screen and (max-width: 1200px) {
  #block-nu-courts-theme-courtofappeal .nav,
  #block-nu-courts-theme-courtofjustice .nav,
  #block-nu-courts-theme-justiceofthepeace .nav {
    flex-direction: column;
  }
  #block-nu-courts-theme-courtofappeal .nav .menu,
  #block-nu-courts-theme-courtofjustice .nav .menu,
  #block-nu-courts-theme-justiceofthepeace .nav .menu {
    /* display: block; */
  }
  #block-nu-courts-theme-courtofappeal .nav .menu a,
  #block-nu-courts-theme-courtofjustice .nav .menu a,
  #block-nu-courts-theme-justiceofthepeace .nav .menu a {
    padding: .5rem 1rem .5rem 2rem;
  }
}
#block-nu-courts-theme-courtofappeal .nav-item:hover > .menu,
#block-nu-courts-theme-courtofjustice .nav-item:hover > .menu,
#block-nu-courts-theme-justiceofthepeace .nav-item:hover > .menu {
  display: block;
  position: absolute;
  top: 3.5rem;
  left: 0;
  z-index: 3;
  background: #fff;
  width: 15rem;
}
@media screen and (max-width: 1200px) {
  
  #block-nu-courts-theme-courtofappeal .nav-item:hover > .menu,
  #block-nu-courts-theme-courtofjustice .nav-item:hover > .menu,
  #block-nu-courts-theme-justiceofthepeace .nav-item:hover > .menu {
    position: initial;
    top: 0;
    width: 100%;
    display: none;
  }
  #block-nu-courts-theme-courtofappeal .nav-item.is-open > .menu,
  #block-nu-courts-theme-courtofjustice .nav-item.is-open > .menu,
  #block-nu-courts-theme-justiceofthepeace .nav-item.is-open > .menu {
    display: block;
    max-height: none !important;
  } 
}
#block-nu-courts-theme-courtofjustice .nav-item,
#block-nu-courts-theme-courtofappeal .nav-item,
#block-nu-courts-theme-justiceofthepeace .nav-item {
  position: relative;
}
#block-nu-courts-theme-courtofjustice .nav-link,
#block-nu-courts-theme-courtofappeal .nav-link,
#block-nu-courts-theme-justiceofthepeace .nav-link {
  color: #000;
  padding: 1rem;
}
#block-nu-courts-theme-courtofjustice .menu-item--expanded > .nav-link,
#block-nu-courts-theme-courtofappeal .menu-item--expanded > .nav-link,
#block-nu-courts-theme-justiceofthepeace .menu-item--expanded > .nav-link {
  padding: 1rem 2rem 1rem 1rem;
  background: url("../images/icon-chevron-down.svg") 97.5% center no-repeat;
}
@media screen and (max-width: 1200px) {
  #block-nu-courts-theme-courtofjustice .menu-item--expanded > .nav-link,
  #block-nu-courts-theme-courtofappeal .menu-item--expanded > .nav-link,
  #block-nu-courts-theme-justiceofthepeace .menu-item--expanded > .nav-link {
    background: none;
  }
}
#block-nu-courts-theme-language-switcher {
  position: absolute;
  top: 2rem;
  visibility: hidden;
}
@media screen and (max-width: 1200px) {
  #block-nu-courts-theme-language-switcher {
    position: initial;
    border-top: 1px solid #efefef;
  }
  .home #block-nu-courts-theme-language-switcher {
    border-top: 0;
  }
  #block-nu-courts-theme-language-switcher .nav {
    flex-direction: column;
  }
}
/* ==================== Header Image ==================== */
.row {
  margin: 0;
}

.featured-top {
  background: #0A0B0C;
}

.featured-top .container {
  max-width: 100%;
  padding: 0;
}
.region-featured-top {
  position: relative;
}
#block-nu-courts-theme-headergeneric {
  padding: 0;
}
#block-nu-courts-theme-headergeneric .field--name-body {
  position: relative;
}
#block-nu-courts-theme-headergeneric .field--name-body:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0rem;
  background: rgba(0, 0, 0, .5);
  width: 100%;
  height: 100%;
  z-index: 1;
}
#block-nu-courts-theme-headergeneric .field--name-body img {
  width: 100%;
  height: 32.5rem;
  object-fit: cover;
}
@media screen and (max-width: 600px) {
  #block-nu-courts-theme-headergeneric .field--name-body img {
    height: 18.75rem;
    object-fit: cover;
  }
}
#block-nu-courts-theme-page-title {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 4rem;
  z-index: 2;
}
@media screen and (max-width: 1200px) {
  #block-nu-courts-theme-page-title {
    object-fit: cover;
    width: calc(100% - 2.5rem);
    bottom: 2rem;
    left: 1.25rem;
    padding: 0;
    top: initial;
    transform: translateY(0);
  }
}
#block-nu-courts-theme-page-title h1 {
  font-size: 5.25rem;
  font-family: var(--font-heading);
  margin-bottom: 2rem;
  color: #fff;
  font-weight: 400;
  line-height: 1.1;
}
@media screen and (max-width: 1200px) {
  #block-nu-courts-theme-page-title h1 {
    font-size: 3rem;
  }
}
/* News engine title: constrain to nav container, split into title + subtitle */
.page-view-news-engine #block-nu-courts-theme-page-title {
  width: calc(100% - 2.5rem);
  max-width: 1312px;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
}
@media screen and (max-width: 1400px) {
  .page-view-news-engine #block-nu-courts-theme-page-title {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1200px) {
  .page-view-news-engine #block-nu-courts-theme-page-title {
    max-width: 100%;
  }
}
.page-view-news-engine #block-nu-courts-theme-page-title h1 {
  margin-bottom: 0;
}
.page-view-news-engine #block-nu-courts-theme-page-title h1 .page-title__main {
  display: block;
}
.page-view-news-engine #block-nu-courts-theme-page-title h1 .page-title__subtitle {
  display: block;
  font-size: 3rem;
  font-weight: 400;
  margin-top: 1rem;
  line-height: 1.2;
  opacity: 0.9;
}
@media screen and (max-width: 1200px) {
  .page-view-news-engine #block-nu-courts-theme-page-title h1 .page-title__subtitle {
    font-size: 2rem;
    margin-top: 0.5rem;
  }
}
#block-nu-courts-theme-views-block-header-image-block-1,
#block-nu-courts-theme-views-block-header-image-block-3 {
  padding: 0;
}
#block-nu-courts-theme-views-block-header-image-block-1 .view-content,
#block-nu-courts-theme-views-block-header-image-block-3 .view-content {
  margin: 0;
}
#block-nu-courts-theme-views-block-header-image-block-1 .views-row,
#block-nu-courts-theme-views-block-header-image-block-3 .views-row {
  position: relative;
  padding: 0;
}
#block-nu-courts-theme-views-block-header-image-block-1 .views-field-field-image-media:before,
#block-nu-courts-theme-views-block-header-image-block-3 .views-field-field-image-media:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0rem;
  background: rgba(0, 0, 0, .5);
  width: 100%;
  height: 100%;
}
#block-nu-courts-theme-views-block-header-image-block-1 .views-field-field-image-media img,
#block-nu-courts-theme-views-block-header-image-block-3 .views-field-field-image-media img {
  height: 32.5rem;
  object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 600px) {
  #block-nu-courts-theme-views-block-header-image-block-1 .views-field-field-image-media img,
  #block-nu-courts-theme-views-block-header-image-block-3 .views-field-field-image-media img {
    height: 18.75rem;
    object-fit: cover;
  }
}
#block-nu-courts-theme-views-block-header-image-block-1 .views-field-title,
#block-nu-courts-theme-views-block-header-image-block-3 .views-field-title {
  width: 100%;
  max-width: 1312px;
  padding: 0 0rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
}
@media screen and (max-width: 1400px) {
  #block-nu-courts-theme-views-block-header-image-block-1 .views-field-title,
  #block-nu-courts-theme-views-block-header-image-block-3 .views-field-title {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1200px) {
  #block-nu-courts-theme-views-block-header-image-block-1 .views-field-title,
  #block-nu-courts-theme-views-block-header-image-block-3 .views-field-title {
    bottom: 2rem;
    top: initial;
    left: 0;
    transform: translate(0, 0);
    max-width: 100%;
  }
}
@media screen and (max-width: 992px) {
  #block-nu-courts-theme-views-block-header-image-block-1 .views-field-title,
  #block-nu-courts-theme-views-block-header-image-block-3 .views-field-title {
    max-width: 100%;
  }
}
#block-nu-courts-theme-views-block-header-image-block-1 .views-field-title h1, 
#block-nu-courts-theme-views-block-header-image-block-1 .views-field-title h2,
#block-nu-courts-theme-views-block-header-image-block-3 .views-field-title h2 {
  font-size: 5.25rem;
  font-family: var(--font-heading);
  margin-bottom: 2rem;
  color: #fff;
  font-weight: 400;
  line-height: 1.1;
  max-width: 54rem;
}
@media screen and (max-width: 1200px) {
  #block-nu-courts-theme-views-block-header-image-block-1 .views-field-title h1, 
  #block-nu-courts-theme-views-block-header-image-block-1 .views-field-title h2,
  #block-nu-courts-theme-views-block-header-image-block-3 .views-field-title h2 {
    font-size: 3rem;
    max-width: 960px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 960px) {
  #block-nu-courts-theme-views-block-header-image-block-1 .views-field-title h1, 
  #block-nu-courts-theme-views-block-header-image-block-1 .views-field-title h2,
  #block-nu-courts-theme-views-block-header-image-block-3 .views-field-title h2 {
    margin: 0 1.25rem;
  }
}
/* ==================== Elements on both courts ==================== */
.nunavut-court-justice #main-wrapper,
.nunavut-court-appeal #main-wrapper,
.justice-peace-court #main-wrapper,
#main-wrapper {
  background: #f7fcff;
  padding: 7rem 0;
}
@media screen and (max-width: 1200px) {
  .nunavut-court-justice #main-wrapper,
  .nunavut-court-appeal #main-wrapper,
  .justice-peace-court #main-wrapper,
  #main-wrapper {
    padding: 2rem 0;
  }
}
#block-nu-courts-theme-coj-latest-news h2,
#block-nu-courts-theme-coa-latest-news h2,
#block-nu-courts-theme-jp-latest-news h2,
.view-news-engine h2,
#block-nu-courts-theme-coj-announcements h2,
#block-nu-courts-theme-coa-announcements h2 {
  margin-bottom: 5rem;
  font-size: 3rem;
}
@media screen and (max-width: 1200px) {
  #block-nu-courts-theme-coj-latest-news h2,
  #block-nu-courts-theme-coa-latest-news h2,
  #block-nu-courts-theme-jp-latest-news h2,
  .view-news-engine h2,
  #block-nu-courts-theme-coj-announcements h2,
  #block-nu-courts-theme-coa-announcements h2 {
    margin-bottom: 3rem;
  }
}
#block-nu-courts-theme-coj-announcements h2,
#block-nu-courts-theme-coa-announcements h2 {
  margin-bottom: 2rem;
}
#block-nu-courts-theme-coj-latest-news .view-content,
#block-nu-courts-theme-coa-latest-news .view-content,
#block-nu-courts-theme-jp-latest-news .view-content,
.view-news-engine .view-content {
  display: flex;
  justify-content: space-between;

}
@media screen and (max-width: 1200px) {
  #block-nu-courts-theme-coj-latest-news .view-content,
  #block-nu-courts-theme-coa-latest-news .view-content,
  #block-nu-courts-theme-jp-latest-news .view-content,
  .view-news-engine .view-content {
    flex-direction: column;
  }
}
#block-nu-courts-theme-coj-latest-news .views-row,
#block-nu-courts-theme-coa-latest-news .views-row,
#block-nu-courts-theme-jp-latest-news .views-row,
.view-news-engine .views-row {
  width: 23%;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  #block-nu-courts-theme-coj-latest-news .views-row,
  #block-nu-courts-theme-coa-latest-news .views-row,
  #block-nu-courts-theme-jp-latest-news .views-row,
  .view-news-engine .views-row {
    width: 100%;
    margin-bottom: 2rem;
  }
}
#block-nu-courts-theme-coj-latest-news .views-field-field-date,
#block-nu-courts-theme-coa-latest-news .views-field-field-date,
#block-nu-courts-theme-jp-latest-news .views-field-field-date,
.view-news-engine .views-field-field-date,
#block-nu-courts-theme-coj-announcements .views-field-field-date,
#block-nu-courts-theme-coa-announcements .views-field-field-date {
  font-size: 1.125rem;
  color: #0A0B0C;
  margin-bottom: 1rem;
}
#block-nu-courts-theme-coj-latest-news .views-field-title a,
#block-nu-courts-theme-coa-latest-news .views-field-title a,
#block-nu-courts-theme-jp-latest-news .views-field-title a,
.view-news-engine .views-field-title a {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: var(--nu-secondary);
  text-decoration: underline;
  height: 12rem;
  display: block;
}
@media screen and (max-width: 1200px) {
  #block-nu-courts-theme-coj-latest-news .views-field-title a,
  #block-nu-courts-theme-coa-latest-news .views-field-title a,
  #block-nu-courts-theme-jp-latest-news .views-field-title a,
  .view-news-engine .views-field-title a {
    height: auto;
  } 
}
.news-cta.btn {
  background: transparent;
  border: 0;
  padding: 0;
  display: inline-block;
}
#block-nu-courts-theme-coj-latest-news .news-cta a,
#block-nu-courts-theme-coa-latest-news .news-cta a,
#block-nu-courts-theme-jp-latest-news .news-cta a,
.view-news-engine .news-cta a,
#block-nu-courts-theme-coj-announcements .news-cta a,
#block-nu-courts-theme-coa-announcements .news-cta a {
  height: 2.75rem;
  width: 2.75rem;
  background: var(--nu-secondary);
  border-radius: 50%;
  font-size: 0;
  display: block;
  position: relative;
  margin-top: 1rem;
}
#block-nu-courts-theme-coj-latest-news .news-cta a:after,
#block-nu-courts-theme-coa-latest-news .news-cta a:after,
#block-nu-courts-theme-jp-latest-news .news-cta a:after,
.view-news-engine .news-cta a:after,
#block-nu-courts-theme-coj-announcements .news-cta a:after,
#block-nu-courts-theme-coa-announcements .news-cta a:after {
  background: url("../images/icon-arrow-right-white.svg") no-repeat center center;
  background-size: 1rem;
  content: " ";
  display: block;
  height: 2.75rem;
  width: 2.75rem;
  position: absolute;
  top: 0;
  left: 0;
}
#block-nu-courts-theme-coj-latest-news .news-cta a:hover:after,
#block-nu-courts-theme-coa-latest-news .news-cta a:hover:after,
#block-nu-courts-theme-jp-latest-news .news-cta a:hover:after,
.view-news-engine .news-cta a:hover:after,
#block-nu-courts-theme-coj-announcements .news-cta a:hover:after,
#block-nu-courts-theme-coa-announcements  .news-cta a:hover:after {
  transform: translateX(4px);
  transition: transform .2s ease-in-out;
}
#block-nu-courts-theme-coj-latest-news .more-link,
#block-nu-courts-theme-coa-latest-news .more-link,
#block-nu-courts-theme-jp-latest-news .more-link,
.view-news-engine .more-link,
#block-nu-courts-theme-coj-announcements .more-link,
#block-nu-courts-theme-coa-announcements .more-link {
  margin-top: 3rem;
}
@media screen and (max-width: 992px) {
  #block-nu-courts-theme-coj-latest-news .more-link,
  #block-nu-courts-theme-coa-latest-news .more-link,
  #block-nu-courts-theme-jp-latest-news .more-link,
  .view-news-engine .more-link,
  #block-nu-courts-theme-coj-announcements .more-link,
  #block-nu-courts-theme-coa-announcements .more-link {
    margin-top: 1rem;
  } 
}
#block-nu-courts-theme-coj-latest-news .more-link a,
#block-nu-courts-theme-coa-latest-news .more-link a,
#block-nu-courts-theme-jp-latest-news .more-link a,
.view-news-engine .more-link a,
#block-nu-courts-theme-coj-announcements .more-link a,
#block-nu-courts-theme-coa-announcements .more-link a {
  background: var(--nu-secondary);
  color: #FFF;
  text-decoration: none;
  border-radius: 5rem;
  padding: .625rem 1.5rem;
  display: inline-block;
  text-align: center;
}
@media screen and (max-width: 992px) {
  #block-nu-courts-theme-coj-latest-news .more-link a,
  #block-nu-courts-theme-coa-latest-news .more-link a,
  #block-nu-courts-theme-jp-latest-news .more-link a,
  .view-news-engine .more-link a,
  #block-nu-courts-theme-coj-announcements .more-link a,
  #block-nu-courts-theme-coa-announcements .more-link a {
    display: block;
  }
}
#block-nu-courts-theme-coj-latest-news .more-link a:hover,
#block-nu-courts-theme-coj-latest-news .more-link a:focus,
#block-nu-courts-theme-coa-latest-news .more-link a:hover,
#block-nu-courts-theme-coa-latest-news .more-link a:focus,
#block-nu-courts-theme-jp-latest-news .more-link a:hover,
#block-nu-courts-theme-jp-latest-news .more-link a:focus,
.view-news-engine .more-link a:hover,
.view-news-engine .more-link a:focus,
#block-nu-courts-theme-coj-announcements .more-link a:hover,
#block-nu-courts-theme-coj-announcements .more-link a:focus,
#block-nu-courts-theme-coa-announcements .more-link a:hover,
#block-nu-courts-theme-coa-announcements  .more-link a:focus {
  background: #000;
}
#block-nu-courts-theme-coj-announcements .views-row,
#block-nu-courts-theme-coa-announcements .views-row {
  padding: 0 0 2rem 0;
}
#block-nu-courts-theme-coj-announcements .more-link a,
#block-nu-courts-theme-coj-announcements .more-link a {
  background: var(--nu-secondary);
  color: #FFF;
  text-decoration: none;
  border-radius: 5rem;
  padding: .625rem 1.5rem;
  display: inline-block;
}
/* ==================== Court of Justice ==================== */
#block-nu-courts-theme-courtofjusticelogo .field--name-body a {
  width: 15.625rem;
  height: 5.25rem;
  background: url("../images/nunavut-court-of-justice-logo.svg") no-repeat;
  background-size: contain;
  font-size: 0;
  display: block;
}

#block-nu-courts-theme-views-block-courts-body-block-1 {
  background: var(--light-blue);
  position: relative;
  padding: 0;
}
.page-view-news-engine.nunavut-court-justice #block-nu-courts-theme-headergeneric,
#block-nu-courts-theme-views-block-courts-body-block-1.check-empty {
  border-bottom: 1.625rem solid var(--light-blue);
}
#block-nu-courts-theme-views-block-courts-body-block-1:before {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/pattern.svg") repeat;
  opacity: .15;
  position: absolute;
}
#block-nu-courts-theme-views-block-courts-body-block-1 .views-row {
  max-width: 1312px;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  #block-nu-courts-theme-views-block-courts-body-block-1 .views-row {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1200px) {
  #block-nu-courts-theme-views-block-courts-body-block-1 .views-row {
    max-width: 960px;
  }
}
@media screen and (max-width: 992px) {
  #block-nu-courts-theme-views-block-courts-body-block-1 .views-row {
    max-width: 100%;
  }
}
#block-nu-courts-theme-views-block-courts-body-block-1 .views-field-field-description,
#block-nu-courts-theme-views-block-courts-body-block-1 .views-field-field-intro-text {
  max-width: 768px;
  width: 100%;
  padding: 7rem 0rem;
}
@media screen and (max-width: 1200px) {
  #block-nu-courts-theme-views-block-courts-body-block-1 .views-field-field-description,
  #block-nu-courts-theme-views-block-courts-body-block-1 .views-field-field-intro-text {
    padding: 4rem 0;
  }
}
#block-nu-courts-theme-views-block-courts-body-block-1 .views-field-field-description h2,
#block-nu-courts-theme-views-block-courts-body-block-1 .views-field-field-intro-text h2 {
  font-size: 3.75rem;
  margin-bottom: 1.5rem;
  line-height: 1;
  font-weight: 400;
}
#block-nu-courts-theme-views-block-courts-body-block-1 a {
  color: var(--nu-primary);
}


/* ==================== Court of Appeal ==================== */
#block-nu-courts-theme-courtofappeallogo .field--name-body a {
  width: 15.625rem;
  height: 5.25rem;
  background: url("../images/nunavut-court-of-appeal-logo.svg") no-repeat;
  background-size: contain;
  font-size: 0;
  display: block;
}
.nunavut-court-appeal #block-nu-courts-theme-views-block-courts-body-block-1 {
  background: #FFCB65;
}
.page-view-news-engine.nunavut-court-appeal #block-nu-courts-theme-headergeneric,
.nunavut-court-appeal #block-nu-courts-theme-views-block-courts-body-block-1.check-empty {
  border-bottom: 1.625rem solid #FFCB65;
}
#block-nu-courts-theme-coa-latest-docs,
#block-nu-courts-theme-jp-latest-docs {
  padding: 7rem 0;
}
#block-nu-courts-theme-coa-latest-docs h2,
#block-nu-courts-theme-jp-latest-docs h2 {
  font-size: 2.5rem;
  margin-bottom: 5rem;
}
@media (max-width: 1024px) {
  #block-nu-courts-theme-coa-latest-docs h2,
  #block-nu-courts-theme-jp-latest-docs h2 {
    margin-bottom: 3rem;
  }
}
.view-latest-documents-by-court .view-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}

.view-latest-documents-by-court .views-row {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1rem 0;
}

.view-latest-documents-by-court .views-field-field-file a {
  width: 3rem;
  height: 3rem;
  margin-right: 2rem;
  background: url("../images/icon-download-blue.svg") no-repeat center;
  display: block;
  background-size: contain;
  font-size: 0;
}
.view-latest-documents-by-court .views-field-title {
  width: calc(100% - 5rem);
}
.featured-block-card__overlay {
  color: #000;
  width: 63%;
}

.view-latest-documents-by-court .views-field-title h3 a {
  font-size: 2rem;
  font-weight: var(--fw-medium);
  font-family: var(--font-heading);
  margin-bottom: 0.5rem;
  color: var(--nu-secondary);
  text-decoration: underline;
  display: block;
}


@media (max-width: 1024px) {
  .view-latest-documents-by-court .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .view-latest-documents-by-court .view-content {
    grid-template-columns: 1fr;
  }
}
/* ==================== Justice of the Peace Court ==================== */
#block-nu-courts-theme-courtofappeallogo .field--name-body a {
  width: 15.625rem;
  height: 5.25rem;
  background: url("../images/nunavut-court-of-appeal-logo.svg") no-repeat;
  background-size: contain;
  font-size: 0;
  display: block;
}
.justice-peace-court #block-nu-courts-theme-views-block-courts-body-block-1 {
  background: var(--green);
}
.justice-peace-court #block-nu-courts-theme-views-block-courts-body-block-1.check-empty {
  border-bottom: 1.625rem solid var(--green);
}
/* ==================== Court 101 Topic Cards ==================== */

.view-court-101-cards .view-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .3125rem;
  padding: 2rem 0;
}
@media screen and (max-width: 600px) {
  .view-court-101-cards .view-content {
    grid-template-columns: repeat(1, 1fr);
  }
}
.court-101-card {
  background: var(--light-grey);
  border-radius: 1rem;
  padding: 1.5rem 1.5rem 4rem;
  display: flex;
  flex-direction: column;
  position: relative;
}
.court-101-card:last-child {
  grid-column: span 2;
}
@media screen and (max-width: 600px) {
  .court-101-card:last-child {
    grid-column: span 1;
  }
}
.court-101-card__image {
  display: none;
}

.court-101-card__title {
  font-size: 1.375rem;
  font-weight: 600;
  font-family: var(--font-heading);
  color: var(--nu-primary);
  margin-bottom: 0.75rem;
}

.court-101-card__description {
  font-size: 1rem;
  line-height: 1.5;
  color: var(--nu-text-light);
  flex-grow: 1;
  margin-bottom: 1rem;
}

.court-101-card__action {
  position: absolute;
  inset: 0;
}

.court-101-card__action a {
  font-size: 0;
  text-decoration: none;
  background: none;
  padding: 0;
  border-radius: 0;
}

.court-101-card__action a:before {
  content: "";
  position: absolute;
  inset: 0;
}

.court-101-card__action a:after {
  background: #fff url("../images/icon-arrow-right-blue.svg") no-repeat center center;
  background-size: 1rem;
  border-radius: 50%;
  content: "";
  display: block;
  height: 2.75rem;
  width: 2.75rem;
  position: absolute;
  bottom: 1rem;
  left: 1.5rem;
}

.court-101-card__action a:hover:after {
  transform: translateX(4px);
  transition: transform .2s ease-in-out;
}

.court-101-card__action a:focus {
  outline: none;
}

.court-101-card__action a:focus-visible:before {
  outline: 2px solid var(--nu-primary);
  outline-offset: -2px;
  border-radius: 1rem;
}

@media (max-width: 1024px) {
  .view-court-101-cards .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .view-court-101-cards .view-content {
    grid-template-columns: 1fr;
  }
}

/* ==================== Useful Pages Links ==================== */
.court-card__useful-pages {
  margin-top: 1rem;
  padding: 0;
  list-style: none;
}

.court-card__useful-pages li {
  margin-bottom: 0.4rem;
  padding-left: 1.25rem;
  position: relative;
  font-size: 0.9rem;
}

.court-card__useful-pages li:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--nu-secondary);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.5rem;
}

.court-card__useful-pages a {
  color: var(--nu-primary);
  text-decoration: none;
  font-weight: 500;
}

.court-card__useful-pages a:hover {
  text-decoration: underline;
  color: var(--nu-secondary);
}

/* ==================== Featured Information Blocks ==================== */
.featured-blocks-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  padding: 7rem 0;
}
@media screen and (max-width: 1200px) {
  #block-featured-blocks-coj .featured-blocks-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.featured-blocks-grid h2 {
  grid-column: 1 / -1;
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

.featured-block-card {
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media screen and (max-width: 992px) {
  .featured-block-card {
    flex-direction: column;
  }
}
.featured-block-card__image {
  width: 33%;
}
@media screen and (max-width: 992px) {
  .featured-block-card__image {
    width: 100%;
    margin-bottom: 2rem;
  }
}
.featured-block-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: 1rem;
}

/* Hide Featured Information thumbnails on the Court of Justice page. */
#block-featured-blocks-coj .featured-block-card__image {
  display: none;
}
#block-featured-blocks-coj .featured-block-card__overlay {
  width: 100%;
}

.featured-block-card__overlay {
  color: #000;
  width: 63%;
}
@media screen and (max-width: 992px) {
  .featured-block-card__overlay {
    width: 100%;
  }
}
.featured-block-card__title {
  font-size: 2rem;
  font-weight: var(--fw-medium);
  font-family: var(--font-heading);
  margin-bottom: 0.5rem;
  color: var(--nu-secondary);
  text-decoration: underline;
}

.featured-block-card__title a {
  color: inherit;
  text-decoration: inherit;
}

.featured-block-card__body {
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 1.5rem;
  color: #000;
}

.featured-block-card__cta {
  display: inline-block;
  height: 2.75rem;
  width: 2.75rem;
  background: var(--nu-secondary);
  border-radius: 50%;
  position: relative;
  text-decoration: none;
  font-size: 0;
}

.featured-block-card__cta:after {
  background: url("../images/icon-arrow-right-white.svg") no-repeat center center;
  background-size: 1rem;
  content: " ";
  display: block;
  height: 2.75rem;
  width: 2.75rem;
  position: absolute;
  top: 0;
  left: 0;
}

.featured-block-card__cta:hover:after {
  transform: translateX(4px);
  transition: transform .2s ease-in-out;
}

@media (max-width: 1024px) {
  .featured-blocks-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .featured-blocks-grid {
    grid-template-columns: 1fr;
  }
}

/* ==================== About the Court Sections ==================== */
.about-section {
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid var(--nu-border);
}

.about-section:last-child {
  border-bottom: none;
}

.about-section h2 {
  font-size: 2.25rem;
  margin-bottom: 1.5rem;
}

.about-section p {
  font-size: 1.125rem;
  line-height: 1.6;
  color: var(--nu-text-light);
}

.about-judges__links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  margin-top: 2rem;
}

.about-judges__link-item h3 {
  font-size: 1.375rem;
  margin-bottom: 0.5rem;
}

.about-judges__link-item p {
  font-size: 1rem;
  margin-bottom: 1rem;
}

.about-sheriff {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 3rem;
  align-items: center;
}

.about-sheriff__badge {
  width: 12rem;
}

.about-sheriff__badge img {
  width: 100%;
  height: auto;
}

.about-two-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
}

.about-two-col__item h2 {
  font-size: 1.75rem;
}

.about-library {
  background: var(--nu-secondary);
  color: #fff;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  padding: 3rem;
  min-height: 16rem;
}

.about-library h2,
.about-library p,
.about-library a {
  color: #fff;
  position: relative;
  z-index: 1;
}

.about-cta {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: var(--nu-secondary);
  color: #fff;
  text-decoration: none;
  border-radius: 2rem;
  font-weight: 500;
  font-size: 1rem;
  transition: background .2s ease;
}

.about-cta:hover {
  background: #015a91;
  color: #fff;
  text-decoration: none;
}

@media (max-width: 768px) {
  .about-judges__links {
    grid-template-columns: 1fr;
  }

  .about-sheriff {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .about-sheriff__badge {
    margin: 0 auto;
  }

  .about-two-col {
    grid-template-columns: 1fr;
  }

  .about-library {
    padding: 2rem;
  }
}
/* Paragraphs */
.node--type-info-page .nav.tabs {
  max-width: 1312px;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  .node--type-info-page .nav.tabs {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1200px) {
  .node--type-info-page .nav.tabs {
    max-width: 960px;
  }
}
@media screen and (max-width: 992px) {
  .node--type-info-page .nav.tabs {
    max-width: 100%;
  }
}
.node--type-info-page #content {
  padding: 0;
}
.node--type-info-page .region-featured-bottom-first > * {
  padding: 0;
}
.node--type-info-page .featured-bottom > .container {
  max-width: 100%;
  padding: 0;
}
.node--type-info-page .view-paragraphs .paragraph-wrap:nth-child(2n + 2) {
  background: #f7fcff;
}
.node--type-info-page .view-paragraphs .views-row {
  padding: 0;
}
.paragraph--type--left-text-right-image,
.paragraph--type--left-image-right-text,
.paragraph--type--_-column-text {
  display: flex;
  max-width: 1312px;
  margin: 0 auto;
  padding: 7rem 0;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1400px) {
  .paragraph--type--left-text-right-image,
  .paragraph--type--left-image-right-text,
  .paragraph--type--_-column-text {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1200px) {
  .paragraph--type--left-text-right-image,
  .paragraph--type--left-image-right-text,
  .paragraph--type--_-column-text {
    max-width: 960px;
    flex-direction: column;
  }
  .paragraph--type--_-column-text .field--name-field-column-1 {
    margin-bottom: 3rem;
  }
  .paragraph--type--left-text-right-image {
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 992px) {
  .paragraph--type--left-text-right-image,
  .paragraph--type--left-image-right-text,
  .paragraph--type--_-column-text {
    max-width: 100%;
    padding: 4rem 1.25rem;
  }
}
.field--name-field-column-1,
.field--name-field-column-2 {
  max-width: 600px;
  width: 100%;
}
@media screen and (max-width: 992px) {
 .field--name-field-column-1,
  .field--name-field-column-2 {
    max-width: 100%;
  } 
}
.field--name-field-column-1 > .field__item,
.field--name-field-column-2 > .field__item {
  width: 47.5%;
  margin-right: 5%;
  float: left;
}
@media screen and (max-width: 992px) {
  .field--name-field-column-1 > .field__item,
  .field--name-field-column-2 > .field__item {
    width: 100%;
    margin: 0 0 1.5rem;
    float: none;
  }
}
.field--name-field-column-1 > .field__item:last-child,
.field--name-field-column-2 > .field__item:last-child {
  margin: 0;
}
.field--name-field-column-1 .field__item:first-child,
.field--name-field-column-2 .field__item:first-child {
  width: 100%;
}
.field--name-field-column-1 .field__item .field--name-field-title,
.field--name-field-column-2 .field__item .field--name-field-title {
  font-size: 2.5rem;
  font-family: var(--font-heading);
  color: var(--nu-secondary);
  margin-bottom: 1.5rem;
  line-height: 1;
  height: 4rem;
}
.field--name-field-column-1 .field__item:first-child .field--name-field-title,
.field--name-field-column-2 .field__item:first-child .field--name-field-title-2 {
  font-family: var(--font-heading);
  font-size: 4.5rem;
  margin-bottom: 1.5rem;
  color: #000;
  height: auto;
  line-height: 1;
}
.paragraph--type--_-column-text .field--name-field-column-1 .field__item:first-child .field--name-field-title,
.paragraph--type--_-column-text .field--name-field-column-2 .field__item:first-child .field--name-field-title-2 {
  font-size: 3rem;
}
.field--name-field-image-new-media img {
  border-radius: 1.5rem;
  aspect-ratio: 1/1;
  max-width: 600px;
  object-fit: cover;
  width: 100%;
  border-radius: 1.5rem;
}
.field--name-field-call-to-action-link-1 a,
.field--name-field-call-to-action-link-2 a {
  background: var(--nu-secondary);
  color: #FFF;
  text-transform: capitalize;
  padding: .625rem; 
  border-radius: 5rem;
  display: inline-block;
  text-decoration: none;
  margin-top: 2rem;
  text-align: center;
}
@media screen and (max-width: 992px) {
  .field--name-field-call-to-action-link-1 a,
  .field--name-field-call-to-action-link-2 a {
    display: block;
  }
}
.field--name-field-call-to-action-link-1 a:hover,
.field--name-field-call-to-action-link-2 a:hover,
.field--name-field-call-to-action-link-1 a:focus,
.field--name-field-call-to-action-link-2 a:focus {
  background: #000;
}
.paragraph--type--_-column-text .field-item .field--name-field-title {
  font-size: 3rem;
  line-height: 1;
}
.paragraph--type--background-image-with-text-overl {
  padding: 7rem 0;
  position: relative;
}
@media screen and (max-width: 992px) {
  .paragraph--type--background-image-with-text-overl {
    padding: 4rem 0;
  }
}
.paragraph--type--background-image-with-text-overl:before {
  content: " ";
  background: rgba(0, 0, 0, .5);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.paragraph--type--background-image-with-text-overl.bg-processed .field__item {
  max-width: 1312px;
  width: 100%;
  margin: 0 auto;
  float: none;
}
@media screen and (max-width: 1400px) {
  .paragraph--type--background-image-with-text-overl.bg-processed .field__item {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1200px) {
  .paragraph--type--background-image-with-text-overl.bg-processed .field__item {
    max-width: 960px;
  }
}
@media screen and (max-width: 992px) {
  .paragraph--type--background-image-with-text-overl.bg-processed > .field > .field__item {
    max-width: 100%;
    padding: 0 1.25rem;

  }
}
.paragraph--type--background-image-with-text-overl .field__item .paragraph {
  max-width: 768px;
}
@media screen and (max-width: 992px) {
  .paragraph--type--background-image-with-text-overl .field__item .paragraph {
    max-width: 100%;
  }
}
.paragraph--type--background-image-with-text-overl img {
  display: none;
}
.paragraph--type--background-image-with-text-overl.bg-processed .field--name-field-column-1 {
  width: 100%;
  position: relative;
  z-index: 2;
  max-width: 100%;
}
.paragraph--type--background-image-with-text-overl.bg-processed .field__item .field--name-field-title {
  color: #FFF;
  font-size: 3rem;
  font-family: var(--font-heading);
  margin-bottom: 1.5rem;
}
.paragraph--type--background-image-with-text-overl.bg-processed .field__item .field--name-field-body {
  color: #FFF;
}
.field--name-field-grey-boxes {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .5rem;
  padding: 2rem 0;
}
@media screen and (max-width: 992px) {
  .field--name-field-grey-boxes {
    grid-template-columns: repeat(1, 1fr);
  }
}
.field--name-field-grey-boxes > .field__item {
  background: var(--light-grey);
  border-radius: 1rem;
  padding: 1.5rem 1.5rem 4rem;
  display: flex;
  flex-direction: column;
  height: 19rem;
  position: relative;
}
@media screen and (max-width: 992px) {
  .field--name-field-grey-boxes > .field__item {
    height: auto;
  }
}
.field--name-field-grey-boxes .field--name-field-title {
  font-size: 1.375rem;
  font-weight: 600;
  font-family: var(--font-heading);
  color: var(--nu-primary);
  margin-bottom: 0.75rem;
}

.field--name-field-grey-boxes .field--name-field-body {
  font-size: 1rem;
  line-height: 1.5;
  color: var(--nu-text-light);
  flex-grow: 1;
  margin-bottom: 1rem;
}

.field--name-field-grey-boxes .field--name-field-call-to-action-link-1 {
  margin-top: 0;
  position: absolute;
  inset: 0;
}

.field--name-field-grey-boxes .field--name-field-call-to-action-link-1 a {
  font-size: 0;
  text-decoration: none;
  background: none;
  padding: 0;
  border-radius: 0;
}

.field--name-field-grey-boxes .field--name-field-call-to-action-link-1 a:before {
  content: "";
  position: absolute;
  inset: 0;
}

.field--name-field-grey-boxes .field--name-field-call-to-action-link-1 a:after {
  background: #fff url("../images/icon-arrow-right-blue.svg") no-repeat center center;
  background-size: 1rem;
  border-radius: 50%;
  content: "";
  display: block;
  height: 2.75rem;
  width: 2.75rem;
  position: absolute;
  bottom: 1rem;
  left: 1.5rem;
}

.field--name-field-grey-boxes .field--name-field-call-to-action-link-1 a:hover:after {
  transform: translateX(4px);
  transition: transform .2s ease-in-out;
}

.field--name-field-grey-boxes .field--name-field-call-to-action-link-1 a:focus {
  outline: none;
}

.field--name-field-grey-boxes .field--name-field-call-to-action-link-1 a:focus-visible:before {
  outline: 2px solid var(--nu-primary);
  outline-offset: -2px;
  border-radius: 1rem;
}
/* Judges */
#block-views-block-judges-engine-coj-judges {
  max-width: 1312px;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  #block-views-block-judges-engine-coj-judges {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1200px) {
  #block-views-block-judges-engine-coj-judges {
    max-width: 960px;
  }
}
@media screen and (max-width: 992px) {
  #block-views-block-judges-engine-coj-judges {
    max-width: 100%;
  }
}
#block-views-block-judges-engine-coj-judges .view-content,
#block-views-block-judges-engine-coa-judges .view-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: .3125rem;
  padding: 2rem 0;
}
@media screen and (max-width: 992px) {
  #block-views-block-judges-engine-coj-judges .view-content,
  #block-views-block-judges-engine-coa-judges .view-content {
    grid-template-columns: repeat(1, 1fr);
  }
}
#block-views-block-judges-engine-coj-judges .views-row,
#block-views-block-judges-engine-coa-judges .views-row {
  background: var(--light-grey);
  border-radius: 1rem;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}
#block-views-block-judges-engine-coj-judges .views-field-nothing,
#block-views-block-judges-engine-coa-judges .views-field-nothing {
  height: 100%;
}
#block-views-block-judges-engine-coj-judges .judge,
#block-views-block-judges-engine-coa-judges .judge {
  position: relative;
  padding-bottom: 2.75rem;
  display: block;
  height: 100%;
}
#block-views-block-judges-engine-coj-judges .judge h3,
#block-views-block-judges-engine-coa-judges .judge h3 {
  font-size: 1.625rem;
  font-weight: var(--fw-semibold);
  text-decoration: none;
  margin-bottom: 0;
  color: #000;
}
#block-views-block-judges-engine-coj-judges .judge h3 a,
#block-views-block-judges-engine-coa-judges .judge h3 a {
  font-size: 1.625rem;
  font-weight: var(--fw-semibold);
  text-decoration: none;
  margin-bottom: 0;
  color: #000;
}
#block-views-block-judges-engine-coj-judges .judge h3 a:hover,
#block-views-block-judges-engine-coa-judges .judge h3 a:hover {
  text-decoration: underline;
}
#block-views-block-judges-engine-coj-judges .judge .job-title
#block-views-block-judges-engine-coa-judges .judge .job-title {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}
#block-views-block-judges-engine-coj-judges .judge-footer,
#block-views-block-judges-engine-coa-judges .judge-footer {
  position: absolute;
  bottom: 0;
  left: 0;
}
#block-views-block-judges-engine-coj-judges .judge-footer a,
#block-views-block-judges-engine-coa-judges .judge-footer a {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: #FFF no-repeat center center;
  font-size: 0;
  text-decoration: none;
  border-radius: 50%;
  height: 2.75rem;
  width: 2.75rem;
  border: 0;
  position: relative;
}
#block-views-block-judges-engine-coj-judges .judge-footer a:hover,
#block-views-block-judges-engine-coa-judges .judge-footer a:hover {
  background: #FFF;
}
#block-views-block-judges-engine-coj-judges .judge-footer a:after,
#block-views-block-judges-engine-coa-judges .judge-footer a:after {
  position: absolute;
  background: url("../images/icon-arrow-right-blue.svg") no-repeat;
  transition: transform 0.2s ease-in-out;
  height: 1rem;
  width: 1rem;
  top: .9rem;
  left: .9rem;
  background-size: contain;
  content: " ";
}
#block-views-block-judges-engine-coj-judges .judge-footer a:hover:after,
#block-views-block-judges-engine-coa-judges .judge-footer a:hover:after {
  transform: translateX(4px);
}
/* Document Library */
.views-exposed-form .form-actions {
  display: flex;
}
.views-exposed-form .form-submit {
  background: var(--nu-secondary);
  color: #fff;
  border-radius: 5rem;
  padding: .4rem 1.5rem;
  margin-left: .5rem;
}
/**/
.list-group .list-group-item {
  margin-bottom: 1rem;
  border-radius: 1rem;
  padding: 1.5rem;
}
.list-group .list-group-item .canlii-decision-item {
  margin-bottom: 0;
  padding-bottom: 0;
}
.pagination {
    margin: 2.5rem 0 0;
}
.page-item {
  margin-right: .5rem;
}
.page-item .active .page-link {
  background-color: var(--nu-secondary) ;
  border-color: transparent;
  color: #fff;
  border-radius: 50%;
}  
.page-item .page-link[role="presentation"],
.page-item .page-link[title*="Go"],
.page-item .page-link[title*="Aller"] {
  width: auto;
}
.page-item .page-link {
  color: #343226;
  font-size: 1rem;
  text-align: center;
  border: 0;
  background: none;
  text-decoration: none;
  width: 2rem;
  height: 2rem;
  display: block;
  line-height: 1.4rem;
  padding: .25rem 0 0;
  border-radius: 5rem !important;
}
.page-item.active .page-link {
  background: var(--nu-secondary);
  color: #fff;
}
.page-link:hover {
    text-decoration: underline;
}

/* Search */
.path-search .search-help-link {
  display: none;
}
.path-search .search-form .container-inline {
    /* // display: flex; */
  overflow: hidden;
}
.path-search .search-form .js-form-type-search {
  float: left;
}
.path-search .search-form .input[type="search"] {
  height: 3rem;
}
.path-search .search-form .btn-primary {
  display: inline-block;
  max-width: auto;
  float: left;
  width: 9rem;
  margin: 1.5rem 0 0 1rem;
}
.path-search h2 {
  margin: 0 0 3rem;
  clear: both;
}

.node_search-results .list-group-item {
  border: 0;
  padding: 0 0 3rem;
}
.node_search-results .list-group-item h3 a {
  margin-bottom: 1.5rem;
  color: var(--nu-secondary);
  text-decoration: none;
}
.node_search-results .list-group-item h3 a:hover, 
.node_search-results .list-group-item h3 a:focus {
  text-decoration: underline;
  color: #000
}