/**
 * Roboto Condensed is available at any weight, Open Sans is 300–800.
 *
 * Pathway colour variables are prepared and prepended to html_head in
 * transitionresourceguide_page_attachments_alter().
 */
:root {
  --default-small-vertical-space: 2.5rem;
  --default-medium-vertical-space: 3.75rem;
  --default-large-vertical-space: 5rem;
  --border-radius: 15px;
  --border-radius-cta: 25px;
  --circle-background-image: url('/transitionresourceguide-misc/svg/e8efff');
  --color-black: #000;
  --color-black-rgb: 0, 0, 0;
  --color-blue: #0352ba;
  --color-grey: #666;
  --color-light-blue: #e8efff;
  --color-light-blue-rgb: 232, 239, 255;
  --color-light-grey: #dbdee5;
  --color-lightest-grey: #f1f5f8;
  --color-lilac-rgb: 234, 233, 255;
  --color-navy-blue: #00295f;
  --color-orange: #ff6835;
  --color-teal: #3bd9de;
  --color-white: #fff;
  --color-white-rgb: 255, 255, 255;
  --content-max-inline-size: 60rem;
  --font-family-condensed: 'Roboto Condensed', condensed, sans-serif;
  --font-family-sans-serif: 'Open Sans', sans-serif;
  --font-family-serif: serif;
  --font-weight-bold: 800;
  --font-weight-light: 300;
  --font-weight-medium: 500;
  --font-weight-normal: 400;
  --font-weight-semi-bold: 700;
  --gradient-background: linear-gradient(45deg, rgba(var(--color-lilac-rgb), 1) 0%, rgba(var(--color-light-blue-rgb), 1) 100%);
  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;
}
body {
}
:is(h1, h2, h3, h4, h5, h6) {
  margin-block: 0 0.75em;
  font-family: var(--font-family-condensed);
  font-weight: var(--font-weight-medium);
  line-height: 1.125;
  text-wrap: balance;
}
h1 {
  margin-block-end: 0;
  font-size: 3.5em;
}
h2 {
  font-size: 2.5em;
}
h3 {
  font-size: 2em;
}
h4 {
  font-size: 1.5em;
}
h5 {
  font-size: 1.25em;
}
h6 {
  font-size: 1.125em;
}
h2:has(+ h3),
h3:has(+ h4),
h4:has(+ h5),
h5:has(+ h6),
h3:has(+ .node-content),
h3:has(+ .user-content) {
  margin-block-end: 0.75rem;
}
p,
dl,
ol,
table,
ul {
  margin-block: 1em;
}
p:has(a.cta) {
  margin-block-start: 2em;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-block: 0;
}
.field--family-type-long-text li {
  margin-block: 0.25em;
}
body.pathway--apprenticeship-and-trades ul > li::marker {
  color: var(--pathway-color-apprenticeship-and-trades);
}
body.pathway--workplace ul > li::marker {
  color: var(--pathway-color-workplace);
}
body.pathway--post-secondary-education ul > li::marker {
  color: var(--pathway-color-post-secondary-education);
}
body.pathway--community ul > li::marker {
  color: var(--pathway-color-community);
}
.field--id-field-pathway 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 {
}
a:hover {
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
}
a.cta,
.field--id-field-pathway ul a,
.node-content .links.inline .link--node-readmore span,
.field--id-field-link a,
.region .block-transitionresourceguide-backtotop a,
button:not(.field--type-file button,
.transitionresourceguide-primary-nav-small-trigger,
.toolbar button) {
  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: inherit;
  font-weight: var(--font-weight-medium);
  line-height: inherit;
  text-decoration: none;
  color: var(--color-white);
  transition: background 0.25s ease-in-out, color 0.25s ease-in-out;
}
a.cta:hover,
.field--id-field-pathway ul a:hover,
.node-content .links.inline .link--node-readmore span:hover,
.field--id-field-link a:hover,
.region .block-transitionresourceguide-backtotop a:hover,
button:not(.field--type-file button,
.transitionresourceguide-primary-nav-small-trigger,
.toolbar button):hover {
  background-color: var(--color-teal);
}
.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 span.extlink,
a.cta + span.extlink,
a.cta svg.ext,
a.cta + svg.ext,
a.cta svg.mailto,
a.cta + svg.mailto,
a.cta svg.tel,
a.cta + 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 {
}
textarea {
}
select {
}
.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;
}
/* Apply the pi_base_2 defaults to regions that don't exist there. */
/* ***** every size needs this, also adapt to final region list */
.region-container.navigation .region,
.region-container.supercontent .region,
.region-container.title .region {
  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);
}
/* Clearing for floats adds extra space, so hide it where it's not required. */
.region-container.header .region .region-content::after,
.region-container.footer .region .region-content::after {
  display: none;
}
.region--id-header {
  padding-block: 2em;
}
.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-semi-bold);
  text-decoration: none;
  color: var(--color-black);
}
/* Vertical padding is required for the language switcher, it's applied
   everywhere so that the text vertical alignment matches across the header. */
