/**
 * Roboto Condensed is available at any weight, Open Sans is 300–800.
 *
 * Colour variables are dynamically generated from
 * transitionresourceguide.color.yml and add to html_head by
 * transitionresourceguide_page_attachments_alter(). The generated CSS can be
 * seen at /admin/appearance/settings/transitionresourceguide.
 */
:root {
  --border-radius-small: 5px;
  --border-radius: 15px;
  --border-radius-cta: 2em;
  --content-max-inline-size: 60rem;
  --feature-area-block-size: 33.75rem;
  --font-family-condensed: 'Roboto Condensed', condensed, sans-serif;
  --font-family-sans-serif: 'Open Sans', sans-serif;
  --font-family-serif: serif;
  --font-weight-bold: 700;
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --font-weight-semi-bold: 600;
  --gradient-background: linear-gradient(45deg, rgba(var(--color-lilac-rgb), 1) 0%, rgba(var(--color-light-blue-rgb), 1) 100%);
  --gradient-background-translucent: linear-gradient(45deg, rgba(var(--color-lilac-rgb), 0.9) 0%, rgba(var(--color-light-blue-rgb), 0.9) 100%);
  --video-default-size: 40rem;
  font-size: 16px;
  font-family: var(--font-family-sans-serif);
  font-weight: var(--font-weight-normal);
  font-optical-sizing: auto;
  line-height: 1.5;
}
.transition-resource-guide-small-screen-only {
  display: none;
}
html {
  scroll-behavior: smooth;
}
:is(h1, h2, h3, h4, h5, h6) {
  margin-block: 0 0.75em;
  font-family: var(--font-family-condensed);
  font-weight: var(--font-weight-semi-bold);
  text-wrap: balance;
}
h1 {
  margin-block-end: 0;
  font-size: 2.875rem;
  line-height: calc(28 / 23);
}
h2 {
  font-size: 2.375rem;
  line-height: calc(24 / 19);
}
.node--bundle-resource h2 {
  font-size: 1.375rem;
  font-weight: var(--font-weight-bold);
}
h3 {
  font-size: 2rem;
  line-height: 1.25;
}
h4 {
  font-size: 1.625rem;
  line-height: calc(18 / 13);
}
h5 {
  font-size: 1.5rem;
  line-height: calc(17 / 12);
}
h6 {
  font-size: 1.375rem;
  line-height: calc(16 / 11);
}
p,
dl,
ol,
table,
ul {
  margin-block: 1em;
}
ol,
ul {
  padding-inline-start: 2.5em;
}
p:has(a.cta) {
  margin-block-start: 2em;
}
p.important {
  font-size: 1.375em;
  font-weight: var(--font-weight-semi-bold);
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-block: 0;
}
.field--family-type-long-text li {
  margin-block: 0.25em;
}
ul.checklist li {
  list-style-type: none;
}
ul.checklist li::before {
  margin-inline: -1.5em 0.5em;
  inline-size: 1em;
  content: '✔';
}
body.pathway--apprenticeship-and-trades ul > li::marker,
body.pathway--apprenticeship-and-trades ul.checklist > li::before {
  color: var(--color-pathway-apprenticeship-and-trades);
}
body.pathway--workplace ul > li::marker,
body.pathway--workplace ul.checklist > li::before {
  color: var(--color-pathway-workplace);
}
body.pathway--post-secondary-education ul > li::marker,
body.pathway--post-secondary-education ul.checklist > li::before {
  color: var(--color-pathway-post-secondary-education);
}
body.pathway--community ul > li::marker,
body.pathway--community ul.checklist > li::before {
  color: var(--color-pathway-community);
}
.field--id-field-pathway ul,
.panel-list-links ul {
  list-style-type: none;
}
table {
  border-collapse: collapse;
  min-inline-size: 100%;
}
table thead tr {
}
table tbody tr:nth-child(even) {
}
table th {
}
table td {
}
table td *:last-child {
  margin-block-end: 0;
}
a {
  color: var(--color-navy-blue);
}
a.cta,
.field--id-field-link a:not(.node--bundle-resource a),
.field--id-field-link-list-link a,
.field--id-field-pathway a,
.field--id-field-sidebar-title a,
.panel-list-links a,
.links.inline .link--node-readmore span,
.region .block-transitionresourceguide-backtotop a,
button:not(.region--id-navigation nav ul button,
.field--type-file button,
.transitionresourceguide-primary-nav-small-trigger,
.toolbar button,
.card-toggle-all button,
.section-toggle-all button),
input.form-submit:where(:not(.field--type-file input.form-submit)) {
  display: inline-block;
  box-sizing: border-box;
  border: none;
  border-radius: var(--border-radius-cta);
  background-color: var(--color-navy-blue);
  padding: 0.75em 1.5em;
  inline-size: auto;
  font-family: var(--font-family-condensed);
  font-size: 1em;
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
  text-decoration: none;
  color: var(--color-white);
  cursor: pointer;
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
}
.field--id-field-link-list-link a,
.panel-list-links a {
  border: 1px solid var(--color-navy-blue);
  background-color: transparent;
  padding: calc(0.75em - 2px) calc(1.5em - 2px);
  color: var(--color-navy-blue);
}
.field--id-field-sidebar-title a {
  background-color: var(--color-white);
  color: var(--color-navy-blue);
}
article.pathway .links.inline .link--node-readmore span::after {
  content: '\f061';
  margin-inline: 0.5em;
  font: var(--fa-font-solid);
  font-size: 0.75em;
  text-rendering: auto;
  transition: margin 0.25s ease-in-out;
  -webkit-font-smoothing: antialiased;
}
.region .block-transitionresourceguide-backtotop a::after {
  content: '\f176';
  margin-inline-start: 0.5em;
  font: var(--fa-font-solid);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
a.cta:hover,
.field--id-field-link a:not(.node--bundle-resource .field--id-field-link a):hover,
.field--id-field-link-list-link a:hover,
.field--id-field-pathway a:hover,
.field--id-field-pathway a[data-transitionresourceguide-pathway-current],
.field--id-field-sidebar-title a:hover,
.panel-list-links a:hover,
.links.inline .link--node-readmore span:hover,
.region .block-transitionresourceguide-backtotop a:hover,
button:not(.region--id-navigation nav ul button,
.field--type-file button,
.transitionresourceguide-primary-nav-small-trigger,
.toolbar button,
.card-toggle-all button,
.section-toggle-all button):hover,
input.form-submit:where(:not(.field--type-file input.form-submit)):hover {
  background-color: var(--color-teal);
  color: var(--color-black);
}
article.pathway:hover .links.inline .link--node-readmore span::after {
  margin-inline: 1em 0;
}
.field--id-field-link-list-link a:hover,
.panel-list-links a:hover,
.panel-list-links li.active a {
  background-color: var(--color-navy-blue);
  color: var(--color-white);
}
a.cta-alt {
  font-family: var(--font-family-condensed);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  transition: color 0.25s ease-in-out;
}
a.cta-alt:hover {
  color: var(--color-teal);
}
a.cta svg.mailto,
a.cta + svg.mailto,
.field--id-field-link a svg.mailto,
.field--id-field-link a + svg.mailto,
.field--id-field-link-list-link a svg.mailto,
.field--id-field-link-list-link a + svg.mailto,
.field--id-field-pathway a svg.mailto,
.field--id-field-pathway a + svg.mailto,
.field--id-field-sidebar-title a svg.mailto,
.field--id-field-sidebar-title a + svg.mailto,
a.cta svg.tel,
a.cta + svg.tel,
.field--id-field-link a svg.tel,
.field--id-field-link a + svg.tel,
.field--id-field-link-list-link a svg.tel,
.field--id-field-link-list-link a + svg.tel,
.field--id-field-pathway a svg.tel,
.field--id-field-pathway a + svg.tel,
.field--id-field-sidebar-title a svg.tel,
.field--id-field-sidebar-title a + svg.tel {
  display: none;
}
input.form-text,
input.form-date,
input.form-email,
input.form-tel,
input.form-number,
input.form-search,
input.form-url,
textarea {
  box-shadow: none;
  border: 1px solid var(--color-light-grey);
  border-radius: var(--border-radius-small);
  background-color: var(--color-white);
  padding: 0.625em 0.75em;
  max-inline-size: 100%;
  font: inherit;
}
select {
  box-sizing: border-box;
  margin: 0;
  box-shadow: none;
  border: 1px solid var(--color-light-grey);
  border-radius: var(--border-radius-small);
  background: url('../img/select-widget-bg.svg') center right 0.75em / 1em 1em no-repeat scroll padding-box padding-box var(--color-white);
  /* Safari uses the wrong relative path when provided via the shorthand
     property above. */
  background-image: url('../img/select-widget-bg.svg');
  padding: 0.75em 2.5em 0.75em 1.5em;
  padding-inline-end: 2.5em !important;
  max-inline-size: 100%;
  overflow: hidden;
  font: inherit;
  text-align: start;
  line-height: 1.25;
  color: var(--color-black);
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
form .form-item {
  margin-block-end: 1em;
}
form label:where(:not(.form-checkboxes .form-item label,
.form-item.js-form-type-checkbox label,
.form-item.js-form-type-radio label)) {
  font-weight: var(--font-weight-medium);
}
/* Inline SVG icon defaults. */
.field--id-field-media-svg:has(svg) {
  background-color: var(--color-white);
  border-radius: 50%;
  inline-size: 5em;
  aspect-ratio: 1;
}
.field--id-field-media-svg:has(svg) .field-value {
  display: block;
  inline-size: 100%;
  block-size: auto;
}
.field--id-field-media-svg .field-value svg {
  display: block;
}
.field--id-field-media-svg .field-value svg .foreground {
  fill: var(--color-black);
}
.transition-resource-guide-fade-in-dynamic {
  opacity: 0;
  transform: translateY(12vh);
  visibility: hidden;
  transition: opacity 1s ease-out, transform 0.75s ease-out;
  will-change: opacity, visibility;
}
.transition-resource-guide-fade-in-dynamic.complete {
  opacity: 1;
  transform: none;
  visibility: visible;
}
.region-container.navigation .region,
.region-container.title .region,
.region-container.supercontent .region:not(body.front .region),
body.front .region-container.supercontent .block:not(.block-transitionresourceguide-views-block-features-block) {
  box-sizing: border-box;
  display: block;
  margin-inline: auto;
  padding-inline: var(--bezel-inline-size);
  min-inline-size: var(--min-inline-size);
  max-inline-size: var(--max-inline-size);
}
.region--id-header {
  padding-block: 1.25em;
}
.region--id-header ul {
  display: flex;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  line-height: 1;
  list-style-type: none;
  text-transform: uppercase;
}
.region--id-header a {
  display: block;
  font-weight: var(--font-weight-bold);
  text-decoration: none;
  color: var(--color-black);
}
.region--id-header .view ul a {
  border-radius: var(--border-radius);
  background-color: transparent;
  /* This should be …+4px, but it matches better at 2px, probably because of the
     adjustments to the language switcher border-radius and overflow. */
  padding: calc(0.3125em + 2px) 1em;
  transition: background-color 0.25s ease-in-out;
}
.region--id-header .view ul li.menu-item.active a,
.region--id-header .view ul a:hover {
  background-color: var(--color-light-grey);
}
.region--id-header .region-content {
  position: relative;
  z-index: 2;
  display: flex;
  gap: var(--gutter-inline-size);
  align-items: center;
}
.block-transitionresourceguide-search-form {
  flex-basis: 100%;
}
.block-transitionresourceguide-search-form form {
  position: relative;
  display: flex;
  margin-inline-start: auto;
  border: 1px solid var(--color-blue);
  border-radius: var(--border-radius-cta);
  padding-inline-start: 1em;
  max-inline-size: 24em;
  transition: border-color 0.25s ease-in-out;
}
.block-transitionresourceguide-search-form form label {
  display: none;
}
.block-transitionresourceguide-search-form form:has(.form-actions:hover) {
  border-color: var(--color-teal);
}
.block-transitionresourceguide-search-form form .form-item {
  flex-grow: 1;
  margin-block: 0;
}
.block-transitionresourceguide-search-form input[type=text] {
  box-sizing: border-box;
  border: none;
  padding: 0.5em 1.5em 0 0.25em;
  inline-size: 100%;
}
.block-transitionresourceguide-search-form .form-actions {
  inline-size: 4rem;
  overflow: hidden;
}
.block-transitionresourceguide-search-form .form-actions::before {
  content: '\f002';
  box-sizing: border-box;
  position: absolute;
  inset-inline-end: -1px;
  display: block;
  margin-block: -1px;
  border: none;
  border-radius: var(--border-radius-cta);
  background-color: var(--color-blue);
  padding: calc(0.75rem + 1px) 1.5rem;
  font: var(--fa-font-solid);
  font-size: 1.25em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  color: var(--color-white);
  cursor: pointer;
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
}
.block-transitionresourceguide-search-form .form-actions:hover::before {
  background-color: var(--color-teal);
  color: var(--color-black);
}
.block-transitionresourceguide-search-form input[type=submit] {
  position: relative;
  z-index: 1;
  background-color: transparent;
  color: transparent;
}
.block--id-transitionresourceguide-views-block--menu-block,
.block--id-transitionresourceguide-languageswitcher {
  white-space: nowrap;
}
.block--id-transitionresourceguide-languageswitcher ul {
  border: 2px solid var(--color-teal);
  border-radius: 1em;
  overflow: hidden;
}
.region--id-header .block--id-transitionresourceguide-languageswitcher li {
  border-radius: calc(1em - 2px);
}
/* Matching the border radii is flaky, so the radius is removed and “overflow:
   hidden” on the parent ul prevents the corners from appearing. */
.block--id-transitionresourceguide-languageswitcher li:first-child {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.block--id-transitionresourceguide-languageswitcher li:last-child {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.block--id-transitionresourceguide-languageswitcher li.is-active {
  background-color: var(--color-teal);
}
.block--id-transitionresourceguide-languageswitcher li a {
  padding: 0.3125em 0.75em;
}
.block--id-transitionresourceguide-languageswitcher li:not(.is-active) a {
  padding-inline: 0.5em;
}
.block--id-transitionresourceguide-languageswitcher li:first-child a {
  padding-inline-start: calc(0.75em - 2px);
}
.block--id-transitionresourceguide-languageswitcher li:last-child a {
  padding-inline-end: calc(0.75em - 2px);
}
.block--id-transitionresourceguide-branding .inner-container {
  display: flex;
  gap: 0.8em;
  align-items: center;
  font-family: var(--font-family-condensed);
  line-height: 1.25;
  text-transform: uppercase;
  text-wrap: balance;
}
.block--id-transitionresourceguide-branding .logo {
  display: block;
}
.block--id-transitionresourceguide-branding .logo img {
  display: block;
  inline-size: 4em;
  block-size: auto;
}
.block--id-transitionresourceguide-branding .site-name {
  inline-size: 12em;
}
/* Hide the small screen navigation trigger. */
.transitionresourceguide-primary-nav-small-trigger {
  display: none;
}
.region-container.navigation {
  background-color: var(--color-navy-blue);
  padding-block: 0.75em;
  line-height: 1;
  color: var(--color-white);
}
.region-container.navigation .region-content {
  position: relative;
  z-index: 2;
}
.region--id-navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.region--id-navigation ul:not(ul ul) {
  display: flex;
  justify-content: center;
  gap: 0.625em;
}
.region--id-navigation ul ul ul li {
  padding-inline-start: 1em;
  font-size: 0.9375em;
}
.region--id-navigation a,
.region--id-navigation a:hover,
.region--id-navigation nav ul button,
.region--id-navigation nav ul button:hover {
  display: block;
  border: none;
  border-radius: var(--border-radius-cta);
  background-color: transparent;
  padding: 0.75em 1.5em;
  font-family: var(--font-family-condensed);
  font-size: 1.125em;
  font-weight: var(--font-weight-medium);
  line-height: 1;
  text-decoration: none;
  color: var(--color-white);
  cursor: pointer;
  transition: background-color 0.25s ease-in-out;
}
.region--id-navigation li.menu-item--in-active-trail:not(li li) a,
.region--id-navigation a:hover,
.region--id-navigation nav ul li.menu-item--in-active-trail:not(li li) button,
.region--id-navigation nav ul button:hover,
.region--id-navigation nav ul button[aria-pressed='true'] {
  background-color: rgba(var(--color-white-rgb), 0.15);
}
.region--id-navigation nav button::after {
  content: '\f078';
  position: relative;
  inset-block-start: calc(1em / -16);
  margin-inline-start: 0.5em;
  font: var(--fa-font-solid);
  font-size: 0.75em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.region--id-navigation nav button[aria-pressed='true']::after {
  content: '\f077';
}
.region--id-navigation ul ul a,
.region--id-navigation ul ul a:hover,
.region--id-navigation a.landing-page,
.region--id-navigation a.landing-page:hover {
  display: block;
  margin-block: 0.25rem;
  padding: 0.25rem 0;
  font-family: var(--font-family-sans-serif);
  font-size: 1em;
  color: var(--color-black);
}
.region--id-navigation .submenu-content a {
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.25s ease-in-out;
}
.region--id-navigation .submenu-content .menu-item-children a {
  font-weight: var(--font-weight-normal);
}
.region--id-navigation .submenu-content .menu-item--in-active-trail > a,
.region--id-navigation .submenu-content a.is-active,
.region--id-navigation .submenu-content a:hover {
  text-decoration-color: inherit;
}
/* Visibility can't be transitioned, so opacity is used to fake it; note that
   it doesn't ease out because of visibility being set to hidden. */
.region--id-navigation .menu-level-1 {
  position: absolute;
  z-index: 3;
  margin-block-start: 2em;
  border-radius: var(--border-radius);
  padding: 1.75em 1.5em;
  background-color: rgba(var(--color-white-rgb), 0.95);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
}
/* Vertically align three elements where two of them are stacked; from
   https://teamtreehouse.com/community/how-do-i-style-three-divs-as-two-columns-with-either-flex-or-cssgrid */
.region--id-navigation .menu-level-1:has(img) > .submenu-content {
  display: grid;
  grid-template-columns: 20em 16em;
  grid-template-rows: fit-content(100%);
  grid-template-areas:
    'landing-page menu-item-fields'
    'menu-item-children menu-item-fields';
  column-gap: 1em;
}
.region--id-navigation .menu-level-1:has(img) > .submenu-content a.landing-page {
  grid-area: landing-page;
  font-size: 1.125em;
  font-weight: var(--font-weight-bold);
}
.region--id-navigation .menu-level-1:has(img) > .submenu-content .menu-item-children {
  grid-area: menu-item-children;
}
.region--id-navigation .menu-level-1:has(img) > .submenu-content .menu-item-fields {
  grid-area: menu-item-fields;
}
.region--id-navigation .menu-item-fields .image {
  border-radius: var(--border-radius);
  background-color: var(--color-navy-blue);
}
.region--id-navigation .menu-item--label-apprenticeship-and-trades .menu-item-fields .image {
  background-color: var(--color-pathway-apprenticeship-and-trades);
}
.region--id-navigation .menu-item--label-community .menu-item-fields .image {
  background-color: var(--color-pathway-community);
}
.region--id-navigation .menu-item--label-post-secondary-education .menu-item-fields .image {
  background-color: var(--color-pathway-post-secondary-education);
}
.region--id-navigation .menu-item--label-workplace .menu-item-fields .image {
  background-color: var(--color-pathway-workplace);
}
.region--id-navigation .menu-item-fields img {
  box-sizing: border-box;
  position: relative;
  inset-block-start: -0.375em;
  inset-inline-end: -0.375em;
  display: block;
  border-radius: var(--border-radius);
  inline-size: 100%;
  block-size: auto;
}
.region--id-navigation .menu-level-1 > .submenu-content a.landing-page {
  margin-block: 0 0.5em;
  padding-block-start: 0;
}
.region--id-navigation .menu-level-1 > .submenu-content a.landing-page::after {
  /* The text decoration doesn't apply to padding, so an empty space (to which
     text decoration does apply) is prepended to the icon for spacing. */
  content: '\2000\f061';
  font: var(--fa-font-solid);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
/* Buttons in the menu have ul in the selector to avoid affecting the trigger
   for small screen navigation. */
.region--id-navigation nav ul button[aria-pressed='true'] + .menu-level-1 {
  visibility: visible;
  opacity: 1;
}
.block--base-plugin-id--transitionresourceguide-section-navigation {
  position: sticky;
  inset-block-start: var(--drupal-displace-offset-top, 0);
  z-index: 2;
  margin: -5em 0 6em calc(50% - 50vw);
  border-block: 1px solid var(--color-light-grey);
  border-radius: 0;
  box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.125);
  clip-path: inset(0 0 -1.5em 0);
  background-color: var(--color-lightest-grey);
  padding-block-end: 1em;
  inline-size: 100vw;
  font-family: var(--font-family-condensed);
}
/* The height of the Gin toolbar is added to --drupal-displace-offset-top
   despite the fact that it appears over top of the default toolbar, so if the
   Gin toolbar exists set the offset to just its height. */
body:has(#gin-toolbar-bar) .block--base-plugin-id--transitionresourceguide-section-navigation {
  inset-block-start: var(--gin-toolbar-height, 0);
}
/* The section navigation almost always appears on pages with a hero image, but
   the default rule has some affordances for when it does not (which are removed
   here). */
body:has(.region--id-title .node--view-mode-title .field--id-field-hero) .block--base-plugin-id--transitionresourceguide-section-navigation {
  margin-block-start: 0;
  border-block-start-width: 0;
}
.block--base-plugin-id--transitionresourceguide-section-navigation nav {
  box-sizing: border-box;
  display: block;
  margin-inline: auto;
  padding-inline: var(--bezel-inline-size);
  min-inline-size: var(--min-inline-size);
  max-inline-size: var(--max-inline-size);
  text-align: center;
}
.block--base-plugin-id--transitionresourceguide-section-navigation h3 {
  display: inline-block;
  margin-block-end: 1em;
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background-color: var(--color-light-grey);
  padding: 0.5em 0.75em;
  font-size: 1em;
}
.block--base-plugin-id--transitionresourceguide-section-navigation h3::after {
  content: '\f063';
  margin-inline-start: 0.5em;
  font: var(--fa-font-solid);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.block--base-plugin-id--transitionresourceguide-section-navigation ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: var(--gutter-inline-size);
  row-gap: 0.5em;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.block--base-plugin-id--transitionresourceguide-section-navigation a {
  color: var(--color-black);
  text-decoration-color: transparent;
  transition: text-decoration-color 0.25s ease-in-out;
}
.block--base-plugin-id--transitionresourceguide-section-navigation a:hover {
  text-decoration-color: inherit;
}
.region-container.title {
  background-color: transparent;
  background-image: var(--background-image-default);
  background-position: center bottom;
  background-size: 200%;
  background-repeat: no-repeat;
}
.region-container.title:has(.block-transitionresourceguide-views-block-pages-title-block .field--id-field-hero img) {
  background-color: var(--color-light-blue);
  background-image: none;
}
.region-container.title .region-content {
  position: relative;
}
.block--id-transitionresourceguide-breadcrumbs,
.field--type-entity-breadcrumb-field {
  padding-block: 1em;
  font-family: var(--font-family-condensed);
  font-size: 0.8125em;
  color: var(--color-grey);
}
.region-container.title .block--id-transitionresourceguide-breadcrumbs {
  position: absolute;
  inset: 0 50% auto 0;
}
.block--id-transitionresourceguide-breadcrumbs ol,
.field--type-entity-breadcrumb-field ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.block--id-transitionresourceguide-breadcrumbs ol li,
.field--type-entity-breadcrumb-field ol li {
  display: inline;
}
.block--id-transitionresourceguide-breadcrumbs li:not(:first-child)::before,
.field--type-entity-breadcrumb-field li:not(:first-child)::before {
  content: '/';
  padding-inline: 0.25em;
}
.block--id-transitionresourceguide-breadcrumbs a,
.field--type-entity-breadcrumb-field a {
  color: var(--color-grey);
  text-decoration-color: transparent;
  transition: text-decoration-color 0.25s ease-in-out;
}
.block--id-transitionresourceguide-breadcrumbs a:hover,
.field--type-entity-breadcrumb-field a:hover {
  text-decoration-color: inherit;
}
.block-transitionresourceguide-page-title .block-content,
.block-transitionresourceguide-views-block-pages-title-block article.node--view-mode-title {
  display: flex;
  align-items: center;
  justify-content: center;
  min-block-size: var(--feature-area-block-size);
  text-align: center;
}
.block-transitionresourceguide-views-block-pages-title-block article.node--view-mode-title > * {
  flex: 1 1 0;
}
/* Add vertical padding to the first element to leave room for the absolutely
   positioned breadcrumbs. */
.block-transitionresourceguide-views-block-pages-title-block article.node--view-mode-title > *:first-child {
  padding-block: 3.75rem 2.5rem;
}
.block-transitionresourceguide-views-block-pages-title-block article.node--view-mode-title:has(.field--id-field-hero img) > *:first-child > * {
  padding-inline-end: 5rem;
  text-align: start;
}
.block-transitionresourceguide-views-block-pages-title-block article.node--view-mode-title:has(.field--id-field-hero img) > *:last-child > * {
  margin-inline-end: calc((50vw - 50%) * -1);
  max-inline-size: 50vw;
}
.block-transitionresourceguide-views-block-pages-title-block .field--id-field-subheader,
.region--id-supercontent > .region-content .node--view-mode-introduction {
  font-size: 1.125em;
  line-height: calc(14 / 9);
}
.block-transitionresourceguide-views-block-pages-title-block .field--id-field-subheader {
  font-family: var(--font-family-condensed);
}
/* The curve on the left side of the image is achieved with a border radius on
   the top- and bottom-left corners that has separate values for the horizontal
   (lower value) and vertical (higher value) radii. The container is expanded at
   the top and bottom to hide the pronounced curve close to those edges. Note
   that the negative vertical margins / vertical padding necessitate adding
   a z-index to .main-content to place it above the .image overflow. */
.block-transitionresourceguide-views-block-pages-title-block .field--id-field-hero .image {
  margin-block: -8rem;
  padding-block: 8rem;
  border-radius: 16rem 0 0 16rem / 50% 0 0 50%;
  overflow: hidden;
}
.block-transitionresourceguide-views-block-pages-title-block .field--id-field-hero img {
  display: block;
  inline-size: 100%;
  object-fit: cover;
}
.main-content {
  position: relative;
  z-index: 1;
  margin-block: 6em;
}
body.front .main-content {
  margin-block-start: 1.25em;
}
.main-content:has(.block--base-plugin-id--transitionresourceguide-section-navigation),
body.pathway:not(.pathway-landing-page) .region-container.supercontent:has(.node) + .main-content {
  margin-block-start: 0;
}
.main-content:has(.block-transitionresourceguide-views-block-pages-teaser-block:last-child),
.main-content:has(.block-transitionresourceguide-views-block-resources-block:last-child),
.main-content:has(.field--id-field-section > .field-values > .field-value:last-child .paragraph--bundle-cta:last-child),
.main-content:has(.field--id-field-section > .field-values > .field-value:last-child .paragraph--bundle-detail:last-child) {
  margin-block-end: 0;
}
.main-content .block--base-plugin-id--system-main-block .field--id-body,
.main-content .block--base-plugin-id--system-main-block .node-content > .field--type-webform {
  margin-inline: auto;
  max-inline-size: var(--content-max-inline-size);
}
.region-container.supercontent {
  padding-block: 2.5rem;
}
body.front .region-container.supercontent,
body.pathway-landing-page .region-container.supercontent {
  background-color: transparent;
  background-image: var(--background-image-default);
  background-position: center bottom;
  background-size: 200%;
  background-repeat: no-repeat;
  padding-block: 0;
}
body.front .region-container.supercontent {
  padding-block-end: 5rem;
}
body.pathway-landing-page.pathway--apprenticeship-and-trades .region-container.supercontent {
  background-image: var(--background-image-pathway-apprenticeship-and-trades);
}
body.pathway-landing-page.pathway--workplace .region-container.supercontent {
  background-image: var(--background-image-pathway-workplace);
}
body.pathway-landing-page.pathway--post-secondary-education .region-container.supercontent {
  background-image: var(--background-image-pathway-post-secondary-education);
}
body.pathway-landing-page.pathway--community .region-container.supercontent {
  background-image: var(--background-image-pathway-community);
}
body.front .region-container.supercontent::after {
  content: '\f175';
  display: block;
  border: 2px solid var(--color-white);
  border-radius: 50%;
  background: var(--gradient-background);
  padding: 0.75em;
  inline-size: 1em;
  aspect-ratio: 1;
  margin: auto auto calc(-5rem - ((1em + (2 * 0.75em)) / 2)) auto;
  font: var(--fa-font-solid);
  font-size: 2em;
  text-rendering: auto;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}
.region-container.supercontent .region--id-supercontent:not(body.front .region--id-supercontent) {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.pathway-landing-page .region-container .region--id-supercontent {
  min-block-size: var(--feature-area-block-size);
}
/* The introduction content is vertically centred, but the nature of its content
   combined with the tapering background image makes it appear too low, so it's
   pulled up a bit. */
body.pathway-landing-page .region--id-supercontent > .region-content:has(.field--id-field-introduction-icon svg) {
  margin-block-start: -2.5rem;
}
body.pathway-landing-page.pathway--apprenticeship-and-trades .region--id-supercontent > .region-content {
  color: var(--color-pathway-apprenticeship-and-trades-text);
}
body.pathway-landing-page.pathway--workplace .region--id-supercontent > .region-content {
  color: var(--color-pathway-workplace-text);
}
body.pathway-landing-page.pathway--post-secondary-education .region--id-supercontent > .region-content {
  color: var(--color-pathway-post-secondary-education-text);
}
body.pathway-landing-page.pathway--community .region--id-supercontent > .region-content {
  color: var(--color-pathway-community-text);
}
body.pathway .region--id-supercontent > .region-content .field--id-field-media-svg {
  margin: 0 auto 2.5rem auto;
  inline-size: 4em;
}
body.pathway .region--id-supercontent > .region-content .field--family-type-long-text .field-value > :first-child {
  margin-block-start: 0;
}
.region--id-supercontent > .region-content .node--view-mode-introduction {
  margin-inline: auto;
  max-inline-size: var(--content-max-inline-size);
  text-align: center;
}
body.front .region--id-supercontent > .region-content .node--view-mode-introduction {
  margin-block: 2.5rem 5rem;
  font-family: var(--font-family-condensed);
  font-size: 2.375em;
  font-weight: var(--font-weight-semi-bold);
  line-height: calc(24 / 19);
  text-wrap: balance;
}
.block-transitionresourceguide-views-block-features-block {
  margin-block-end: 3.75rem;
  background-color: transparent;
  background-image: url('../img/feature-bg.svg');
  background-position: center bottom;
  background-size: calc(100% - (2 * var(--bezel-inline-size)));
  background-repeat: no-repeat;
  padding-block-end: calc(((100% - (2 * var(--bezel-inline-size))) * 44) / 1344);
}
.block-transitionresourceguide-views-block-features-block > .inner-container {
  position: relative;
  min-block-size: var(--feature-area-block-size);
}
.block-transitionresourceguide-views-block-features-block .views-row:not(:first-child):not('.swiper-slide') {
  display: none;
}
.block-transitionresourceguide-views-block-features-block .field--id-field-feature-image img {
  position: absolute;
  display: block;
  inset-block-start: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: center;
}
.block-transitionresourceguide-views-block-features-block .feature-container {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-inline: auto;
  padding-inline: var(--bezel-inline-size);
  min-inline-size: var(--min-inline-size);
  max-inline-size: var(--max-inline-size);
  min-block-size: var(--feature-area-block-size);
}
.block-transitionresourceguide-views-block-features-block .feature-content {
  margin-inline-end: calc((100% / 3) * 1.85);
  background: var(--gradient-background-translucent);
  border-radius: var(--border-radius);
  padding: 1.75rem 2.5rem;
  max-block-size: 25rem;
  overflow: auto;
  font-family: var(--font-family-condensed);
}
.block-transitionresourceguide-views-block-features-block:has(.swiper-pagination) .feature-content {
  max-block-size: 20rem;
}
.block-transitionresourceguide-views-block-features-block .feature-content h2 {
  margin-block-end: 0;
  font-size: 2.875rem;
  line-height: calc(28 / 23);
}
.block-transitionresourceguide-views-block-features-block .field--id-body {
  font-size: 1.375rem;
  line-height: calc(16 / 11);
}
.block-transitionresourceguide-views-block-features-block .node:not(:has(.field--id-field-link)) .field--id-body .field-value > *:last-child {
  margin-block-end: 0;
}
.block-transitionresourceguide-views-block-features-block .field--id-field-link {
  margin-block-start: 2em;
  font-size: 1rem;
}
.block-transitionresourceguide-views-block-features-block .swiper-pagination {
  inset-block-end: 2rem;
}
.block-transitionresourceguide-views-block-features-block .swiper-pagination-bullet,
.block-transitionresourceguide-views-block-features-block .swiper-pagination-bullet-active {
  background-color: rgba(var(--color-white-rgb), calc((1 / 3) * 2));
  border-radius: 0.5em;
  block-size: 1em;
  inline-size: 1em;
  opacity: 1;
  transition: inline-size 0.25s ease-in-out;
}
.block-transitionresourceguide-views-block-features-block .swiper-pagination-bullet-active {
  background-color: rgba(var(--color-white-rgb), 0.875);
  inline-size: 3em;
}
.block-transitionresourceguide-views-block-pages-teaser-block,
.block-transitionresourceguide-views-block-pages-tertiary-teaser-block {
  margin-block-end: 6em;
}
/* Account for teaser blocks followed only by empty main content blocks. :not()
   can't be nested, so the space is removed by the empty main content block. */
.block-transitionresourceguide-views-block-pages-teaser-block + .block-transitionresourceguide-mainpagecontent:not(:has(.field)):last-child,
.block-transitionresourceguide-views-block-pages-tertiary-teaser-block + .block-transitionresourceguide-mainpagecontent:not(:has(.field)):last-child {
  margin-block-end: -6em;
}
.block-transitionresourceguide-views-block-pages-teaser-block .inner-container > h2,
.block-transitionresourceguide-views-block-pages-tertiary-teaser-block .inner-container > h2 {
  margin-block-end: 0;
  font-size: 1.375rem;
  text-align: center;
}
.block-transitionresourceguide-views-block-pages-tertiary-teaser-block .inner-container > h2 {
  margin-block-end: 2em;
  border-block-end: 0.625rem solid var(--color-light-blue);
}
body.pathway--apprenticeship-and-trades .block-transitionresourceguide-views-block-pages-tertiary-teaser-block .inner-container > h2 {
  border-color: var(--color-pathway-apprenticeship-and-trades);
}
body.pathway--workplace .block-transitionresourceguide-views-block-pages-tertiary-teaser-block .inner-container > h2 {
  border-color: var(--color-pathway-workplace);
}
body.pathway--post-secondary-education .block-transitionresourceguide-views-block-pages-tertiary-teaser-block .inner-container > h2 {
  border-color: var(--color-pathway-post-secondary-education);
}
body.pathway--community .block-transitionresourceguide-views-block-pages-tertiary-teaser-block .inner-container > h2 {
  border-color: var(--color-pathway-community);
}
.block-transitionresourceguide-views-block-pages-teaser-block .inner-container > h2 span,
.block-transitionresourceguide-views-block-pages-tertiary-teaser-block .inner-container > h2 span {
  display: inline-block;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  background-color: var(--color-light-blue);
  padding: 0.75em 1.75em;
}
body.pathway--apprenticeship-and-trades .block-transitionresourceguide-views-block-pages-teaser-block .inner-container > h2 span,
body.pathway--apprenticeship-and-trades .block-transitionresourceguide-views-block-pages-tertiary-teaser-block .inner-container > h2 span {
  background-color: var(--color-pathway-apprenticeship-and-trades);
  color: var(--color-pathway-apprenticeship-and-trades-text);
}
body.pathway--workplace .block-transitionresourceguide-views-block-pages-teaser-block .inner-container > h2 span,
body.pathway--workplace .block-transitionresourceguide-views-block-pages-tertiary-teaser-block .inner-container > h2 span {
  background-color: var(--color-pathway-workplace);
  color: var(--color-pathway-workplace-text);
}
body.pathway--post-secondary-education .block-transitionresourceguide-views-block-pages-teaser-block .inner-container > h2 span,
body.pathway--post-secondary-education .block-transitionresourceguide-views-block-pages-tertiary-teaser-block .inner-container > h2 span {
  background-color: var(--color-pathway-post-secondary-education);
  color: var(--color-pathway-post-secondary-education-text);
}
body.pathway--community .block-transitionresourceguide-views-block-pages-teaser-block .inner-container > h2 span,
body.pathway--community .block-transitionresourceguide-views-block-pages-tertiary-teaser-block .inner-container > h2 span {
  background-color: var(--color-pathway-community);
  color: var(--color-pathway-community-text);
}
.view--id-pages.view--display-teaser-block .view-content {
  border-radius: var(--border-radius);
  overflow: hidden;
}
.view--id-pages.view--display-tertiary-teaser-block .views-rows {
  display: flex;
  gap: var(--gutter-inline-size);
}
.view--id-pathways.view--display-front-page-block .views-rows {
  display: flex;
  justify-content: center;
  margin-block-start: 5rem;
  column-gap: calc(var(--gutter-inline-size) / 2);
  row-gap: 5rem;
}
.view--id-pages.view--display-tertiary-teaser-block .views-row {
  flex-basis: 50%;
}
.view--id-pathways.view--display-front-page-block .views-row {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: var(--border-radius);
  background-color: var(--color-light-grey);
  transition: background-color 0.375s ease-in-out;
}
.view--id-pathways.view--display-front-page-block .views-row .node-content-container {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background-color: var(--color-light-grey);
}
.node--bundle-page.node--view-mode-pathway-teaser .field--id-field-teaser-text .field-values {
  background-color: var(--color-light-grey);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--apprenticeship-and-trades),
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--apprenticeship-and-trades) .node-content-container,
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--apprenticeship-and-trades) .node--bundle-page.node--view-mode-pathway-teaser .field--id-field-teaser-text .field-values {
  background-color: var(--color-pathway-apprenticeship-and-trades);
  color: var(--color-pathway-apprenticeship-and-trades-text);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--workplace),
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--workplace) .node-content-container,
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--workplace) .node--bundle-page.node--view-mode-pathway-teaser .field--id-field-teaser-text .field-values {
  background-color: var(--color-pathway-workplace);
  color: var(--color-pathway-workplace-text);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--post-secondary-education),
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--post-secondary-education) .node-content-container,
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--post-secondary-education) .node--bundle-page.node--view-mode-pathway-teaser .field--id-field-teaser-text .field-values {
  background-color: var(--color-pathway-post-secondary-education);
  color: var(--color-pathway-post-secondary-education-text);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--community),
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--community) .node-content-container,
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--community) .node--bundle-page.node--view-mode-pathway-teaser .field--id-field-teaser-text .field-values {
  background-color: var(--color-pathway-community);
  color: var(--color-pathway-community-text);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway) a {
  color: var(--color-black);
  transition: color 0.375s ease-in-out;
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--apprenticeship-and-trades) a {
  color: var(--color-pathway-apprenticeship-and-trades-text);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--workplace) a {
  color: var(--color-pathway-workplace-text);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--post-secondary-education) a {
  color: var(--color-pathway-post-secondary-education-text);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--community) a {
  color: var(--color-pathway-community-text);
}
.node--bundle-page.node--view-mode-teaser,
.node--bundle-page.node--view-mode-pathway-teaser {
  display: flex;
  align-items: stretch;
}
.node--bundle-page.node--view-mode-pathway-teaser {
  flex-direction: column;
  block-size: 100%;
}
.views-row:nth-child(even) .node--bundle-page.node--view-mode-teaser {
  flex-direction: row-reverse;
}
.view--id-pages.view--display-tertiary-teaser-block .node--bundle-page.node--view-mode-teaser {
  flex-direction: column;
}
.node--bundle-page.node--view-mode-teaser > a,
.node--bundle-page.node--view-mode-pathway-teaser > a {
  position: relative;
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-inline-size: 100%;
}
.node--bundle-page.node--view-mode-teaser > a:not(.teaser-content) {
  aspect-ratio: 16/9;
}
.node--bundle-page.node--view-mode-teaser > a.teaser-image .image {
  position: absolute;
  inset: 0;
}
.node--bundle-page.node--view-mode-pathway-teaser .field--id-field-teaser-icon {
  position: absolute;
  inset-block-start: -2.5rem;
  inset-inline-start: 2.5rem;
}
.node--bundle-page.node--view-mode-pathway-teaser.pathway .field--id-field-media-svg {
  transition: background-color 0.375s ease-in-out;
}
.node--bundle-page.node--view-mode-pathway-teaser.pathway .field--id-field-media-svg svg .foreground {
  transition: fill 0.375s ease-in-out;
}
.node--bundle-page.node--view-mode-pathway-teaser.pathway--apprenticeship-and-trades .field--id-field-media-svg {
  background-color: var(--color-pathway-apprenticeship-and-trades);
}
.node--bundle-page.node--view-mode-pathway-teaser.pathway--workplace .field--id-field-media-svg {
  background-color: var(--color-pathway-workplace);
}
.node--bundle-page.node--view-mode-pathway-teaser.pathway--post-secondary-education .field--id-field-media-svg {
  background-color: var(--color-pathway-post-secondary-education);
}
.node--bundle-page.node--view-mode-pathway-teaser.pathway--community .field--id-field-media-svg {
  background-color: var(--color-pathway-community);
}
.node--bundle-page.node--view-mode-pathway-teaser.pathway--apprenticeship-and-trades .field--id-field-media-svg svg .foreground {
  fill: var(--color-pathway-apprenticeship-and-trades-text);
}
.node--bundle-page.node--view-mode-pathway-teaser.pathway--workplace .field--id-field-media-svg svg .foreground {
  fill: var(--color-pathway-workplace-text);
}
.node--bundle-page.node--view-mode-pathway-teaser.pathway--post-secondary-education .field--id-field-media-svg svg .foreground {
  fill: var(--color-pathway-post-secondary-education-text);
}
.node--bundle-page.node--view-mode-pathway-teaser.pathway--community .field--id-field-media-svg svg .foreground {
  fill: var(--color-pathway-community-text);
}
.node--bundle-page.node--view-mode-pathway-teaser .node-content-container {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-block-end: 1.5em;
}
.node--bundle-page.node--view-mode-pathway-teaser .node-content {
  position: relative;
}
.node--bundle-page.node--view-mode-pathway-teaser .field--id-field-teaser-text {
  position: absolute;
  inset: 0;
  font-family: var(--font-family-condensed);
  font-size: 1.375em;
  line-height: calc(16 / 11);
  overflow: hidden;
}
body.language-fr .node--bundle-page.node--view-mode-pathway-teaser .field--id-field-teaser-text {
  font-size: 1em;
  line-height: inherit;
}
.node--bundle-page.node--view-mode-pathway-teaser .field--id-field-teaser-text .field-values {
  position: absolute;
  inset: 100% 0 0 0;
  padding: 1.5rem 2.5rem;
  transition: inset-block-start 0.375s ease-in-out;
}
.node--bundle-page.node--view-mode-pathway-teaser:hover .field--id-field-teaser-text .field-values {
  inset-block-start: 0;
}
.node--bundle-page.node--view-mode-teaser a.teaser-image .image {
  overflow: hidden;
}
.view--id-pages.view--display-tertiary-teaser-block .node--bundle-page.node--view-mode-teaser a.teaser-image .image {
  position: relative;
  border-block-end: 0.675em solid transparent;
  border-radius: var(--border-radius);
  transition: border-color 0.25s ease-in-out;
}
.view--id-pages.view--display-tertiary-teaser-block .node--bundle-page.node--view-mode-teaser:hover a.teaser-image .image {
  border-block-end-color: var(--color-light-blue);
}
body.pathway--apprenticeship-and-trades .view--id-pages.view--display-tertiary-teaser-block .node--bundle-page.node--view-mode-teaser:hover a.teaser-image .image {
  border-block-end-color: var(--color-pathway-apprenticeship-and-trades);
}
body.pathway--workplace .view--id-pages.view--display-tertiary-teaser-block .node--bundle-page.node--view-mode-teaser:hover a.teaser-image .image {
  border-block-end-color: var(--color-pathway-workplace);
}
body.pathway--post-secondary-education .view--id-pages.view--display-tertiary-teaser-block .node--bundle-page.node--view-mode-teaser:hover a.teaser-image .image {
  border-block-end-color: var(--color-pathway-post-secondary-education);
}
body.pathway--community .view--id-pages.view--display-tertiary-teaser-block .node--bundle-page.node--view-mode-teaser:hover a.teaser-image .image {
  border-block-end-color: var(--color-pathway-community);
}
.node--bundle-page.node--view-mode-teaser .image img,
.node--bundle-page.node--view-mode-pathway-teaser .image img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: center;
}
.node--bundle-page.node--view-mode-teaser a.teaser-image .image img {
  transition: transform .25s ease-in-out;
}
.node--bundle-page.node--view-mode-teaser:hover a.teaser-image .image img {
  transform: scale(1.05);
}
.node--bundle-page.node--view-mode-teaser a.teaser-content,
.node--bundle-page.node--view-mode-pathway-teaser a.teaser-content {
  color: var(--color-black);
  text-decoration: none;
}
.view--id-pages.view--display-teaser-block .node--bundle-page.node--view-mode-teaser a.teaser-content {
  background-color: var(--color-light-blue);
  background: var(--gradient-background);
  padding-block: 1.25em;
  filter: brightness(102.5%);
  transition: filter .25s ease-in-out;
}
.node--bundle-page.node--view-mode-teaser:hover a.teaser-content {
  filter: brightness(97.5%);
}
.view--id-pages.view--display-teaser-block .node--bundle-page.node--view-mode-teaser a.teaser-content > * {
  padding-inline: 5rem;
}
.node--bundle-page.node--view-mode-teaser a.teaser-content > h3 {
  margin-block-end: 1rem;
}
.node--bundle-page.node--view-mode-pathway-teaser a.teaser-content > h3 {
  margin-block-end: 0;
  padding: 2.5rem;
  font-size: 1.5rem;
}
.view--id-pages.view--display-tertiary-teaser-block .node--bundle-page.node--view-mode-teaser a.teaser-content > h3 {
  margin-block: 1em 0.75em;
}
.view--id-pages.view--display-tertiary-teaser-block .node--bundle-page.node--view-mode-teaser:hover a.teaser-content > h3 {
  text-decoration: underline;
}
/* The entire teaser is linked, so the read more link can be hidden. */
.view--id-pages.view--display-tertiary-teaser-block ul.links.inline {
  display: none;
}
.node--bundle-page.node--view-mode-teaser a.teaser-content .field--id-field-teaser-text {
  margin-block-end: 2.5rem;
  font-size: 1.125em;
  line-height: calc(14 / 9);
}
.view--id-pathways.view--display-front-page-block .node-content-container,
.view--id-pathways.view--display-front-page-block .links.inline {
  margin-block: auto 0;
}
.view--id-pathways.view--display-front-page-block .links.inline {
  padding-inline: 2.5rem;
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway):hover .links.inline .link--node-readmore span {
  background-color: var(--color-white);
  color: var(--color-black);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--apprenticeship-and-trades) .links.inline .link--node-readmore span {
  background-color: transparent;
  border: 1px solid var(--color-pathway-apprenticeship-and-trades-text);
  color: var(--color-pathway-apprenticeship-and-trades-text);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--workplace) .links.inline .link--node-readmore span {
  background-color: transparent;
  border: 1px solid var(--color-pathway-workplace-text);
  color: var(--color-pathway-workplace-text);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--post-secondary-education) .links.inline .link--node-readmore span {
  background-color: transparent;
  border: 1px solid var(--color-pathway-post-secondary-education-text);
  color: var(--color-pathway-post-secondary-education-text);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--community) .links.inline .link--node-readmore span {
  background-color: transparent;
  border: 1px solid var(--color-pathway-community-text);
  color: var(--color-pathway-community-text);
}
/* Section sets don't need their own spacing because the contained sections get
   all of their usual spacing. */