.region--id-header ul a {
  padding: 0.3125em 1em;
}
.region--id-header .region-content {
  display: flex;
  gap: 1em;
  align-items: center;
}
/* *****Move this to the search block when it's there (and switch to align center). */
.block--id-transitionresourceguide-views-block--menu-block {
  flex-basis: 100%;
}
.block--id-transitionresourceguide-views-block--menu-block ul {
  justify-content: end;
}
/* ***** End move this to the search block when it's there (and switch to align center). */
.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-inline: 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: 1em;
  align-items: center;
}
.block--id-transitionresourceguide-branding .logo {
  display: block;
}
.block--id-transitionresourceguide-branding .logo img {
  display: block;
  inline-size: 4.5em;
  block-size: auto;
}
.block--id-transitionresourceguide-branding .site-name {
  inline-size: 12em;
  line-height: 1.25;
  text-transform: uppercase;
  text-wrap: balance;
}
.region-container.navigation {
  background-color: var(--color-navy-blue);
  padding-block: 1.5em;
  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: 2em;
}
.region--id-navigation ul ul ul li {
  padding-inline-start: 1em;
  font-size: 0.9375em;
}
.region--id-navigation a {
  font-weight: var(--font-weight-semi-bold);
  text-decoration: none;
  color: var(--color-white);
}
.region--id-navigation ul ul a,
.region--id-navigation a.landing-page {
  display: block;
  margin-block: 0.25rem;
  padding-block: 0.25rem;
  color: var(--color-black);
}
.region--id-navigation .menu-item-children a {
  font-weight: var(--font-weight-normal);
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.25s ease-in-out;
}
.region--id-navigation .menu-item-children a:hover {
  text-decoration-color: inherit;
}
.region--id-navigation nav button,
.region--id-navigation nav button:hover {
  padding: 0;
  background-color: transparent;
  font-weight: var(--font-weight-semi-bold);
  transition: none;
  cursor: pointer;
}
.region--id-navigation nav button::after {
  content: '\f078';
  position: relative;
  inset-block-start: calc(1em / -16);
  margin-inline-start: 0.375em;
  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';
}
/* 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;
  margin-inline-start: -1.75em;
  border-radius: var(--border-radius);
  padding: 1.75em 2em;
  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 > * {
  align-self: block-start;
}
.region--id-navigation .menu-level-1:has(img) > .submenu-content a.landing-page {
  grid-area: landing-page;
}
.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(--pathway-color-apprenticeship-and-trades);
}
.region--id-navigation .menu-item--label-community .menu-item-fields .image {
  background-color: var(--pathway-color-community);
}
.region--id-navigation .menu-item--label-post-secondary-education .menu-item-fields .image {
  background-color: var(--pathway-color-post-secondary-education);
}
.region--id-navigation .menu-item--label-workplace .menu-item-fields .image {
  background-color: var(--pathway-color-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 {
  content: '\f061';
  margin-inline: 0.5em 1em;
  font: var(--fa-font-solid);
  text-rendering: auto;
  transition: margin 0.25s ease-in-out;
  -webkit-font-smoothing: antialiased;
}
.region--id-navigation .menu-level-1 > .submenu-content a.landing-page:hover::after {
  margin-inline: 1em 0.5em;
}
/* 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;
}
.region-container.title {
  background-color: transparent;
  background-image: var(--circle-background-image);
  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 {
  padding-block: 1em;
  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 {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.block--id-transitionresourceguide-breadcrumbs li:not(:first-child)::before {
  content: '/';
  padding-inline: calc(0.25em + (1em / 3)) 0.25em;
}
.block--id-transitionresourceguide-breadcrumbs a {
  text-decoration: none;
  color: var(--color-grey);
}
.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: 33.75rem;
  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: 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 {
  font-size: 1.25em;
}
/* 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.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(.field--id-field-section:last-child .paragraph--bundle-cta:last-child),
.main-content:has(.field--id-field-section:last-child .paragraph--bundle-detail:last-child) {
  margin-block-end: 0;
}
body.pathway-landing-page .region-container.supercontent {
  background-color: transparent;
  background-image: var(--circle-background-image);
  background-position: center bottom;
  background-size: 200%;
  background-repeat: no-repeat;
}
body.pathway-landing-page.pathway--apprenticeship-and-trades .region-container.supercontent {
  background-image: var(--pathway-circle-background-image-apprenticeship-and-trades);
}
body.pathway-landing-page.pathway--workplace .region-container.supercontent {
  background-image: var(--pathway-circle-background-image-workplace);
}
body.pathway-landing-page.pathway--post-secondary-education .region-container.supercontent {
  background-image: var(--pathway-circle-background-image-post-secondary-education);
}
body.pathway-landing-page.pathway--community .region-container.supercontent {
  background-image: var(--pathway-circle-background-image-community);
}
.region-container.supercontent .region--id-supercontent {
  display: flex;
  align-items: center;
  padding-block: 2.5em;
  text-align: center;
}
body.pathway-landing-page .region-container .region--id-supercontent {
  padding-block: 0;
  min-block-size: 33.75rem;
}
.region--id-supercontent > .region-content {
  margin: 0 auto;
  max-inline-size: var(--content-max-inline-size);
  font-size: 1.25em;
}
/* The background image and content make vertically-centred content appear too
   low, so a negative margin pulls it up a bit. */