.field--id-field-section .paragraph:not(.paragraph .paragraph, body.front .field--id-field-section .paragraph--bundle-section, .paragraph--bundle-section-set),
.field--id-field-section .paragraph--bundle-section-set .paragraph--bundle-section,
.field--id-field-section .field-value:has(> .paragraph--bundle-section-set) + .field-value:has(> .paragraph) > .paragraph {
  padding-block: 6em;
}
/* Reduce the space above the first section if it's the first content item and
   between consecutive sections with the same background color. */
.node-content > .field--id-field-section:first-child > .field-values > .field-value:first-child > .paragraph:not(body.front .paragraph),
.field--id-field-section .field-value:has(> .paragraph:not(.paragraph--bundle-callout, .paragraph--bundle-list-item, .paragraph--bundle-pathway-links, .paragraph--bundle-section-set, .transitionresourceguide-variant-2, .transitionresourceguide-variant-3, .transitionresourceguide-variant-4, .transitionresourceguide-variant-5)) + .field-value:has(> .paragraph:not(.paragraph--bundle-callout, .paragraph--bundle-pathway-links, .paragraph--bundle-section-set, .transitionresourceguide-variant-2, .transitionresourceguide-variant-3, .transitionresourceguide-variant-4, .transitionresourceguide-variant-5)) > .paragraph,
.field--id-field-section .field-value:has(> .paragraph.transitionresourceguide-variant-1:not(.paragraph--bundle-callout, .paragraph--bundle-pathway-links, .paragraph--bundle-section-set)) + .field-value:has(> .paragraph.transitionresourceguide-variant-1:not(.paragraph--bundle-callout, .paragraph--bundle-pathway-links, .paragraph--bundle-section-set)) > .paragraph,
.field--id-field-section .field-value:has(> .paragraph.transitionresourceguide-variant-2:not(.paragraph--bundle-callout, .paragraph--bundle-pathway-links, .paragraph--bundle-section-set)) + .field-value:has(> .paragraph.transitionresourceguide-variant-2:not(.paragraph--bundle-callout, .paragraph--bundle-pathway-links, .paragraph--bundle-section-set)) > .paragraph,
.field--id-field-section .field-value:has(> .paragraph.transitionresourceguide-variant-3:not(.paragraph--bundle-callout, .paragraph--bundle-pathway-links, .paragraph--bundle-section-set)) + .field-value:has(> .paragraph.transitionresourceguide-variant-3:not(.paragraph--bundle-callout, .paragraph--bundle-pathway-links, .paragraph--bundle-section-set)) > .paragraph,
.field--id-field-section .field-value:has(> .paragraph.transitionresourceguide-variant-4:not(.paragraph--bundle-callout, .paragraph--bundle-pathway-links, .paragraph--bundle-section-set)) + .field-value:has(> .paragraph.transitionresourceguide-variant-4:not(.paragraph--bundle-callout, .paragraph--bundle-pathway-links, .paragraph--bundle-section-set)) > .paragraph,
.field--id-field-section .field-value:has(> .paragraph.transitionresourceguide-variant-5:not(.paragraph--bundle-callout, .paragraph--bundle-pathway-links, .paragraph--bundle-section-set)) + .field-value:has(> .paragraph.transitionresourceguide-variant-5:not(.paragraph--bundle-callout, .paragraph--bundle-pathway-links, .paragraph--bundle-section-set)) > .paragraph {
  padding-block-start: 0;
}
/* Add margin between non-full-width sections with non-white background and
   sections with non-white background. */
.field--id-field-section .field-value:has(.paragraph:is(.paragraph--bundle-callout, .paragraph--bundle-pathway-links):is(.transitionresourceguide-variant-2, .transitionresourceguide-variant-3, .transitionresourceguide-variant-4, .transitionresourceguide-variant-5)) + .field-value:has(.paragraph.transitionresourceguide-variant-2, .paragraph.transitionresourceguide-variant-3, .paragraph.transitionresourceguide-variant-4, .paragraph.transitionresourceguide-variant-5) > .paragraph,
.field--id-field-section .field-value:has(.transitionresourceguide-variant-2, .transitionresourceguide-variant-3, .transitionresourceguide-variant-4, .transitionresourceguide-variant-5) + .field-value:has(.paragraph:is(.paragraph--bundle-callout, .paragraph--bundle-pathway-links):is(.transitionresourceguide-variant-2, .transitionresourceguide-variant-3, .transitionresourceguide-variant-4, .transitionresourceguide-variant-5)) > .paragraph {
  margin-block-start: 4.5em;
}
.field--id-field-section .paragraph.transitionresourceguide-variant-1 {
  background-color: var(--color-section-1);
  color: var(--color-section-1-text);
}
.field--id-field-section .paragraph.transitionresourceguide-variant-2 {
  background-color: var(--color-section-2);
  color: var(--color-section-2-text);
}
.field--id-field-section .paragraph.transitionresourceguide-variant-3 {
  background-color: var(--color-section-3);
  color: var(--color-section-3-text);
}
.field--id-field-section .paragraph.transitionresourceguide-variant-4 {
  background-color: var(--color-section-4);
  color: var(--color-section-4-text);
}
.field--id-field-section .paragraph.transitionresourceguide-variant-4 a:not(.paragraph .paragraph a, .paragraph--bundle-content a, .field--id-field-link a, .field--id-field-pathway a),
.field--id-field-section .paragraph--bundle-section-set .paragraph--bundle-section.transitionresourceguide-variant-4 a {
  color: var(--color-section-4-text);
}
.field--id-field-section .paragraph.transitionresourceguide-variant-5 {
  background-color: var(--color-section-5);
  color: var(--color-section-5-text);
}
.field--id-field-section .paragraph.transitionresourceguide-variant-5 a:not(.paragraph .paragraph a, .paragraph--bundle-content a, .field--id-field-link a, .field--id-field-pathway a),
.field--id-field-section .paragraph--bundle-section-set .paragraph--bundle-section.transitionresourceguide-variant-5 a {
  color: var(--color-section-5-text);
}
.field--id-field-section .paragraph.transitionresourceguide-variant-4 .paragraph:not(.paragraph--bundle-content, .paragraph--bundle-panel-list),
.field--id-field-section .paragraph.transitionresourceguide-variant-5 .paragraph:not(.paragraph--bundle-content, .paragraph--bundle-panel-list) {
  color: var(--color-black);
}
.field--id-field-section .paragraph.transitionresourceguide-variant-4 .field--id-field-link a:not(.paragraph .paragraph a),
.field--id-field-section .paragraph.transitionresourceguide-variant-5 .field--id-field-link a:not(.paragraph .paragraph a),
.field--id-field-section .paragraph.transitionresourceguide-variant-4 a.cta:not(.paragraph .paragraph a),
.field--id-field-section .paragraph.transitionresourceguide-variant-5 a.cta:not(.paragraph .paragraph a),
.field--id-field-section .paragraph--bundle-section-set .paragraph.transitionresourceguide-variant-4 a.cta,
.field--id-field-section .paragraph--bundle-section-set .paragraph.transitionresourceguide-variant-5 a.cta,
.field--id-field-section .paragraph.transitionresourceguide-variant-4 .field--id-field-pathway a,
.field--id-field-section .paragraph.transitionresourceguide-variant-5 .field--id-field-pathway a {
  color: var(--color-black);
}
.field--id-field-section .paragraph.transitionresourceguide-variant-4 .field--id-field-link-list-link a,
.field--id-field-section .paragraph.transitionresourceguide-variant-4 .panel-list-links a {
  border-color: var(--color-section-4-text);
  color: var(--color-section-4-text);
}
.field--id-field-section .paragraph.transitionresourceguide-variant-5 .field--id-field-link-list-link a,
.field--id-field-section .paragraph.transitionresourceguide-variant-5 .panel-list-links a {
  border-color: var(--color-section-5-text);
  color: var(--color-section-5-text);
}
.field--id-field-section .paragraph.transitionresourceguide-variant-4 .field--id-field-link a:not(.paragraph .paragraph a, a:hover),
.field--id-field-section .paragraph.transitionresourceguide-variant-5 .field--id-field-link a:not(.paragraph .paragraph a, a:hover),
.field--id-field-section .paragraph.transitionresourceguide-variant-4 a.cta:not(.paragraph .paragraph a, a:hover),
.field--id-field-section .paragraph.transitionresourceguide-variant-5 a.cta:not(.paragraph .paragraph a, a:hover),
.field--id-field-section .paragraph--bundle-section-set .paragraph.transitionresourceguide-variant-4 a.cta:not(a:hover),
.field--id-field-section .paragraph--bundle-section-set .paragraph.transitionresourceguide-variant-5 a.cta:not(a:hover),
.field--id-field-section .paragraph.transitionresourceguide-variant-4 .field--id-field-pathway a:not(a:hover, a[data-transitionresourceguide-pathway-current]),
.field--id-field-section .paragraph.transitionresourceguide-variant-5 .field--id-field-pathway a:not(a:hover, a[data-transitionresourceguide-pathway-current]) {
  background-color: var(--color-white);
}
.field--id-field-section .paragraph.transitionresourceguide-variant-5 .field--id-field-link-list-link a:hover,
.field--id-field-section .paragraph.transitionresourceguide-variant-5 .panel-list-links a:hover,
.field--id-field-section .paragraph.transitionresourceguide-variant-5 .panel-list-links li.active a {
  background-color: var(--color-section-5-text);
  color: var(--color-section-5);
}
body.no-sidebar .field--id-field-section .paragraph:not(.paragraph .paragraph, .paragraph--bundle-callout, .paragraph--bundle-pathway-links),
body.no-sidebar .field--id-field-section .paragraph--bundle-section-set .paragraph:not(.paragraph--bundle-callout, .paragraph--bundle-pathway-links) {
  margin-inline-start: calc(50% - 50vw);
  border-radius: 0;
  inline-size: 100vw;
}
.paragraph--bundle-callout,
.paragraph--bundle-pathway-links {
  border-radius: var(--border-radius);
  text-align: center;
}
.paragraph--bundle-cta,
.paragraph--bundle-detail {
  position: relative;
  border-radius: var(--border-radius);
}
.paragraph--bundle-detail,
.paragraph--bundle-checklist {
  text-align: center;
}
.paragraph--bundle-detail .media,
.paragraph--bundle-checklist .media:not(.media--view-mode-intrinsic-aspect-ratio) {
  margin: 0 auto 2.5rem auto;
  border-radius: var(--border-radius);
  inline-size: 40em;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.paragraph--bundle-detail .media--bundle-image.media--view-mode-portrait,
.paragraph--bundle-checklist .media--bundle-image.media--view-mode-portrait {
  aspect-ratio: 9/16;
}
.paragraph--bundle-detail .media img,
.paragraph--bundle-checklist .media img {
  display: block;
}
.paragraph--bundle-checklist .media img {
  inline-size: 100%;
  block-size: auto;
}
.paragraph--bundle-list {
  margin-block: 3em;
}
.paragraph--bundle-pathway-links {
  border-radius: var(--border-radius);
}
.paragraph--bundle-callout .field--family-type-long-text .media--bundle-video,
.paragraph--bundle-detail .field--family-type-long-text .media--bundle-video,
.paragraph--bundle-pathway-links .field--family-type-long-text .media--bundle-video {
  margin-inline: auto;
}
body.no-sidebar .field--id-field-section .paragraph:not(.paragraph .paragraph, .paragraph--bundle-callout, .paragraph--bundle-pathway-links) > .inner-container,
body.no-sidebar .field--id-field-section .paragraph--bundle-section-set .paragraph:not(.paragraph--bundle-callout, .paragraph--bundle-pathway-links) > .inner-container {
  box-sizing: border-box;
  margin-inline: auto;
  padding-inline: var(--bezel-inline-size);
  min-inline-size: var(--min-inline-size);
  max-inline-size: var(--max-inline-size);
}
.paragraph--bundle-accordion-set > .inner-container > .content-container,
.paragraph--bundle-callout > .inner-container > .content-container,
.paragraph--bundle-content > .inner-container > .content-container,
.paragraph--bundle-detail .field--id-field-title:not(.paragraph .paragraph .field),
.paragraph--bundle-detail .field--id-field-body:not(.paragraph .paragraph .field),
.paragraph--bundle-panel-list,
.paragraph--bundle-section:not(:has(.field--id-field-section-media)) > .inner-container > .content-container {
  margin-inline: auto;
  padding-inline: var(--gutter-inline-size);
  max-inline-size: var(--content-max-inline-size);
  overflow: hidden;
}
.paragraph--bundle-accordion-set * + .field--id-field-accordion {
  margin-block-start: 1.5em;
}
.paragraph--bundle-accordion-set .field--id-field-accordion {
  border: 1px solid var(--color-light-grey);
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  overflow: hidden;
}
.paragraph--bundle-accordion:not(:first-child) {
  border-block-start: 1px solid var(--color-light-grey);
}
.paragraph--bundle-accordion summary {
  position: relative;
  background-color: transparent;
  padding: 1.25rem 3rem 1.25rem 1.5rem;
  list-style: none;
  cursor: pointer;
  transition: background-color 0.25s ease-in-out;
}
.paragraph--bundle-accordion[open] summary {
  background-color: var(--color-light-grey);
}
.paragraph--bundle-accordion summary::after {
  content: '\f078';
  position: absolute;
  inset-block-start: 1.5rem;
  inset-inline-end: 1.5rem;
  font: var(--fa-font-solid);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.paragraph--bundle-accordion[open] summary::after {
  content: '\f077';
}
.paragraph--bundle-accordion summary * {
  display: inline-block;
  margin: 0;
}
.paragraph--bundle-accordion summary h3 {
  font-size: 1.25rem;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.25s ease-in-out;
}
.paragraph--bundle-accordion summary:hover h3 {
  text-decoration-color: var(--color-black);
}
.paragraph--bundle-accordion .field--id-field-body {
  padding: 0.5em 1.5em;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.paragraph--bundle-accordion[open] .field--id-field-body {
  opacity: 1;
}
.paragraph--bundle-accordion-set ul.section-toggle-all,
.paragraph--bundle-card-set ul.card-toggle-all {
  padding: 0;
  text-align: end;
  list-style-type: none;
}
.paragraph--bundle-card-set ul.card-toggle-all {
  text-align: center;
}
.paragraph--bundle-accordion-set ul.section-toggle-all li,
.paragraph--bundle-card-set ul.card-toggle-all li {
  display: inline-block;
}
.paragraph--bundle-accordion-set ul.section-toggle-all li:not(:first-child)::before,
.paragraph--bundle-card-set ul.card-toggle-all li:not(:first-child)::before {
  content: '/';
  margin-inline: 0.5em;
  opacity: 0.75;
}
.paragraph--bundle-accordion-set ul.section-toggle-all button,
.paragraph--bundle-card-set ul.card-toggle-all button {
  border: none;
  background-color: transparent;
  font-family: var(--font-family-condensed);
  font-size: 0.875em;
  color: var(--color-black);
  cursor: pointer;
}
.paragraph--bundle-accordion-set.transitionresourceguide-variant-4 ul.section-toggle-all button,
.paragraph--bundle-card-set.transitionresourceguide-variant-4 ul.card-toggle-all button {
  color: var(--color-section-4-text);
}
.paragraph--bundle-accordion-set.transitionresourceguide-variant-5 ul.section-toggle-all button,
.paragraph--bundle-card-set.transitionresourceguide-variant-5 ul.card-toggle-all button {
  color: var(--color-section-4-text);
}
.paragraph--bundle-accordion-set ul.section-toggle-all button[disabled],
.paragraph--bundle-card-set ul.card-toggle-all button[disabled] {
  opacity: 0.5;
  cursor: default;
}
.paragraph--bundle-cta .content-container {
  display: flex;
  gap: var(--gutter-inline-size);
  align-items: center;
}
.paragraph--bundle-cta .content-container > * {
  flex: 1 1 0;
}
.paragraph--bundle-cta .field--id-field-title h2 {
  margin-block-end: 0.25em;
}
.paragraph--bundle-callout .field--id-field-body,
.paragraph--bundle-cta .field--id-field-body {
  font-size: 1.25em;
  font-weight: var(--font-weight-light);
}
.paragraph--bundle-cta .field--id-field-body {
  font-size: 1.125em;
  margin-block-end: 2em;
}
.paragraph--bundle-cta .field--id-field-image > .field-values {
  display: flex;
  flex-wrap: wrap;
  margin-inline-start: auto;
  max-inline-size: calc(9em * 3);
}
.paragraph--bundle-cta .field--id-field-image > .field-values > .field-value {
  flex: 0 1 calc(100% / 3);
}
.paragraph--bundle-cta .field--id-field-image > .field-values > .field-value:last-child:not(:nth-child(3n)) {
  background-color: transparent;
  background-image: url('/transitionresourceguide-icon/svg/triangle/fff/20');
  background-position: right center;
  background-size: 9em auto;
  background-repeat: no-repeat;
  padding-inline-end: 9em;
}
.paragraph--bundle-cta .field--id-field-image > .field-values:has(> .field-value:nth-child(3)) > .field-value:last-child:not(:nth-child(3n)) {
  background-image: url('/transitionresourceguide-icon/svg/semi-circle/fff/20');
}
.paragraph--bundle-cta .field--id-field-image .media--bundle-image {
  border-radius: 50%;
  overflow: hidden;
}
.paragraph--bundle-cta .field--id-field-image img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}
body.front .field--id-field-section {
  margin-block-start: 5em;
}
.paragraph--bundle-section .content-container:has(.field--id-field-section-media) {
  display: flex;
  align-items: center;
}
body.front .field--id-field-section .field-value:nth-child(1 of :has(.paragraph--bundle-section)) {
  margin-block-start: 5rem;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  overflow: hidden;
}
body.front .field--id-field-section .field-value:nth-last-child(1 of :has(.paragraph--bundle-section)) {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  overflow: hidden;
}
body.front .paragraph--bundle-section .content-container:has(.field--id-field-section-media) {
  align-items: stretch;
}
.paragraph--bundle-section.transitionresourceguide-reverse .content-container:has(.field--id-field-section-media) {
  flex-direction: row-reverse;
}
.paragraph--bundle-section.transitionresourceguide-reverse .content-container:not(:has(.field--id-field-section-media)) {
  text-align: end;
}
.paragraph--bundle-section .content-container:has(.field--id-field-section-media) > * {
  flex: 1 1 0;
}
.paragraph--bundle-section:not(.transitionresourceguide-highlight) .content-container:has(.field--id-field-section-media) > *:not(.field--id-field-section-media) {
  flex-grow: 2;
}
body.front .paragraph--bundle-section:has(.field--id-field-section-media) .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--color-light-blue);
  background: var(--gradient-background);
  padding-block: 2.5rem;
  color: var(--color-black);
  filter: brightness(102.5%);
  transition: filter .25s ease-in-out;
}
body.front .paragraph--bundle-section:has(.field--id-field-section-media):hover .content {
  filter: brightness(97.5%);
}
body.front .paragraph--bundle-section .field--id-field-section-media {
  position: relative;
  aspect-ratio: 3/2;
}
.paragraph--bundle-section .content-container:has(.field--id-field-section-media) .content > * {
  padding-inline-end: 5rem;
}
.paragraph--bundle-section.transitionresourceguide-reverse .content-container:has(.field--id-field-section-media) .content > * {
  padding-inline: 5rem 0;
}
body.front .paragraph--bundle-section .content-container:has(.field--id-field-section-media) .content > *,
body.front .paragraph--bundle-section.transitionresourceguide-reverse .content-container:has(.field--id-field-section-media) .content > * {
  padding-inline: 5rem;
}
body.front .paragraph--bundle-section .field--id-field-section-media .image {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.paragraph--bundle-section .field--id-field-section-media img {
  display: block;
  border-radius: var(--border-radius);
  inline-size: 100%;
  block-size: auto;
}
body.front .paragraph--bundle-section .field--id-field-section-media img {
  border-radius: 0;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .25s ease-in-out;
}
body.front .paragraph--bundle-section:hover .field--id-field-section-media img {
  transform: scale(1.05);
}
.paragraph--bundle-callout .field--id-field-icon,
.paragraph--bundle-section .field--id-field-icon,
.paragraph--bundle-pathway-links .field--id-field-icon {
  margin-block-end: 1.5em;
}
.paragraph--bundle-pathway-links .field--id-field-icon {
  margin-inline: auto;
  background-color: transparent;
  background-image: url('/transitionresourceguide-icon/svg/triangle/fff/20');
  background-position: right center;
  background-size: 5em auto;
  background-repeat: no-repeat;
  padding-inline-end: 5em;
  inline-size: 5em;
}
.paragraph--bundle-callout .field--id-field-icon img,
.paragraph--bundle-section .field--id-field-icon img,
.paragraph--bundle-pathway-links .field--id-field-icon img {
  display: block;
  inline-size: 5em;
  block-size: auto;
}
body.front .paragraph--bundle-section .field--id-field-icon img {
  inline-size: 3em;
}
.paragraph--bundle-callout .field--id-field-icon img {
  margin-inline: auto;
}
.paragraph--bundle-section.transitionresourceguide-reverse:not(:has(.field--id-field-section-media)) .field--id-field-icon img {
  margin-inline-start: auto;
}
body.front .paragraph--bundle-section .field--id-field-title h2 {
  margin-block-end: 0;
}
body.front .paragraph--bundle-section .field--id-field-body .field-value {
  font-size: 1.125em;
  line-height: calc(14 / 9);
}
body.front .paragraph--bundle-section .field--id-field-body .field-value a.cta {
  font-size: 1rem;
}
.paragraph--bundle-content .field--family-type-long-text {
  text-wrap: balance;
}
.paragraph--bundle-link-list .field--id-field-link-list-link,
.paragraph--bundle-pathway-links .field + .field--id-field-pathway {
  margin-block-start: 2.5rem;
}
.paragraph--bundle-link-list .field--id-field-link-list-link .field-values,
.paragraph--bundle-pathway-links .field--id-field-pathway ul,
.paragraph--bundle-panel-list .panel-list-links ul {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-inline: 0;
  padding-inline: 0;
  flex-wrap: wrap;
}
.paragraph--bundle-list .field--id-field-title h3 {
  margin-block-end: 1.5em;
  font-size: 1.75rem;
}
.paragraph--bundle-list .field--id-field-list-item {
  border-radius: var(--border-radius);
  background-color: var(--color-light-blue);
}
.paragraph--bundle-list .field--id-field-list-item > .field-values {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  border-radius: var(--border-radius);
  overflow: hidden;
  text-align: start;
}
.paragraph--bundle-list.transitionresourceguide-count-1 .field--id-field-list-item .field-values {
  flex-direction: column;
}
.paragraph--bundle-list .field--id-field-list-item > .field-values > .field-value {
  box-sizing: border-box;
  flex: 1 0 21%;
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  padding: 2.5rem;
  color: var(--color-black);
}
.paragraph--bundle-list.transitionresourceguide-count-3 .field--id-field-list-item > .field-values > .field-value {
  flex-basis: 26%;
}
.paragraph--bundle-list.transitionresourceguide-count-2 .field--id-field-list-item > .field-values > .field-value {
  flex-basis: 34%;
}
.paragraph--bundle-list.transitionresourceguide-count-1 .field--id-field-list-item > .field-values > .field-value {
  flex-basis: 51%;
}
.paragraph--bundle-list.transitionresourceguide-highlight .field--id-field-list-item > .field-values > .field-value:first-child {
  background: var(--gradient-background);
  font-size: 1.25em;
  font-weight: var(--font-weight-semi-bold);
  filter: brightness(102.5%);
  transition: filter .25s ease-in-out;
}
.paragraph--bundle-list.transitionresourceguide-highlight .field--id-field-list-item > .field-values > .field-value:first-child:hover {
  filter: brightness(97.5%);
}
.paragraph--bundle-checklist .list-item-marker .content,
.paragraph--bundle-list .list-item-marker .content {
  border-radius: 50%;
  background-color: var(--color-navy-blue);
  padding: 0.75rem;
  inline-size: 1em;
  aspect-ratio: 1/1;
  text-align: center;
  font-size: 1.5em;
  font-family: var(--font-family-condensed);
  font-weight: var(--font-weight-light);
  line-height: 1;
  color: var(--color-white);
}
.paragraph--bundle-list .list-item-marker .content {
  margin: 1rem auto 2.5rem 0;
  padding: 1rem;
  font-size: 1.75em;
}
.paragraph--bundle-checklist .list-item-marker:not(.transitionresourceguide-numbered-list .list-item-marker) .content {
  background-color: var(--color-white);
  background-image: url('../img/checkmark.svg');
  background-position: center center;
  background-size: 2.5em auto;
  background-repeat: no-repeat;
}
.paragraph--bundle-checklist .list-item-marker:not(.transitionresourceguide-numbered-list .list-item-marker) .content span {
  visibility: hidden;
}
.paragraph--bundle-checklist > .inner-container > .content-container > .field--id-field-title,
.paragraph--bundle-checklist > .inner-container > .content-container > .field--id-field-body {
  box-sizing: border-box;
  margin-inline: auto;
  max-inline-size: var(--content-max-inline-size);
  text-align: center;
}
.paragraph--bundle-checklist .list-and-ancillary {
  box-sizing: border-box;
  margin: 2.5rem auto 0 auto;
  border: 3px solid var(--color-teal);
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  padding: 2rem 2.5rem 1rem 2.5rem;
  max-inline-size: var(--content-max-inline-size);
  text-align: start;
}
.paragraph--bundle-checklist .field--id-field-list-item > .field-values > .field-value {
  display: flex;
  gap: 1em;
}
.paragraph--bundle-checklist .field--id-field-list-item > .field-values > .field-value:not(:last-child) > .list-item-marker {
  background-image: linear-gradient(var(--color-teal), var(--color-teal));
  background-size: 2px 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.paragraph--bundle-checklist .field--id-field-list-item > .field-values > .field-value > .paragraph {
  flex: 1 1 0;
  padding-block-end: 1.25rem;
}
.paragraph--bundle-checklist .field--id-field-list-item .paragraph:not(:has(.field--id-field-title)) .field--id-field-body .field-value,
.paragraph--bundle-checklist .field--id-field-list-item .paragraph:not(:has(.field--id-field-body)) .field--id-field-title .field-value {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-block-size: 3em;
}
.paragraph--bundle-checklist h4 {
  margin-block-end: 0;
  font-family: var(--font-family-sans-serif);
  font-size: 1.25em;
  font-weight: var(--font-weight-bold);
}
.paragraph--bundle-checklist .field--id-field-list-item .paragraph:has(.field--id-field-body) .field--id-field-title h4 {
  margin-block-end: 0.5em;
}
.paragraph--bundle-checklist .field--family-type-long-text .field-value * {
  margin-block: 0;
}
.paragraph--bundle-checklist .field--family-type-long-text .field-value * + p {
  margin-block-start: 1em;
}
.paragraph--bundle-checklist .field--id-field-introduction,
.paragraph--bundle-checklist .field--id-field-adjunct {
  margin-block: 1.25rem 2.5rem;
  background-color: var(--color-lightest-grey);
  border-radius: var(--border-radius);
  padding: 1.25rem;
  font-size: 1.125em;
  font-weight: var(--font-weight-semi-bold);
  text-align: center;
  color: var(--color-black);
}
.paragraph--bundle-checklist .field--id-field-adjunct {
  margin-block: 0 2rem;
}
.paragraph--bundle-checklist .field--id-field-introduction .field-value *:first-child {
  margin-block-start: 0;
}
.paragraph--bundle-checklist .field--id-field-adjunct .field-value *:last-child {
  margin-block-end: 0;
}
.paragraph--bundle-checklist.transitionresourceguide-highlight {
  text-align: start;
}
.paragraph--bundle-checklist.transitionresourceguide-highlight > .inner-container > .content-container {
  display: grid;
  column-gap: var(--gutter-inline-size);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto 1fr;
  grid-template-areas:
    'title checklist'
    'body checklist';
}
.paragraph--bundle-checklist.transitionresourceguide-highlight > .inner-container > .content-container:has(> .field--id-field-section-media) {
  grid-template-rows: auto;
  grid-template-areas:
    'media title'
    'media body'
    'media checklist';
}
.paragraph--bundle-checklist.transitionresourceguide-highlight > .inner-container > .content-container > .field--id-field-section-media {
  grid-area: media;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paragraph--bundle-checklist.transitionresourceguide-highlight > .inner-container > .content-container > .field--id-field-title,
.paragraph--bundle-checklist.transitionresourceguide-highlight > .inner-container > .content-container > .field--id-field-body {
  grid-area: title;
  inline-size: 100%;
  text-align: start;
}
.paragraph--bundle-checklist.transitionresourceguide-highlight > .inner-container > .content-container > .field--id-field-body {
  grid-area: body;
}
.paragraph--bundle-checklist.transitionresourceguide-highlight > .inner-container > .content-container > .list-and-ancillary {
  grid-area: checklist;
}
.paragraph--bundle-checklist.transitionresourceguide-highlight .field--id-field-title h2,
.paragraph--bundle-checklist.transitionresourceguide-highlight .field--id-field-body {
  margin-block-end: 1rem;
}
.paragraph--bundle-checklist.transitionresourceguide-highlight .media {
  margin: 0;
  inline-size: 100%;
}
.paragraph--bundle-checklist.transitionresourceguide-highlight .list-and-ancillary {
  margin: 0;
}
.paragraph--bundle-panel-list .field--id-field-list-item {
  margin-block-start: 2.5rem;
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  padding: 2.5rem;
  text-align: start;
}
.paragraph:not(.transitionresourceguide-variant-2, .transitionresourceguide-variant-3, .transitionresourceguide-variant-4, .transitionresourceguide-variant-5) .paragraph--bundle-panel-list .field--id-field-list-item {
  border: 1px solid var(--color-light-grey);
}
.paragraph--bundle-panel-list .panel-list-links + .field--id-field-list-item {
  margin-block-start: 1.25rem;
}
.paragraph--bundle-panel-list .panel-list-links {
  margin-block-start: 2.5rem;
}
.paragraph--bundle-panel-list .paragraph--bundle-list-item {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.paragraph--bundle-panel-list .field-value.active .paragraph--bundle-list-item {
  opacity: 1;
}
.paragraph--bundle-panel-list .field--family-type-long-text a:not(a.cta),
.paragraph--bundle-content-with-sidebar .field--family-type-long-text a:not(a.cta) {
  font-weight: var(--font-weight-semi-bold);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.125em;
  color: var(--color-black);
}
.paragraph--bundle-card-set {
  text-align: center;
}
.paragraph--bundle-card-set .field--id-field-card > .field-values {
  margin-block-start: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(var(--gutter-inline-size) / 2);
}
.paragraph--bundle-card-set .field--id-field-card > .field-values > .field-value {
  flex: 0 0 calc(25% - (((var(--gutter-inline-size) / 2) * 3) / 4));
  position: relative;
  block-size: 20rem;
  perspective: 50em;
}
/* If the last row would otherwise have fewer than three items, show three per
   row instead of four; the inline padding causes the card width to remain
   consistent despite the flex basis not accounting for the gap. */
.paragraph--bundle-card-set .field--id-field-card > .field-values:has(> .field-value:nth-child(4n + 1):last-child, > .field-value:nth-child(4n + 2):last-child) {
  padding-inline: calc((var(--gutter-inline-size) * 3) / 4);
}
.paragraph--bundle-card-set .field--id-field-card > .field-values:has(> .field-value:nth-child(4n + 1):last-child, > .field-value:nth-child(4n + 2):last-child) > .field-value {
  flex-basis: 25%;
}
.paragraph--bundle-card {
  position: absolute;
  inset: 0;
  transition: transform 0.75s;
  transform-style: preserve-3d;
  cursor: pointer;
}
.paragraph--bundle-card-set .field--id-field-card .field-value.active .paragraph--bundle-card {
  transform: rotateY(180deg);
}
.paragraph--bundle-card > .cover,
.paragraph--bundle-card > .body {
  position: absolute;
  inset: 0;
  background-color: var(--color-white);
  border-radius: var(--border-radius);
  overflow: hidden;
  color: var(--color-black);
  backface-visibility: hidden;
}
.paragraph--bundle-card > .cover {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--color-navy-blue);
  color: var(--color-white);
}
.paragraph--bundle-card-set.transitionresourceguide-variant-5 .paragraph--bundle-card > .cover {
  background-color: rgba(var(--color-white-rgb), 0.1);
}
.paragraph--bundle-card > .cover::after {
  content: '\f2f9';
  position: absolute;
  inset-block-start: 0.5em;
  inset-inline-end: 0.5em;
  border: 2px solid var(--color-white);
  border-radius: 50%;
  background-color: var(--color-navy-blue);
  padding: 0.25em;
  font: var(--fa-font-solid);
  font-size: 1.5em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.paragraph--bundle-card > .cover > *:last-child {
  margin-block: auto;
}
.paragraph--bundle-card .cover h3,
.paragraph--bundle-card .body h3 {
  margin-block-end: 0;
  padding: 1.25rem;
  font-size: 1.5em;
}
.paragraph--bundle-card .body h3 {
  padding: 0;
}
/* cards.js measures the content height and sets the card height to match the
   tallest side of any card. In case the tallest side is the body, some padding
   prevents it from touching the top of the container. Matching padding on the
   bottom of the body field ensures that the content is vertically centred when
   it's shorter than the container. */
.paragraph--bundle-card .body .body-title {
  padding-block-start: 1em;
}
.paragraph--bundle-card .body .field--id-field-title {
  padding-block-end: 1em;
}
.paragraph--bundle-card .cover .media {
  aspect-ratio: 3/2;
  overflow: hidden;
}
.paragraph--bundle-card .cover .media img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}
.paragraph--bundle-card > .body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.25rem;
  transform: rotateY(180deg);
}
.paragraph--bundle-content-with-sidebar > .inner-container > .content-container {
  display: flex;
  gap: var(--gutter-inline-size);
}
.paragraph--bundle-content-with-sidebar .main {
  flex: 1;
}
.paragraph--bundle-content-with-sidebar .sidebar {
  flex: 0 0 25rem;
  border-radius: var(--border-radius);
  background-color: var(--color-lightest-grey);
  overflow: hidden;
}
.paragraph--bundle-content-with-sidebar .sidebar .field {
  padding: 1.25rem;
}
.paragraph--bundle-content-with-sidebar .sidebar .field--id-field-sidebar-title {
  background-color: var(--color-navy-blue);
  color: var(--color-white);
  text-align: center;
}
/* Format the sidebar title when it isn't linked. */
.paragraph--bundle-content-with-sidebar .sidebar .field--id-field-sidebar-title .field-value span {
  font-size: 1.125rem;
  font-weight: var(--font-weight-semi-bold);
}
.paragraph--bundle-content-with-sidebar .sidebar .field--id-field-sidebar-item .field-value {
  margin-block: 0.5em;
}
.paragraph--bundle-content-with-sidebar .sidebar .field--id-field-sidebar-item .field-value p:has(a.cta) {
  margin-block-start: 1em;
}
.paragraph--bundle-content-with-sidebar .sidebar .field--family-type-long-text *:is(h2, h3, h4, h5, h6) {
  font-family: var(--font-family-sans-serif);
  font-size: 1.125rem;
}
.paragraph--bundle-content-with-sidebar .sidebar .field--family-type-long-text ul {
  padding-inline: 0;
  list-style-type: none;
}
.paragraph--bundle-content-with-sidebar .sidebar .field--family-type-long-text a:not(.cta, .mailto, .tel)::after,
.paragraph--bundle-content-with-sidebar .sidebar .field--family-type-long-text a[href$='.pdf']::after {
  content: '\f061';
  display: inline-block;
  padding-inline-start: 0.25em;
  font: var(--fa-font-solid);
  text-rendering: auto;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}
.paragraph--bundle-content-with-sidebar .sidebar .field--family-type-long-text a[href$='.pdf']::after {
  content: '\f019';
  font: var(--fa-font-regular);
  font-size: 1.125em;
}
.paragraph--bundle-carousel .field--id-field-media > .field-values {
  display: flex;
  gap: var(--gutter-inline-size);
}
.paragraph--bundle-carousel .field--id-field-media > .field-values > * {
  flex: 1 1 0;
  max-inline-size: var(--video-default-size);
}
.field--family-type-long-text .media--bundle-video {
  margin: 2em auto;
  max-inline-size: var(--video-default-size);
}
.field--family-type-long-text .media--bundle-video.media--view-mode-full {
  max-inline-size: var(--content-max-inline-size);
}
.field--id-field-section-media .media--bundle-video iframe,
.field--family-type-long-text .media--bundle-video iframe,
.paragraph--bundle-carousel .field--id-field-media iframe {
  display: block;
  inline-size: 100%;
  block-size: auto;
  aspect-ratio: 16/9;
}
/* For any sections with centred text, move the list markers inside so that
   they're also centred. */
.paragraph--bundle-callout .field--family-type-long-text *:is(ol, ul),
.paragraph--bundle-detail .field--family-type-long-text:not(.paragraph .paragraph .field--family-type-long-text) *:is(ol, ul),
.paragraph--bundle-pathway-links .field--family-type-long-text *:is(ol, ul),
.paragraph--bundle-section.transitionresourceguide-reverse:not(:has(.field--id-field-section-media)) .field--family-type-long-text *:is(ol, ul) {
  list-style-position: inside;
}
/* When a portrait-oriented image appears beside a checklist or section,
   miscellaneous.js measures the height of everything other than the image and
   sets a max-height on the image so that it doesn't excede that of the other
   components (with a minimum height of 480px). */
.paragraph--bundle-checklist .media--view-mode-intrinsic-aspect-ratio .field-value.image-shape-portrait img,
.paragraph--bundle-section .field--id-field-section-media .media--view-mode-intrinsic-aspect-ratio .field-value.image-shape-portrait img {
  margin-inline: auto;
  inline-size: auto;
  block-size: 100%;
}
.view--id-resources form.views-exposed-form .form-item {
  margin-block-end: 0;
}
.view--id-resources .views-exposed-form .form-actions {
  margin-block-end: 0.75em;
  text-align: end;
}
.view--id-resources .views-exposed-form .form-actions input {
  display: inline-block;
  box-sizing: border-box;
  border: none;
  border-radius: var(--border-radius-cta);
  background-color: var(--color-lightest-grey);
  padding: 0.75em 1.25rem;
  inline-size: auto;
  font-family: var(--font-family-condensed);
  font-weight: var(--font-weight-medium);
  line-height: 1.2;
  color: var(--color-black);
  cursor: pointer;
  transition: background 0.25s ease-in-out;
}
.view--id-resources .views-exposed-form .form-actions input:hover {
  background-color: var(--color-light-grey);
}
/* Better exposed filters has a setting to hide the submit button, but the
   button is hidden even if JavaScript is off. Hiding it here addresses that
   issue, and also ensures vertical space for the reset button, which is only
   visible when something exists in at least one field (assuming JavaScript is
   available). */
@media (scripting: enabled) {
  .view--id-resources .views-exposed-form .form-actions input:not([name='reset']) {
    visibility: hidden;
  }
}
.view--id-resources .views-exposed-form .fieldset-wrapper:not(.fieldset-wrapper .fieldset-wrapper) {
  display: flex;
  gap: var(--gutter-inline-size);
  margin-block-end: 2.5rem;
  border-radius: var(--border-radius);
  background-color: var(--color-lightest-grey);
  padding: 1.25rem;
}
.view--id-resources .views-exposed-form .fieldset-wrapper > .form-item-search {
  flex-grow: 1;
}
.view--id-resources .views-exposed-form .fieldset-wrapper > .form-item-search input {
  inline-size: 100%;
}
.views-exposed-form details {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  min-inline-size: 17.5em;
}
.views-exposed-form summary {
  border: 1px solid var(--color-light-grey);
  border-radius: var(--border-radius-small);
  background-color: var(--color-white);
  padding: 0.625em 2em 0.625em 0.75rem;
  list-style: none;
  cursor: pointer;
  transition: background-color 0.25s ease-in-out;
}
.views-exposed-form summary:hover,
.views-exposed-form details[open] summary,
.views-exposed-form details:has(input[type='checkbox']:checked) summary {
  background-color: var(--color-light-grey);
}
.views-exposed-form summary::after {
  content: '\f078';
  position: absolute;
  inset-block-start: 1.375em;
  inset-inline-end: 1em;
  font: var(--fa-font-solid);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.views-exposed-form summary::after {
  font-size: 0.75em;
}
.views-exposed-form details[open] summary::after {
  content: '\f077';
}
.views-exposed-form summary + fieldset {
  box-sizing: border-box;
  position: absolute;
  margin: 0.5em -1px 0 -1px;
  border: 1px solid var(--color-light-grey);
  border-radius: var(--border-radius-small);
  background-color: var(--color-white);
  padding: 0.5em;
  min-inline-size: 17.5em;
}
.views-exposed-form summary + fieldset .form-item {
  display: flex;
  gap: 0.25em;
  border-radius: var(--border-radius-small);
  background-color: transparent;
  padding: 0.5em;
  transition: background-color 0.25s ease-in-out;
}
.views-exposed-form summary + fieldset .form-item input {
  margin-inline-start: 0;
}
.views-exposed-form summary + fieldset .form-item label {
  flex: 1;
}
.views-exposed-form summary + fieldset .form-item:hover {
  background-color: var(--color-lightest-grey);
}
.view nav.pager ul {
  margin-block: 0;
  font-size: 1rem;
  text-align: center;
}
.view nav.pager li {
  display: inline-block;
  margin: 0 0.125em 1.25em 0.125em;
  font-family: var(--font-family-condensed);
  font-weight: var(--font-weight-semi-bold);
}
.view nav.pager li.pager__item--first,
.view nav.pager li.pager__item--last {
  display: none;
}
.view nav.pager a {
  display: block;
  border: 1px solid var(--color-white);
  padding: 0.75em;
  background-color: var(--color-white);
  min-inline-size: 1.5em;
  line-height: 1.2;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
}
.view nav.pager li.is-active a {
  border-color: var(--color-navy-blue);
  color: inherit;
  cursor: default;
}
.view nav.pager li.pager__item--next a,
.view nav.pager li.pager__item--previous a {
  border-color: var(--color-navy-blue);
  border-radius: var(--border-radius-cta);
  background-color: var(--color-navy-blue);
  padding-inline: 1.5em;
  color: var(--color-white);
}
.view nav.pager li:not(.is-active) a:hover {
  border-color: var(--color-teal);
  background-color: var(--color-teal);
  color: var(--color-black);
}
.view--id-resources header .filter-summary {
  margin-block-end: 2em;
}
.view--id-resources header .filter-summary * {
  display: inline;
}
.view--id-resources header .filter-summary h3 {
  font-family: var(--font-family-sans-serif);
  font-size: 1em;
}
.view--id-resources header .filter-summary h3::after {
  content: ':';
  margin-inline-end: 0.5em;
}
.view--id-resources header .filter-summary ul {
  padding-inline: 0;
}
.view--id-resources header .filter-summary li + li:before {
  content: '/';
  margin-inline: calc(1em / 3) 0.5em;
}
/* The view results and page have an edge-to-edge grey background (and a bottom
   border) but the form above is separate; different rules apply to different
   elements depending on whether the page or the “no results” text show up. */
.view--id-resources .view-content,
.view--id-resources nav.pager {
  margin-inline-start: calc(50% - 50vw);
  background-color: var(--color-lightest-grey);
  inline-size: 100vw;
}
.view--id-resources:not(:has(nav.pager)) .view-content,
.view--id-resources nav.pager {
  border-block-end: 1px solid var(--color-navy-blue);
}
.view--id-resources:not(:has(nav.pager)) .view-content,
.view--id-resources nav.pager {
  padding-block: 0 5rem;
}
.view--id-resources .view-content:has(.no-results) {
  background-color: transparent;
}
.view--id-resources .no-results {
  padding-block: 1.25rem;
}
.view--id-resources .views-section,
.view--id-resources nav.pager ul,
.view--id-resources .no-results {
  box-sizing: border-box;
  display: block;
  margin-inline: auto;
  padding: 5rem var(--bezel-inline-size) 0 var(--bezel-inline-size);
  min-inline-size: var(--min-inline-size);
  max-inline-size: var(--max-inline-size);
}
.view--id-institutions .views-rows,
.view--id-resources .views-rows {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--gutter-inline-size);
}
.view--id-institutions .views-row {
  padding-block-end: 1.25rem;
}
.view--id-resources .views-row {
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  overflow: hidden;
}
.node--bundle-resource .field--id-field-resource-pathway .field-values {
  display: flex;
  gap: 0.25em;
  flex-wrap: wrap;
}
/* Empty (“Non-Pathway Specific”) fields appear thanks to
   transitionresourceguide_pathway. */
.node--bundle-resource .field--id-field-resource-pathway .field-value > a,
.node--bundle-resource .field--empty-field-resource-pathway {
  display: flex;
  gap: 0.25em;
  align-items: center;
  border-radius: var(--border-radius-small);
  background-color: var(--color-grey);
  padding-inline: 0.75em;
  font-family: var(--font-family-condensed);
  white-space: nowrap;
  text-decoration: none;
  color: var(--color-white);
  /* They'd like to pretend that the links aren't links. */
  cursor: default;
  pointer-events: none;
}
.node--bundle-resource .field--id-field-resource-pathway .field-value .label,
.node--bundle-resource .field--empty-field-resource-pathway {
  display: block;
  padding-block: 0.25em;
  font-size: 0.875em;
}
.node--bundle-resource .field--empty-field-resource-pathway {
  display: inline-block;
}
.node--bundle-resource .field--id-field-resource-pathway .field-value.pathway--apprenticeship-and-trades > a {
  background-color: var(--color-pathway-apprenticeship-and-trades);
  color: var(--color-pathway-apprenticeship-and-trades-text);
}
.node--bundle-resource .field--id-field-resource-pathway .field-value.pathway--workplace > a {
  background-color: var(--color-pathway-workplace);
  color: var(--color-pathway-workplace-text);
}
.node--bundle-resource .field--id-field-resource-pathway .field-value.pathway--post-secondary-education > a {
  background-color: var(--color-pathway-post-secondary-education);
  color: var(--color-pathway-post-secondary-education-text);
}
.node--bundle-resource .field--id-field-resource-pathway .field-value.pathway--community > a {
  background-color: var(--color-pathway-community);
  color: var(--color-pathway-community-text);
}
.node--bundle-resource .field--id-field-resource-pathway svg {
  margin: -0.5em;
  background-color: transparent;
  border-radius: 0;
  inline-size: 2.5em;
  aspect-ratio: 1;
}
.node--bundle-resource .field--id-field-resource-pathway .pathway--apprenticeship-and-trades svg .foreground {
  fill: var(--color-pathway-apprenticeship-and-trades-text);
}
.node--bundle-resource .field--id-field-resource-pathway .pathway--workplace svg .foreground {
  fill: var(--color-pathway-workplace-text);
}
.node--bundle-resource .field--id-field-resource-pathway .pathway--post-secondary-education svg .foreground {
  fill: var(--color-pathway-post-secondary-education-text);
}
.node--bundle-resource .field--id-field-resource-pathway .pathway--community svg .foreground {
  fill: var(--color-pathway-community-text);
}
.node--bundle-institution.node--view-mode-teaser .institution-image,
.node--bundle-resource .resource-image {
  position: relative;
  margin-block-end: 2em;
  aspect-ratio: 16/9;
}
.node--bundle-institution.node--view-mode-teaser .institution-image {
  margin-block-end: 0;
  border-block-end: 0.675em solid transparent;
  border-radius: var(--border-radius);
  overflow: hidden;
  transition: border-color 0.25s ease-in-out;
}
.node--bundle-institution.node--view-mode-teaser:has(a:hover) .institution-image {
  border-block-end-color: var(--color-navy-blue);
}
.node--bundle-institution.node--view-mode-teaser .institution-image .placeholder,
.node--bundle-resource .resource-image .placeholder {
  position: absolute;
  inset: 0;
  background-color: var(--color-lightest-grey);
  background-image: url('/transitionresourceguide-icon/svg/document-search/00295f/100'), url('/transitionresourceguide-icon/svg/circle/00295f/15'), url('/transitionresourceguide-icon/svg/triangle/00295f/15');
  background-position: calc(50% - 2.25em) center, calc(50% - 2.25em) center,  calc(50% + 2.25em) center;
  background-size: 1.75em auto, 4.5em auto, 4.5em auto;
  background-repeat: no-repeat, no-repeat, no-repeat;
}
.node--bundle-resource .resource-image .placeholder {
  background-color: var(--color-light-blue);
}
.node--bundle-institution.node--view-mode-teaser img,
.node--bundle-resource .resource-image img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}
.node--bundle-institution.node--view-mode-teaser img {
  transition: transform .25s ease-in-out;
}
.node--bundle-institution.node--view-mode-teaser:has(a:hover) img {
  transform: scale(1.05);
}
.node--bundle-resource .resource-content {
  padding: 0 1.25rem 2.5rem 1.25rem;
}
.node--bundle-institution.node--view-mode-teaser a {
  color: var(--color-black);
  text-decoration: none;
}
.node--bundle-institution.node--view-mode-teaser h3 {
  margin-block: 0;
  padding-block-start: 0.75rem;
  font-size: 1.625rem;
}
.node--bundle-institution.node--view-mode-teaser:has(a:hover) h3 {
  text-decoration: underline;
}
.node--bundle-resource .field--id-field-link a::after,
.node--bundle-resource .field--id-field-resource-file a::after {
  content: '\f08e';
  margin-inline-start: 0.5em;
  font: var(--fa-font-solid);
  font-size: 0.75em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.node--bundle-resource .field--id-field-resource-file a::after {
  content: '\f019';
  font: var(--fa-font-regular);
}
.node--bundle-resource .field--id-field-resource-file .file-size {
  display: none;
}
.block-transitionresourceguide-search-page-form,
.view--id-search {
  margin-inline: auto;
  max-inline-size: var(--content-max-inline-size);
}
.block-transitionresourceguide-search-page-form form {
  margin-block-end: 1.25rem;
  display: flex;
  gap: var(--gutter-inline-size);
}
.block-transitionresourceguide-search-page-form form > *:first-child {
  flex-grow: 1;
}
.block-transitionresourceguide-search-page-form form > *:first-child input[type=text] {
  box-sizing: border-box;
  inline-size: 100%;
}
.block-transitionresourceguide-search-page-form form label {
  display: none;
}
.view--id-search header {
  font-size: 0.875em;
  font-style: italic;
}
.view--id-search .views-section > ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.view--id-search .views-section > ol > li {
  margin-block: 2.5rem;
  border-block-end: 1px solid var(--color-light-grey);
  padding-block-end: 2.5rem;
}
.view--id-search .view-content h2 {
  margin-block-end: 1rem;
  font-size: 1.5em;
}
.view--id-search .field--type-entity-breadcrumb-field {
  margin-block: 1rem;
  padding-block: 0;
  font-size: 1em;
}
.view--id-search nav.pager a {
  border-color: var(--color-light-grey);
  background-color: var(--color-light-grey);
}
.region-container.superfooter {
  background-color: var(--color-lightest-grey);
  padding-block: 2.5rem;
}
.region--id-superfooter ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.region--id-superfooter li {
  display: inline-block;
}
.region--id-superfooter li:not(:last-child) {
  margin-inline-end: 0.75em;
}
.region--id-superfooter a {
  font-weight: var(--font-weight-medium);
  text-decoration: underline;
  text-decoration-color: transparent;
  color: var(--color-black);
  transition: text-decoration-color 0.25s ease-in-out;
}
.region--id-superfooter a:hover {
  text-decoration-color: inherit;
}
.region--id-superfooter .region-content {
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-rows: fit-content(100%);
  grid-template-areas:
    '. . backtotop'
    'sitebranding . fundedby'
    'footer socialmedia fundedby';
  gap: 1em var(--gutter-inline-size);
}
.block--id-transitionresourceguide-socialmedia {
  grid-area: socialmedia;
}
.block--id-transitionresourceguide-socialmedia ul {
  text-align: end;
  white-space: nowrap;
}
.block--id-transitionresourceguide-socialmedia li {
  block-size: 2em;
  inline-size: 2em;
  overflow: hidden;
  white-space: nowrap;
}
.block--id-transitionresourceguide-socialmedia li + li {
  margin-inline-start: 0.5em;
}
.block--id-transitionresourceguide-socialmedia a {
  text-decoration: none;
  color: var(--color-navy-blue);
  transition: color 0.25s ease-in-out;
}
.block--id-transitionresourceguide-socialmedia a:hover {
  color: var(--color-teal);
}
.block--id-transitionresourceguide-socialmedia a::before {
  content: '\f361';
  display: block;
  margin-block-end: 1em;
  font: var(--fa-font-regular);
  font-size: 1.75em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.block--id-transitionresourceguide-socialmedia .menu-item--label-facebook a::before {
  content: '\f39e';
  font: var(--fa-font-brands);
  font-size: 1.75em;
}
.block--id-transitionresourceguide-socialmedia .menu-item--label-instagram a::before {
  content: '\f16d';
  font: var(--fa-font-brands);
  font-size: 1.75em;
}
.block--id-transitionresourceguide-backtotop {
  grid-area: backtotop;
  text-align: end;
}
.block--id-transitionresourceguide-backtotop p {
  margin-block: 0;
}
.block--id-transitionresourceguide-sitebranding {
  grid-area: sitebranding;
  align-self: end;
  max-inline-size: 40em;
  color: var(--color-grey);
}
/* See .region--id-navigation .menu-level-1:has(img) > .submenu-content. */
.block--id-transitionresourceguide-sitebranding .inner-container {
  display: grid;
  grid-template-columns: 6em auto;
  grid-template-rows: fit-content(100%);
  grid-template-areas:
    'logo site-name'
    'logo site-slogan';
  column-gap: 1em;
}
.block--id-transitionresourceguide-sitebranding .logo {
  grid-area: logo;
  align-self: center;
  display: block;
}
.block--id-transitionresourceguide-sitebranding .logo img {
  display: block;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: var(--color-white);
  padding: 0.25em;
  inline-size: 100%;
  block-size: auto;
}
.block--id-transitionresourceguide-sitebranding .site-name {
  grid-area: site-name;
  align-self: end;
  font-family: var(--font-family-condensed);
  font-size: 1.25em;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}
.block--id-transitionresourceguide-sitebranding .site-slogan {
  grid-area: site-slogan;
  align-self: start;
}
.block--id-transitionresourceguide-fundedby {
  grid-area: fundedby;
  align-self: center;
  border-radius: var(--border-radius);
  background-color: var(--color-white);
  inline-size: 20em;
  overflow: hidden;
}
.block--id-transitionresourceguide-fundedby h2 {
  margin: 0;
  background-color: var(--color-navy-blue);
  padding: 0.75em;
  font-size: 1em;
  font-weight: var(--font-weight-normal);
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  color: var(--color-white);
}
.block--id-transitionresourceguide-fundedby .media {
  margin: 1.5em auto 2em auto;
  max-inline-size: 60%;
  position: relative;
}
.block--id-transitionresourceguide-fundedby img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}
.block--id-transitionresourceguide-footer {
  grid-area: footer;
  align-self: start;
  font-family: var(--font-family-condensed);
}
.block--id-transitionresourceguide-footer ul {
  grid-area: footer;
}
.region--id-footer {
  padding-block: 1.5rem;
  font-size: 0.8125em;
  color: var(--color-grey);
}
.region--id-footer a {
  text-decoration: none;
  color: var(--color-grey);
}
.region--id-footer .block,
.region--id-footer .block ul,
.region--id-footer .block li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.region--id-footer .block li {
  margin-inline-start: 0.5rem;
}
.region--id-footer .block li + li::before {
  content: '|';
  margin-inline-end: 0.5rem;
  font-size: 1.25em;
  font-weight: var(--font-weight-light);
  opacity: 0.75;
}