body.pathway .region--id-supercontent > .region-content {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 80px;
  padding-block-start: 6em;
}
body.pathway-landing-page .region--id-supercontent > .region-content {
  margin-block-start: -2.5em;
}
body.pathway--apprenticeship-and-trades .region--id-supercontent > .region-content {
  background-image: url(../img/icons/pathway-apprenticeship-and-trades-round-black-on-orange.svg);
}
body.pathway-landing-page.pathway--apprenticeship-and-trades .region--id-supercontent > .region-content {
  background-image: url(../img/icons/pathway-apprenticeship-and-trades-round-black-on-white.svg);
  color: var(--pathway-text-color-apprenticeship-and-trades);
}
body.pathway--workplace .region--id-supercontent > .region-content {
  background-image: url(../img/icons/pathway-workplace-round-white-on-navy-blue.svg);
}
body.pathway-landing-page.pathway--workplace .region--id-supercontent > .region-content {
  background-image: url(../img/icons/pathway-workplace-round-black-on-white.svg);
  color: var(--pathway-text-color-workplace);
}
body.pathway--post-secondary-education .region--id-supercontent > .region-content {
  background-image: url(../img/icons/pathway-post-secondary-education-round-black-on-teal.svg);
}
body.pathway-landing-page.pathway--post-secondary-education .region--id-supercontent > .region-content {
  background-image: url(../img/icons/pathway-post-secondary-education-round-black-on-white.svg);
  color: var(--pathway-text-color-post-secondary-education);
}
body.pathway--community .region--id-supercontent > .region-content {
  background-image: url(../img/icons/pathway-community-round-white-on-blue.svg);
}
body.pathway-landing-page.pathway--community .region--id-supercontent > .region-content {
  background-image: url(../img/icons/pathway-community-round-black-on-white.svg);
  color: var(--pathway-text-color-community);
}
body.pathway-landing-page .region--id-supercontent > .region-content {
  margin-block-start: -2.5em;
}
body.pathway .region--id-supercontent > .region-content .field--family-type-long-text .field-value > :first-child {
  margin-block-start: 0;
}
.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(--pathway-color-apprenticeship-and-trades);
}
body.pathway--workplace .block-transitionresourceguide-views-block-pages-tertiary-teaser-block .inner-container > h2 {
  border-color: var(--pathway-color-workplace);
}
body.pathway--post-secondary-education .block-transitionresourceguide-views-block-pages-tertiary-teaser-block .inner-container > h2 {
  border-color: var(--pathway-color-post-secondary-education);
}
body.pathway--community .block-transitionresourceguide-views-block-pages-tertiary-teaser-block .inner-container > h2 {
  border-color: var(--pathway-color-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: 1em 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(--pathway-color-apprenticeship-and-trades);
  color: var(--pathway-text-color-apprenticeship-and-trades);
}
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(--pathway-color-workplace);
  color: var(--pathway-text-color-workplace);
}
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(--pathway-color-post-secondary-education);
  color: var(--pathway-text-color-post-secondary-education);
}
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(--pathway-color-community);
  color: var(--pathway-text-color-community);
}
.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,
.view--id-pathways.view--display-front-page-block .views-rows {
  display: flex;
  gap: 2.5em;
}
.view--id-pathways.view--display-front-page-block .views-rows {
  justify-content: stretch;
  gap: 1.25em;
}
.view--id-pathways.view--display-front-page-block .views-row {
  border-radius: var(--border-radius);
  background-color: var(--color-light-blue);
  padding: 2.5em;
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--apprenticeship-and-trades) {
  background-color: var(--pathway-color-apprenticeship-and-trades);
  color: var(--pathway-text-color-apprenticeship-and-trades);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--workplace) {
  background-color: var(--pathway-color-workplace);
  color: var(--pathway-text-color-workplace);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--post-secondary-education) {
  background-color: var(--pathway-color-post-secondary-education);
  color: var(--pathway-text-color-post-secondary-education);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--community) {
  background-color: var(--pathway-color-community);
  color: var(--pathway-text-color-community);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--apprenticeship-and-trades) a {
  color: var(--pathway-text-color-apprenticeship-and-trades);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--workplace) a {
  color: var(--pathway-text-color-workplace);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--post-secondary-education) a {
  color: var(--pathway-text-color-post-secondary-education);
}
.view--id-pathways.view--display-front-page-block .views-row:has(.node.pathway--community) a {
  color: var(--pathway-text-color-community);
}
.node--bundle-page.node--view-mode-teaser {
  display: flex;
  align-items: stretch;
}
.views-row:nth-child(even) .node--bundle-page.node--view-mode-teaser {
  flex-direction: row-reverse;
}
.view--id-pathways .node--bundle-page.node--view-mode-teaser,
.view--id-pathways .views-row:nth-child(even) .node--bundle-page.node--view-mode-teaser,
.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 {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.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 {
  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(--pathway-color-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(--pathway-color-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(--pathway-color-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(--pathway-color-community);
}
.node--bundle-page.node--view-mode-teaser .image img {
  display: block;
  width: 100%;
  height: auto;
}
.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 {
  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);
  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 {
  font-size: 2.25rem;
}
.node--bundle-page.node--view-mode-teaser.pathway a.teaser-content > h3 {
  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;
}
.node--bundle-page.node--view-mode-teaser a.teaser-content .field--id-field-teaser-text {
  margin-block-end: 2.5em;
}
.view--id-pathways.view--display-front-page-block .node-content {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.view--id-pathways.view--display-front-page-block .links.inline {
  margin-block: auto 0;
}
.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(--pathway-text-color-apprenticeship-and-trades);
  color: var(--pathway-text-color-apprenticeship-and-trades);
}
.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(--pathway-text-color-workplace);
  color: var(--pathway-text-color-workplace);
}
.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(--pathway-text-color-post-secondary-education);
  color: var(--pathway-text-color-post-secondary-education);
}
.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--community) .links.inline .link--node-readmore span {
  background-color: transparent;
  border: 1px solid var(--pathway-text-color-community);
  color: var(--pathway-text-color-community);
}
.field--id-field-section .paragraph:not(.paragraph .paragraph):not(.paragraph--bundle-accordion-set):not(.paragraph--bundle-callout) {
  padding-block: 6em;
}
.paragraph--bundle-accordion-set {
  margin: 6em auto;
  border: 1px solid var(--color-light-grey);
  border-radius: var(--border-radius);
  max-inline-size: var(--content-max-inline-size);
  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;
}
.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-cta,
.paragraph--bundle-detail {
  position: relative;
  inset-inline: 50%;
  background-color: var(--color-light-blue);
  inline-size: 100vw;
  transform: translateX(-50%);
}
.paragraph--bundle-callout,
.paragraph--bundle-cta,
.paragraph--bundle-detail.transitionresourceguide-highlight,
.paragraph--bundle-pathway-links {
  background-color: var(--color-navy-blue);
  color: var(--color-white);
}
.paragraph--bundle-detail.transitionresourceguide-highlight .paragraph--bundle-list .field--id-field-list-item {
  color: var(--color-black);
}
.paragraph--bundle-callout a,
.paragraph--bundle-cta a,
.paragraph--bundle-detail.transitionresourceguide-highlight a:not(.paragraph--bundle-list a),
.paragraph--bundle-pathway-links a {
  color: var(--color-white);
}
.field--id-field-section .field-value:has(.paragraph--bundle-cta):has(+ .field-value:nth-child(even) .paragraph--bundle-cta) .paragraph--bundle-cta {
  background-color: var(--color-blue);
}
.paragraph--bundle-cta > *,
.paragraph--bundle-detail > * {
  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);
}
.field--id-field-section .paragraph--bundle-callout {
  border-radius: var(--border-radius);
  padding: 4em 3em;
  text-align: center;
}
.paragraph--bundle-callout .inner-container {
  margin-inline: auto;
  max-inline-size: var(--content-max-inline-size);
}
.paragraph--bundle-cta .inner-container {
  display: flex;
  gap: 2.5em;
  align-items: center;
}
.paragraph--bundle-cta .inner-container > * {
  flex: 1 1 0;
}
.paragraph--bundle-cta .field--id-field-title h2 {
  margin-block-end: 0.25em;
  font-size: 3rem;
  font-weight: var(--font-weight-normal);
}
.paragraph--bundle-callout .field--id-field-body,
.paragraph--bundle-cta .field--id-field-body {
  font-size: 1.125em;
  font-weight: var(--font-weight-light);
}
.paragraph--bundle-cta .field--id-field-body {
  margin-block-end: 2em;
}
.paragraph--bundle-callout .field--id-field-link a,
.paragraph--bundle-callout a.cta,
.paragraph--bundle-cta .field--id-field-link a,
.paragraph--bundle-cta a.cta,
.paragraph--bundle-detail.transitionresourceguide-highlight a.cta:not(.paragraph--bundle-list a.cta),
.paragraph--bundle-pathway-links .field--id-field-pathway ul a,
.paragraph--bundle-pathway-links a.cta {
  color: var(--color-navy-blue);
}
.paragraph--bundle-callout .field--id-field-link a:not(:hover),
.paragraph--bundle-callout a.cta:not(:hover),
.paragraph--bundle-cta .field--id-field-link a:not(:hover),
.paragraph--bundle-cta a.cta:not(:hover),
.paragraph--bundle-detail.transitionresourceguide-highlight a.cta:not(.paragraph--bundle-list a.cta):not(:hover),
.paragraph--bundle-pathway-links .field--id-field-pathway ul a:not(:hover),
.paragraph--bundle-pathway-links a.cta:not(:hover) {
  background-color: var(--color-white);
}
.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(../img/icons/triangle-white.svg);
  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(../img/icons/semi-circle-white.svg);
}
.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;
}
.paragraph--bundle-section > .inner-container:has(.field--id-field-section-image img) {
  display: flex;
  align-items: center;
}
.paragraph--bundle-section.transitionresourceguide-reverse > .inner-container:has(.field--id-field-section-image img) {
  flex-direction: row-reverse;
}
.paragraph--bundle-section > .inner-container:has(.field--id-field-section-image img) > * {
  flex: 1 1 0;
}
.paragraph--bundle-section > .inner-container:has(.field--id-field-section-image img) .content > * {
  padding-inline-end: 5em;
}
.paragraph--bundle-section.transitionresourceguide-reverse > .inner-container:has(.field--id-field-section-image img) .content > * {
  padding-inline: 5em 0;
}
.paragraph--bundle-section .field--id-field-section-image img {
  display: block;
  border-radius: var(--border-radius);
  inline-size: 100%;
  block-size: auto;
}
.paragraph--bundle-section .field--family-type-long-text li a {
  font-family: var(--font-family-condensed);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  transition: color 0.25s ease-in-out;
}
.paragraph--bundle-section .field--family-type-long-text li a:hover {
  color: var(--color-teal);
}
.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-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;
}
.paragraph--bundle-callout .field--id-field-icon img {
  margin-inline: auto;
}
.paragraph--bundle-pathway-links {
  border-radius: var(--border-radius);
}
.paragraph--bundle-pathway-links,
.paragraph--bundle-detail {
  text-align: center;
}
.paragraph--bundle-pathway-links .field--id-field-icon {
  margin-inline: auto;
  background-color: transparent;
  background-image: url(../img/icons/triangle-white.svg);
  background-position: right center;
  background-size: 5em auto;
  background-repeat: no-repeat;
  padding-inline-end: 5em;
  inline-size: 5em;
}
.paragraph--bundle-pathway-links .field--id-field-pathway {
  margin-block-start: 2.5em;
}
.paragraph--bundle-pathway-links .field--id-field-pathway ul {
  display: flex;
  justify-content: center;
  gap: 1em;
}
.paragraph--bundle-content {
  margin-inline: auto;
  max-inline-size: var(--content-max-inline-size);
}
.paragraph--bundle-content .field--family-type-long-text {
  text-wrap: balance;
}
.paragraph--bundle-list {
  margin-block: 3em;
}
.paragraph--bundle-list .field--id-field-title h3 {
  margin-block-end: 1.5em;
  font-size: 1.75em;
}
.paragraph--bundle-list .field--id-field-list-item .field-values {
  display: flex;
  gap: 2px;
  border-radius: var(--border-radius);
  overflow: hidden;
  text-align: start;
}
.paragraph--bundle-list .field--id-field-list-item .field-value {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  background-color: var(--color-white);
  padding: 2em;
}
.paragraph--bundle-list.transitionresourceguide-highlight .field--id-field-list-item .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-value:first-child:hover {
  filter: brightness(97.5%);
}
.paragraph--bundle-list .field--id-field-list-item .field-value p:has(a.cta) {
  margin-block-start: auto;
}
.region-container.superfooter {
  background-color: var(--color-lightest-grey);
  padding-block: 2.5em;
}
.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;
}
/* See .region--id-navigation .menu-level-1:has(img) > .submenu-content. */
.region--id-superfooter .region-content {
  display: grid;
  grid-template-columns: 1fr max-content;
  grid-template-rows: fit-content(100%);
  grid-template-areas:
    '. backtotop'
    'sitebranding fundedby'
    'footer fundedby';
  gap: 1em;
}
.block--id-transitionresourceguide-backtotop {
  grid-area: backtotop;
  text-align: end;
}
.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 33em;
  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-semi-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;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.block--id-transitionresourceguide-footer li {
  display: inline-block;
}
.block--id-transitionresourceguide-footer li + li {
  margin-inline-start: 0.75em;
}
.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 a.ext svg {
  display: none;
}
.region--id-footer .block,
.region--id-footer .block * {
  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;
}