/*
  Note that there are instances below where there might appear to be unnecessary
  elements in selectors (e.g., ".region--id-header" in
  ".page-header .region--id-header .block--plugin-id--system-branding-block");
  this is because the queensu_artsci_online theme uses this as a base theme, and
  this theme uses queensu_artsci_base, and queensu_artsci_online does not always
  get CSS rules from its two base themes in the correct order, so additional
  specificity is required to ensure that the rules from queensu_artsci have
  precedence over the rules from queensu_artsci_base. */

:root {
  --color-lightest-grey: 235, 235, 236;
  --content-max-width: 920px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-block: 2.5rem 1.25rem;
  font-weight: var(--font-weight-semi-bold);
}
h5,
h6 {
  font-family: var(--font-family-sans-serif-alt);
}
.page-main input.form-submit,
.page-main button.form-button,
.page-main .cta-alt,
.page-main .cta-alt-secondary,
.page-main .view .more-link a {
  border: 1px solid rgb(var(--color-red));
  background-color: rgb(var(--color-red));
  color: rgb(var(--color-white));
}
.page-main .cta-alt-secondary,
.page-main .view .more-link a {
  background-color: rgb(var(--color-white));
  color: rgb(var(--color-red));
}
.page-main .view .more-link a {
  min-width: 10rem;
}
.page-main input.form-submit:hover,
.page-main button.form-button:hover,
.page-main .cta-alt:hover,
.page-main .cta-alt-secondary:hover,
.page-main .view .more-link a:hover {
  border-color: rgb(var(--color-red));
  background-color: rgb(var(--color-white));
  color: rgb(var(--color-red));
}
.page-main .cta-alt-secondary:hover,
.page-main .view .more-link a:hover {
  background-color: rgb(var(--color-red));
  color: rgb(var(--color-white));
}
.page-main button.form-button::before,
.page-main .cta-alt::before {
  background-color: rgb(var(--color-white));
}
.page-main .cta-alt-secondary::before,
.page-main .view .more-link a::before {
  background-color: rgb(var(--color-red));
}
.node--view-mode-full .node-content > .field:first-child > h2:first-child,
.user--view-mode-full .user-content > .field:first-child > h2:first-child {
  margin-block-start: 0;
}
.page-main form > .form-item {
  margin-block: 1.25rem;
}
.page-main form > .form-actions {
  margin-block: 2.5rem;
}
body.node--bundle-event .page-header,
body.node--bundle-story .page-header {
  position: relative;
  padding-block-end: 2.5rem;
}
body.node--bundle-event .page-header::after,
body.node--bundle-story .page-header::after {
  content: '';
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  background: linear-gradient(to right, rgb(var(--color-blue)) 0, rgb(var(--color-blue)) 33%, rgb(var(--color-gold)) 33%, rgb(var(--color-gold)) 67%, rgb(var(--color-red)) 67%, rgb(var(--color-red)) 100%);
  height: 1rem;
}
.page-header nav {
  padding-block-start: 1.5em;
}
.page-header nav.block--id-signin .menu-item--dynamic-active h2 {
  color: rgb(var(--color-red));
}
.page-header nav.block--id-signin a {
  white-space: nowrap;
}
.page-header nav.queensu-artsci-base-nav-dynamic-subnav-open > ul > li:not(.menu-item--dynamic-active) > .menu-item--dynamic-trigger > a,
.page-header nav.queensu-artsci-base-nav-dynamic-subnav-open > ul > li:not(.menu-item--dynamic-active) > .menu-item--dynamic-trigger > span,
.page-header nav.queensu-artsci-base-nav-dynamic-in-transition > ul > li > .menu-item--dynamic-trigger > a,
.page-header nav.queensu-artsci-base-nav-dynamic-in-transition > ul > li > .menu-item--dynamic-trigger > span {
  border-block-end: none;
  padding-block-end: 2px;
  color: rgb(var(--color-black));
}
.page-header nav.block--id-signin .menu-item--dynamic-active h2 span.block-title,
.page-header nav li.menu-item--dynamic-active > .menu-item--dynamic-trigger > a,
.page-header nav li.menu-item--dynamic-active > .menu-item--dynamic-trigger > span {
  border-block-end: 2px solid rgb(var(--color-red));
  padding-block-end: 0;
}
.page-header nav > ul > li > ul > li.feature {
  break-before: column;
  -webkit-column-break-before: always;
}
.page-header nav li.highlight {
  padding-block-start: 1em;
}
.page-header nav.block--id-signin .extlink,
.page-header nav li.menu-item--label-sign-in .extlink {
  display: none;
}
.page-main {
  padding-block-end: 0;
}
.page-main .page-content,
.page-main .sidebar {
  padding-block-end: 4rem;
}
body.front .page-main .page-content {
  padding-block-start: 2.5rem;
}
.page-main .page-content .view--id-page-title {
  margin-block-end: 2.5rem;
}
.page-main h1 {
  position: relative;
  z-index: 1;
  font-family: var(--font-family-sans-serif);
  font-size: 3.5em;
  font-weight: var(--font-weight-bold);
}
.page-main .page-content h1 {
  font-size: 2.5em;
}
.page-main .page-title::after {
  background: linear-gradient(to right, rgb(var(--color-gold)) 0, rgb(var(--color-gold)) 50%, rgb(var(--color-red)) 50%, rgb(var(--color-red)) 100%);
}
.page-main .page-title:has(.node--view-mode-title--has-image)::after {
  background: linear-gradient(to right, rgb(var(--color-blue)) 0, rgb(var(--color-blue)) 33%, rgb(var(--color-gold)) 33%, rgb(var(--color-gold)) 67%, rgb(var(--color-red)) 67%, rgb(var(--color-red)) 100%);
}
/* Firefox doesn't support :has(), and won't even share a rule with :has(); the
   class is added by jquery.miscellaneous.js. */
body.page-title-has-image .page-main .page-title::after {
  background: linear-gradient(to right, rgb(var(--color-blue)) 0, rgb(var(--color-blue)) 33%, rgb(var(--color-gold)) 33%, rgb(var(--color-gold)) 67%, rgb(var(--color-red)) 67%, rgb(var(--color-red)) 100%);
}
.page-main .page-title h2,
.page-main .page-content .view--id-page-title h2 {
  margin-block: 0.5em 0;
  font-size: 1.75rem;
  line-height: 1.5;
}
.page-main .page-content .view--id-page-title h2 {
  margin-block-start: -0.5rem;
  font-size: 1.5rem;
}
.page-main .page-title a,
.page-main .page-title a:hover {
  color: rgb(var(--color-white));
}
.page-main .page-title .view--id-features .view-content,
.page-main .page-title .view--id-features .node-title-and-content-container,
.page-main .page-title .node--view-mode-title--has-image {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  margin-block: -4em -5em;
  min-height: 720px;
}
.page-main .page-title .view--id-features .view-content {
  display: block;
}
.page-main .page-title .view--id-features .node-title-and-content-container {
  position: relative;
  margin: 0 auto;
  padding-inline: var(--bezel-width-large-screen);
  max-width: var(--max-width);
}
.page-main .page-title .view--id-features .views-row:not(:first-child),
.page-main .page-title .field--id-field-image > .field-values > .field-value:not(:first-child) {
  display: none;
}
.page-main .page-title .image {
  position: absolute;
  inset: 0;
}
.page-main .page-title .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.page-main .page-title .feature-dynamic .views-section,
.page-main .page-title .feature-dynamic .views-row,
.page-main .page-title .page-title-image-dynamic > .field-values,
.page-main .page-title .page-title-image-dynamic > .field-values > .field-value {
  position: absolute;
  inset: 0;
}
.page-main .page-title .feature-dynamic .image,
.page-main .page-title .page-title-image-dynamic > .field-values .image {
  inset-block-end: 1rem;
}
/* Page title images in the content area do not all necessarily have the same
   relative dimensions. Their heights are equalized by jquery.title-image.js,
   account for the possibility of non-matching widths. */
.page-main .page-content .page-title-image-dynamic {
  overflow-x: hidden;
}
.page-main .page-content .page-title-image-dynamic .image {
  display: flex;
  justify-content: center;
}
.page-main .page-content .page-title-image-dynamic .image > img {
  flex: none;
}
.page-main .page-content .page-title-image-dynamic .image > a.expand-image {
  display: block;
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 1rem;
  border: none;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
}
.page-main .page-content .page-title-image-dynamic .image > a.expand-image::before {
  content: '\f31d';
  display: block;
  padding: 0.6125rem 3rem 3rem 0.875rem;
  font: var(--fa-font-solid);
  font-size: 1.75rem;
  text-rendering: auto;
  color: rgba(var(--color-white), 0.75);
  -webkit-font-smoothing: antialiased;
}
#colorbox {
  max-width: 100vw;
}
.page-main .page-title .feature-dynamic .nav,
.page-main .page-title .page-title-image-dynamic .nav,
.page-main .page-content .page-title-image-dynamic .nav {
  position: absolute;
  z-index: 101;
  inset-block-end: 1.25rem;
  inset-inline-start: 50%;
}
.page-main .page-content .page-title-image-dynamic .nav {
  inset-block: 1.25rem 0;
}
.page-main .page-title .feature-dynamic .step-nav,
.page-main .page-title .page-title-image-dynamic .step-nav,
.page-main .page-content .page-title-image-dynamic .step-nav {
  inset: calc(50% - 2.5rem) 0 auto 0;
  font-size: 1.75rem;
}
.page-main .page-content .page-title-image-dynamic .step-nav {
  max-height: 2rem;
}
.page-main .page-title .feature-dynamic .nav ul,
.page-main .page-title .page-title-image-dynamic .nav ul,
.page-main .page-content .page-title-image-dynamic .nav ul {
  position: relative;
  inset-inline-start: -50%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page-main .page-title .feature-dynamic .step-nav ul,
.page-main .page-title .page-title-image-dynamic .step-nav ul,
.page-main .page-content .page-title-image-dynamic .step-nav ul {
  inset-inline: 0;
}
.page-main .page-title .feature-dynamic .nav li,
.page-main .page-title .page-title-image-dynamic .nav li,
.page-main .page-content .page-title-image-dynamic .nav li {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 0.5rem;
  padding: 0;
  list-style-type: none;
}
.page-main .page-title .feature-dynamic .step-nav li,
.page-main .page-title .page-title-image-dynamic .step-nav li,
.page-main .page-content .page-title-image-dynamic .step-nav li {
  margin-inline: 0.75rem;
  white-space: nowrap;
}
.page-main .page-title .feature-dynamic .step-nav li.next,
.page-main .page-title .page-title-image-dynamic .step-nav li.next,
.page-main .page-content .page-title-image-dynamic .step-nav li.next {
  position: absolute;
  inset-inline-end: 0;
}
.page-main .page-title .feature-dynamic .nav a,
.page-main .page-title .page-title-image-dynamic .nav a,
.page-main .page-content .page-title-image-dynamic .nav a {
  display: block;
  border: 2px solid rgba(var(--color-white), 0.75);
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  text-indent: 2em;
}
.page-main .page-title .feature-dynamic .step-nav a,
.page-main .page-title .page-title-image-dynamic .step-nav a,
.page-main .page-content .page-title-image-dynamic .step-nav a {
  display: block;
  border: none;
  width: 3rem;
  height: 3rem;
  background-color: rgba(var(--color-black), 0.5);
  text-indent: 0;
}
.page-main .page-title .feature-dynamic .step-nav a::before,
.page-main .page-title .page-title-image-dynamic .step-nav a::before,
.page-main .page-content .page-title-image-dynamic .step-nav a::before {
  content: '\f053';
  display: block;
  padding: 0.6125rem 3rem 3rem 0.875rem;
  font: var(--fa-font-light);
  text-rendering: auto;
  color: rgb(var(--color-gold));
  -webkit-font-smoothing: antialiased;
}
.page-main .page-title .feature-dynamic .step-nav li.next a::before,
.page-main .page-title .page-title-image-dynamic .step-nav li.next a::before,
.page-main .page-content .page-title-image-dynamic .step-nav li.next a::before {
  content: '\f054';
  padding-inline-start: 1rem;
}
.page-main .page-title .feature-dynamic .skip-nav a:hover,
.page-main .page-title .page-title-image-dynamic .skip-nav a:hover,
.page-main .page-content .page-title-image-dynamic .skip-nav a:hover {
  border-color: rgba(var(--color-white), 0.5);
}
.page-main .page-title .feature-dynamic .skip-nav li.active a,
.page-main .page-title .page-title-image-dynamic .skip-nav li.active a,
.page-main .page-content .page-title-image-dynamic .skip-nav li.active a {
  border-color: transparent;
  background-color: rgba(var(--color-white), 0.5);
  cursor: default;
}
.page-main .page-title .media--bundle-image .field--id-field-caption,
.page-main .page-title .media--bundle-remote-image .field--id-field-caption {
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  inset-block-end: 1rem;
  inset-inline-end: 0;
  margin-block-start: 0;
  background-color: rgba(var(--color-black), 0.75);
  padding: 0.5rem 1.25rem;
  max-width: 25%;
  font-size: 0.75rem;
  font-style: normal;
}
.page-main .page-title .media--bundle-image .field--id-field-caption p,
.page-main .page-title .media--bundle-remote-image .field--id-field-caption p {
  margin: 0;
}
.page-main .page-title .node--bundle-feature .node-content-container,
.page-main .page-title .node--view-mode-title--has-image .node-content-container {
  position: relative;
  z-index: 101;
  margin-block-end: 4rem;
  margin-inline-end: 40%;
  background-color: rgba(var(--color-black), 0.75);
  padding: 1.25rem 1.25rem 1.75rem 1.25rem;
}
.page-main .page-title .node--bundle-feature .node-content-container {
  margin-inline-end: 25%;
}
.page-main .page-title .node--bundle-feature .node-content-container h2,
.page-main .page-title .node--view-mode-title--has-image .node-content-container h1 {
  margin-block-start: 0;
}
.page-main .page-title .node--bundle-feature .node-content {
  margin-block-start: 1.25rem;
  display: flex;
  align-items: center;
  gap: var(--gutter-width-large-screen);
}
.page-main .page-title .node--bundle-feature .node-content > .field--id-body {
  font-size: 1.125rem;
}
.page-main .page-title .node--bundle-feature .node-content > .field--id-body .field-value > *:first-child {
  margin-block-start: 0;
}
.page-main .page-title .node--bundle-feature .node-content > .field--id-body .field-value > *:last-child {
  margin-block-end: 0;
}
.page-main .page-title .node--bundle-feature .node-content > .field--id-field-feature-link {
  margin-block-start: 0.5rem;
}
.page-main .page-title .node--bundle-feature .node-content > .field--id-field-feature-link a {
  min-width: 10rem;
}
.page-main .page-title .node--bundle-feature a.cta-alt-secondary {
  border-color: rgb(var(--color-white));
  background-color: transparent;
}
.page-main .page-title .node--bundle-feature a.cta-alt-secondary:hover {
  color: rgb(var(--color-blue));
}
.page-main .page-title .node--bundle-feature a.cta-alt-secondary::before,
.page-main .page-title .node--bundle-feature a.cta-alt-secondary:hover::before {
  background-color: rgb(var(--color-white));
}
body.node--bundle-event .page-main,
body.node--bundle-story .page-main {
  padding-block-start: 2.5rem;
}
body.node--bundle-event .block--plugin-id--system-breadcrumb-block,
body.node--bundle-story .block--plugin-id--system-breadcrumb-block {
  margin-block-end: 4rem;
}
body.node--bundle-event.no-sidebars .page-content,
body.node--bundle-story.no-sidebars .page-content,
body.node--bundle-page.no-sidebars .page-content .node--bundle-page .field--family-type-long-text,
.view--id-people.view--display-department-or-unit-block {
  max-width: var(--content-max-width);
}
.page-main .page-content h2,
.page-main .page-content h3,
.page-main .page-content h4,
.page-main .page-content h5,
.page-main .view--id-paragraph-sections h2,
.page-main .view--id-paragraph-sections h3,
.page-main .view--id-paragraph-sections h4,
.page-main .view--id-paragraph-sections h5,
.page-main .sidebar h2,
.page-main .sidebar h3,
.page-main .sidebar h4,
.page-main .sidebar h5,
form h2,
form h3,
form h4,
form h5 {
  color: rgb(var(--color-blue));
}
.node--view-mode-full .field--family-type-long-text h2,
.node--view-mode-additional-information .field--family-type-long-text h2,
body.front .block--base-plugin-id--views-block > h2,
.page-subcontent h2,
.paragraph--type--news-feed .story-list-heading h2 {
  position: relative;
}
.node--view-mode-full .field--family-type-long-text h2::before,
.node--view-mode-additional-information .field--family-type-long-text h2::before,
body.front .block--base-plugin-id--views-block > h2::before,
.page-subcontent h2::before,
.paragraph--type--news-feed .story-list-heading h2::before {
  content: '';
  position: absolute;
  inset-block-start: 0.5em;
  inset-inline-start: -1.5em;
  border-block-start: 2px solid rgb(var(--color-red));
  width: 0.75em;
}
.page-subcontent article > h2 {
  position: unset;
}
.page-subcontent article > h2:before,
.page-subcontent #block-views-block-apply-block h2:before {
  content: none;
}
.page-main .page-content .node--bundle-event.node--view-mode-full .field--family-type-long-text h2,
.page-main .page-content .node--bundle-story.node--view-mode-full .field--family-type-long-text h2 {
  font-size: 2rem;
}
.page-main .page-content .node--bundle-event.node--view-mode-full .field--family-type-long-text h3,
.page-main .page-content .node--bundle-story.node--view-mode-full .field--family-type-long-text h3 {
  font-size: 1.5rem;
}
.page-main .page-content .node--bundle-event.node--view-mode-full .field--family-type-long-text h4,
.page-main .page-content .node--bundle-story.node--view-mode-full .field--family-type-long-text h4 {
  font-size: 1.25rem;
}
.page-main .page-content .node--bundle-event.node--view-mode-full .field--family-type-long-text h5,
.page-main .page-content .node--bundle-story.node--view-mode-full .field--family-type-long-text h5 {
  font-size: 1.125rem;
}
.block--plugin-id--system-breadcrumb-block {
  margin-block-end: 4rem;
}
.node--bundle-shoutout .node-meta {
  margin-block-end: 0;
  font-size: 1rem;
  font-weight: var(--font-weight-normal);
  line-height: inherit;
  text-transform: none;
  letter-spacing: 0;
  color: inherit;
}
/* Some story elements are hidden depending on the context. */
body.front .node--bundle-story.node--view-mode-teaser .node-meta,
body.landing-page-news .node--bundle-story.node--view-mode-teaser .node-meta time {
  display: none;
}
.field--id-field-lede {
  font-size: 1.25em;
  font-weight: var(--font-weight-semi-bold);
}
.node--view-mode-full .field--family-type-long-text .media--bundle-image,
.node--view-mode-full .field--family-type-long-text .media--bundle-remote-image,
.node--view-mode-additional-information .field--family-type-long-text .media--bundle-image,
.node--view-mode-additional-information .field--family-type-long-text .media--bundle-remote-image,
.node--view-mode-full .field--family-type-long-text img:not(.media img),
.node--view-mode-additional-information .field--family-type-long-text img:not(.media img),
.node--view-mode-full .field--family-type-long-text iframe,
.node--view-mode-additional-information .field--family-type-long-text iframe {
  display: block;
  margin-block: 1.5rem 2.5rem;
  max-width: 100%;
}
.node--view-mode-full .field--family-type-long-text .media--bundle-image.align-left,
.node--view-mode-full .field--family-type-long-text .media--bundle-remote-image.align-left,
.node--view-mode-additional-information .field--family-type-long-text .media--bundle-image.align-left,
.node--view-mode-additional-information .field--family-type-long-text .media--bundle-remote-image.align-left,
.node--view-mode-full .field--family-type-long-text img.align-left:not(.media img),
.node--view-mode-additional-information .field--family-type-long-text img.align-left:not(.media img) {
  clear: left;
  clear: inline-start;
  margin-inline-end: var(--gutter-width-large-screen);
  float: left;
  float: inline-start;
}
.node--view-mode-full .field--family-type-long-text .media--bundle-image.align-right,
.node--view-mode-full .field--family-type-long-text .media--bundle-remote-image.align-right,
.node--view-mode-additional-information .field--family-type-long-text .media--bundle-image.align-right,
.node--view-mode-additional-information .field--family-type-long-text .media--bundle-remote-image.align-right,
.node--view-mode-full .field--family-type-long-text img.align-right:not(.media img),
.node--view-mode-additional-information .field--family-type-long-text img.align-right:not(.media img) {
  clear: right;
  clear: inline-end;
  margin-inline: var(--gutter-width-large-screen) 0;
  float: right;
  float: inline-end;
}
.node--view-mode-full .field--family-type-long-text .media--view-mode-large,
.node--view-mode-additional-information .field--family-type-long-text .media--view-mode-large {
  width: 800px;
}
.node--view-mode-full .field--family-type-long-text .media--view-mode-medium,
.node--view-mode-additional-information .field--family-type-long-text .media--view-mode-medium {
  width: 420px;
}
.node--view-mode-full .field--family-type-long-text .media img,
.node--view-mode-additional-information .field--family-type-long-text .media img {
  display: block;
}
/* Full-content and remote images could be any size, so make sure they aren't
   wider than their container. */
.node--view-mode-full .field--family-type-long-text .media img,
.node--view-mode-additional-information .field--family-type-long-text .media img {
  max-width: 100%;
  height: auto;
}
.node--view-mode-full .media--bundle-remote-video,
.node--view-mode-additional-information .media--bundle-remote-video,
.node--view-mode-sections .media--bundle-remote-video {
  margin-block: 2.5rem;
}
.node--view-mode-full .media--bundle-remote-video > .field--id-field-media-oembed-video .field-value,
.node--view-mode-additional-information .media--bundle-remote-video > .field--id-field-media-oembed-video .field-value,
.node--view-mode-sections .media--bundle-remote-video > .field--id-field-media-oembed-video .field-value {
  aspect-ratio: 16 / 9;
}
.node--view-mode-full .media--bundle-remote-video > .field--id-field-media-oembed-video iframe,
.node--view-mode-additional-information .media--bundle-remote-video > .field--id-field-media-oembed-video iframe,
.node--view-mode-sections .media--bundle-remote-video > .field--id-field-media-oembed-video iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.user--view-mode-full .field--id-field-media-audio-file {
  margin-block: 1.75rem;
}
.node--view-mode-full .field--family-type-long-text hr,
.node--view-mode-additional-information .field--family-type-long-text hr {
  clear: both;
  margin: 1.25rem 0;
  border: none;
  padding-block: 0;
  background-color: transparent;
  color: rgb(var(--color-white));
}
.node--view-mode-full .field--family-type-long-text a.cta-alt,
.node--view-mode-additional-information .field--family-type-long-text a.cta-alt,
.node--view-mode-full .field--family-type-long-text a.cta-alt-secondary,
.node--view-mode-additional-information .field--family-type-long-text a.cta-alt-secondary {
  margin-block: 2.5rem;
  min-width: 10rem;
}
.page-content .media--bundle-image .field--id-field-caption,
.page-content .media--bundle-remote-image .field--id-field-caption {
  margin-block-start: 0.5rem;
  font-size: 0.875rem;
  font-style: italic;
}
.page-content .media--bundle-image .field--id-field-caption p,
.page-content .media--bundle-remote-image .field--id-field-caption p {
  margin-block-start: 0;
}
.page-content .view--id-page-title .field--id-field-image {
  position: relative;
}
.page-content .view--id-page-title .field--id-field-image > .field-values > .field-value:not(:first-child) {
  display: none;
}
.page-content .view--id-page-title .field--id-field-image.page-title-image-dynamic > .field-values > .field-value {
  inset-inline: 0;
}
.page-content .field--id-field-image .image img,
.page-content .view--id-page-title .image {
  position: relative;
  margin-inline: auto;
}
.page-content .view--id-page-title .image::after {
  content: '';
  position: absolute;
  z-index: 101;
  inset-block-end: 0;
  inset-inline: 0;
  background: linear-gradient(to right, rgb(var(--color-gold)) 0, rgb(var(--color-gold)) 50%, rgb(var(--color-red)) 50%, rgb(var(--color-red)) 100%);
  height: 1rem;
}
.page-content .field--id-field-image .image img,
.page-content .view--id-page-title .image img {
  display: block;
  width: 100%;
  height: auto;
}
.view--id-people.view--display-detail-block {
  font-weight: var(--font-weight-semi-bold);
  color: rgb(var(--color-blue));
}
.view--id-people.view--display-detail-block h4 {
  margin-block: 0 0.25rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.view--id-people.view--display-detail-block img {
  width: 100%;
  height: auto;
}
.view--id-people.view--display-detail-block a {
  border: none !important;
  color: rgb(var(--color-red));
}
.view--id-people.view--display-detail-block span.extlink {
  display: none;
}
.view--id-people.view--display-detail-block .user-content > .field:not(.field--id-field-assistant .field) {
  padding-block: 2.5rem;
  border-block-end: 1px solid rgb(var(--color-light-grey));
  line-height: calc(4 / 3);
}
.view--id-people.view--display-detail-block .user .user-content > .field:first-child {
  padding-block-start: 0;
}
.view--id-people.view--display-detail-block .field-value:not(.field--id-field-assistant .field-value) {
  font-size: 1.5rem;
}
.view--id-people.view--display-detail-block .field--id-field-assistant h3 {
  margin-block: 0 1.25rem;;
}
.view--id-people.view--display-detail-block .field--id-field-assistant .field {
  margin-block-end: 0.75rem;
}
.view--id-people.view--display-detail-block .field--id-field-assistant .field-label {
  font-weight: var(--font-weight-normal);
}
.view--id-people.view--display-detail-block .field--id-field-social-media-link > .field-values * {
  display: inline-block;
}
.view--id-people.view--display-detail-block .field--id-field-social-media-link .field--id-field-link .field-value {
  margin-inline-end: 0.125em;
  width: 1.125em;
  white-space: nowrap;
  overflow: hidden;
  font-size: 2.5rem;
  line-height: 1;
  list-style-type: none;
  transform: scale(calc(8 / 9));
}
.view--id-people.view--display-detail-block .field--id-field-social-media-link .field--id-field-link .field-value:hover {
  animation: icon_swell 0.25s linear 0s 1 normal forwards;
}
.view--id-people.view--display-detail-block .field--id-field-social-media-link .field--id-field-link a::before {
  content: '\f08e';
  display: inline-block;
  margin-inline-end: 1em;
  font: var(--fa-font-solid);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.view--id-people.view--display-detail-block .field--id-field-social-media-link .service-facebook .field--id-field-link a::before {
  font: var(--fa-font-brands);
  content: '\f39e';
}
.view--id-people.view--display-detail-block .field--id-field-social-media-link .service-instagram .field--id-field-link a::before {
  font: var(--fa-font-brands);
  content: '\f16d';
}
.view--id-people.view--display-detail-block .field--id-field-social-media-link .service-linkedin .field--id-field-link a::before {
  font: var(--fa-font-brands);
  content: '\f08c';
}
.view--id-people.view--display-detail-block .field--id-field-social-media-link .service-twitter .field--id-field-link a::before {
  font: var(--fa-font-brands);
  content: '\f099';
}
.view--id-people.view--display-detail-block .field--id-field-social-media-link .service-youtube .field--id-field-link a::before {
  font: var(--fa-font-brands);
  content: '\f167';
}
.node--view-mode-full .field--id-field-cta {
  position: relative;
  inset-inline: 50%;
  margin: 4rem -50vw;
  background-color: rgb(var(--color-lightest-grey));
  padding-block: 5em 6em;
  width: 100vw;
}
.node--view-mode-full .field--id-field-cta::after {
  content: '';
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  background: linear-gradient(to right, rgb(var(--color-gold)) 0, rgb(var(--color-gold)) 50%, rgb(var(--color-blue)) 50%, rgb(var(--color-blue)) 100%);
  height: 1rem;
}
.node--view-mode-full .field--id-field-cta > .field-values {
  box-sizing: border-box;
  display: flex;
  gap: var(--gutter-width-large-screen);
  margin-inline: auto;
  padding-inline: var(--bezel-width-large-screen);
  max-width: var(--max-width);
}
.node--view-mode-full .field--id-field-cta > .field-values > .field-value {
  flex: 0 0 calc(50% - (var(--gutter-width-large-screen) / 2));
}
.node--view-mode-full .field--id-field-cta .field--id-field-image .image {
  position: relative;
}
.node--view-mode-full .field--id-field-cta .field--id-field-image .image::after {
  content: '';
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  background: linear-gradient(to right, rgb(var(--color-gold)) 0, rgb(var(--color-gold)) 50%, rgb(var(--color-red)) 50%, rgb(var(--color-red)) 100%);
  height: 0;
  transition: 0.25s ease-in;
}
.node--view-mode-full .field--id-field-cta .field--id-field-image img {
  display: block;
  width: 100%;
  height: auto;
}
.node--view-mode-full .field--id-field-cta .field--id-field-title h2 a {
  border-block-end: none;
}
.node--view-mode-full .field--id-field-cta .field--id-field-title h2 a .extlink {
  display: none;
}
.node--view-mode-full .field--id-field-cta .field--id-field-link {
  margin-block-start: 2.5rem;
}
.node--view-mode-full .field--id-field-cta .field--id-field-link a.cta-alt,
.node--view-mode-full .field--id-field-cta .field--id-field-link a.cta-alt-secondary {
  min-width: 10rem;
  color: rgb(var(--color-lightest-grey));
}

.node--view-mode-full .field--id-field-cta .field--id-field-link a.cta-alt:hover,
.node--view-mode-full .field--id-field-cta .cta-dynamic--active .field--id-field-link a.cta-alt,
.node--view-mode-full .field--id-field-cta .field--id-field-link a.cta-alt::before,
.node--view-mode-full .field--id-field-cta .field--id-field-link a.cta-alt-secondary {
  background-color: rgb(var(--color-lightest-grey));
  color: rgb(var(--color-red));
}
.node--view-mode-full .field--id-field-cta .cta-dynamic--active .field--id-field-link a.cta-alt::before {
  inset-block-start: 0;
}
.node--view-mode-full .field--id-field-cta .field--id-field-link a.cta-alt-secondary:hover,
.node--view-mode-full .field--id-field-cta .cta-dynamic--active .field--id-field-link a.cta-alt-secondary {
  color: rgb(var(--color-lightest-grey));
}
.node--view-mode-full .field--id-field-cta .cta-dynamic--active .field--id-field-image .image::after {
  height: 1rem;
}
.node--view-mode-full .field--id-field-cta .cta-dynamic--active .field--id-field-title h2,
.node--view-mode-full .field--id-field-cta .cta-dynamic--active .field--id-field-title h2 a {
  color: rgb(var(--color-red));
}
.page-main .node--bundle-shoutout .node-content-container > h3 {
  margin-block: 2.5rem 0;
  font-size: 1rem;
  font-weight: var(--font-weight-normal);
  color: inherit;
}
.page-main .node--bundle-shoutout .field--id-field-recipient,
.page-main .node--bundle-shoutout .field--id-field-recipient-other {
  position: relative;
  margin-block-end: 0;
  padding-block-start: 3.25rem;
  font-size: 2.5rem;
  font-weight: var(--font-weight-semi-bold);
  line-height: 1.25;
}
.page-main .node--bundle-shoutout .field--id-field-recipient-other .field-label {
  color: rgb(var(--color-black));
}
.page-main .node--bundle-shoutout .field--id-field-recipient::before,
.page-main .node--bundle-shoutout .field--id-field-recipient-other::before {
  content: '\f10d';
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  font: var(--fa-font-solid);
  font-size: 2.5rem;
  text-rendering: auto;
  color: rgb(var(--color-red));
  -webkit-font-smoothing: antialiased;
}
.view .more-link {
  margin-block-start: 2.5rem;
}
.queensu-artsci-grid {
  position: relative;
  display: flex;
  /* Wrap is required so that the pager appears below the content. */
  flex-flow: row wrap;
  font-size: 0.875rem;
}
.queensu-artsci-grid.view--id-events,
.queensu-artsci-grid.view--id-forms,
.queensu-artsci-grid.view--id-shoutouts,
.queensu-artsci-grid.view--id-stories {
  font-size: 1rem;
}
.queensu-artsci-grid.queensu-artsci-grid-filtered {
  padding-block-start: 8rem;
}
.queensu-artsci-grid .queensu-artsci-filter-container {
  box-sizing: border-box;
  color: rgb(var(--color-blue));
}
.queensu-artsci-grid.view--id-events .queensu-artsci-filter-container,
.queensu-artsci-grid.view--id-forms .queensu-artsci-filter-container,
.queensu-artsci-grid.view--id-shoutouts .queensu-artsci-filter-container,
.queensu-artsci-grid.view--id-stories .queensu-artsci-filter-container {
  font-size: 0.875rem;
}
.queensu-artsci-grid .queensu-artsci-filter-container.queensu-artsci-filter-container-has-fieldsets {
  flex: 0 0 25%;
  padding-inline-end: calc(var(--gutter-width-large-screen) / 4 * 3);
}
.queensu-artsci-grid.view--id-stories .queensu-artsci-filter-container.queensu-artsci-filter-container-has-fieldsets {
  flex-basis: calc(100% / 3);
  padding-inline-end: calc(var(--gutter-width-large-screen) / 3 * 2);
}
.queensu-artsci-grid .queensu-artsci-filter .form-item {
  margin-block: 0;
}
.queensu-artsci-grid .queensu-artsci-filter .form-item-search {
  position: absolute;
  inset-block-start: 1rem;
  inset-inline: 0;
  color: rgb(var(--color-black));
}
.queensu-artsci-grid .queensu-artsci-filter .form-item-search label {
  display: none;
}
.queensu-artsci-grid .queensu-artsci-filter .form-item-search input {
  padding: 0.75em 1em 0.75em 2.5em;
  width: 100%;
  font-size: 1.5rem;
}
.queensu-artsci-grid .queensu-artsci-filter .form-item-search .search-icon {
  position: absolute;
  inset-block-start: 1.25rem;
  inset-inline-start: 1rem;
}
.queensu-artsci-grid .queensu-artsci-filter .form-item-search .search-icon::before {
  content: '\f002';
  font: var(--fa-font-light);
  font-size: 2rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.queensu-artsci-grid .queensu-artsci-filter fieldset.form-item {
  margin-block-end: 1.25rem;
  border-block-start: 1px solid rgb(var(--color-blue));
  padding-block-start: 1.25rem;
}
.queensu-artsci-grid .queensu-artsci-filter fieldset.form-item:last-of-type {
  border-block-end: 1px solid rgb(var(--color-blue));
  padding-block-end: 1.25rem;
}
.queensu-artsci-grid .queensu-artsci-filter legend {
  position: relative;
  box-sizing: border-box;
  display: block;
  width: 100%;
  float: left;
  float: inline-start;
  font-weight: var(--font-weight-semi-bold);
  line-height: 1.25rem; /* rem so that the actions fieldset can match exactly. */
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.queensu-artsci-grid.queensu-artsci-grid-dynamic .queensu-artsci-filter legend {
  margin: 0;
  padding-inline-end: 2em;
  min-height: calc(1rem - 1px);
  cursor: pointer;
}
.queensu-artsci-grid.queensu-artsci-grid-dynamic .queensu-artsci-filter legend::after {
  content: '\f078';
  position: absolute;
  inset-inline-end: 0;
  font: var(--fa-font-regular);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.queensu-artsci-grid.queensu-artsci-grid-dynamic .queensu-artsci-filter fieldset.active legend::after {
  content: '\f077';
}
.queensu-artsci-grid .queensu-artsci-filter legend + .fieldset-wrapper {
  clear: both;
  padding-block-start: 1rem;
}
.queensu-artsci-grid.queensu-artsci-grid-dynamic .queensu-artsci-filter .fieldset-wrapper {
  display: none;
}
.queensu-artsci-grid.queensu-artsci-grid-dynamic .queensu-artsci-filter fieldset.active .fieldset-wrapper {
  display: block;
}
.queensu-artsci-grid .queensu-artsci-filter .queensu-artsci-filter-group .form-item + .form-item {
  margin-block-start: 0.75rem;
}
.queensu-artsci-grid .queensu-artsci-filter .form-actions {
  box-sizing: border-box;
  position: absolute;
  inset-block-start: 8rem;
  inset-inline: 0;
  margin-block: 0;
  border-block-end: 1px solid rgb(var(--color-blue));
  padding-block-start: 0.8125rem;
  height: calc(3.875rem + 1px);
  overflow: hidden;
  text-align: end;
}
.queensu-artsci-grid .queensu-artsci-filter-container-has-fieldsets .queensu-artsci-filter .form-actions {
  margin-inline-start: calc(25% + (var(--gutter-width-large-screen) / 4));
}
.queensu-artsci-grid.view--id-stories .queensu-artsci-filter-container-has-fieldsets .queensu-artsci-filter .form-actions {
  margin-inline-start: calc((100% / 3) + (var(--gutter-width-large-screen) / 3));
}
.queensu-artsci-grid .queensu-artsci-filter .form-actions > * {
  display: inline-block;
  margin-inline-start: 1rem;
  vertical-align: top;
}
.queensu-artsci-grid .queensu-artsci-filter .form-actions .reset-container {
  margin-block-start: 0.375rem;
}
.queensu-artsci-grid .queensu-artsci-filter .form-actions .reset-container input {
  padding-inline-end: 1.25rem;
}
.queensu-artsci-grid .queensu-artsci-filter .form-actions .reset-container::after {
  content: '\f00d';
  display: inline-block;
  position: relative;
  inset-block-start: 3px;
  margin-inline-start: -0.625rem;
  font: var(--fa-font-solid);
  font-size: 1.5em;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.queensu-artsci-grid .queensu-artsci-filter .form-submit {
  padding-block: 0.75rem;
}
.queensu-artsci-grid.queensu-artsci-grid-dynamic .queensu-artsci-filter .form-submit {
  display: none;
  border: none;
  background-color: transparent;
  padding: 0;
  font-size: 1em;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0;
  color: rgb(var(--color-blue));
  transition: none;
}
.queensu-artsci-grid .queensu-artsci-filter .form-actions .reset-container .form-submit {
  display: inline-block;
}
.queensu-artsci-grid .view-content {
  box-sizing: border-box;
  width: 100%;
}
.queensu-artsci-grid.view--id-people.view--display-department-or-unit-block,
.queensu-artsci-grid.view--id-people.view--display-department-or-unit-block .view-content {
  margin-block-start: 1.75rem;
}
.queensu-artsci-grid .queensu-artsci-filter-container.queensu-artsci-filter-container-has-fieldsets + .view-content {
  flex: 0 0 75%;
  padding-inline-start: calc(var(--gutter-width-large-screen) / 4);
}
.queensu-artsci-grid.view--id-stories .queensu-artsci-filter-container.queensu-artsci-filter-container-has-fieldsets + .view-content {
  flex-basis: calc((100% / 3) * 2);
  padding-inline-start: calc(var(--gutter-width-large-screen) / 3);
}
.queensu-artsci-grid .view-content + nav.pager {
  position: relative;
  z-index: 1;
  width: 100%;
}
.queensu-artsci-grid .queensu-artsci-filter-container.queensu-artsci-filter-container-has-fieldsets + .view-content + nav.pager {
  padding-inline-start: calc(25% + (var(--gutter-width-large-screen) / 4));
}
.queensu-artsci-grid.view--id-stories .queensu-artsci-filter-container.queensu-artsci-filter-container-has-fieldsets + .view-content + nav.pager {
  padding-inline-start: calc((100% / 3) + (var(--gutter-width-large-screen) / 3));
}
.queensu-artsci-grid .views-section,
.queensu-artsci-grid .no-results {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-row-gap: 2.5rem;
  grid-column-gap: var(--gutter-width-large-screen);
}
.queensu-artsci-grid.queensu-artsci-grid-filtered .views-section,
.queensu-artsci-grid.queensu-artsci-grid-filtered .no-results {
  border-block-start: 1px solid rgb(var(--color-blue));
  padding-block-start: 5rem;
}
.queensu-artsci-grid .queensu-artsci-filter-container-has-fieldsets + .view-content .views-section,
.queensu-artsci-grid.view--id-shoutouts .views-section,
.queensu-artsci-grid.view--id-stories .views-section {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.queensu-artsci-grid.view--id-stories .queensu-artsci-filter-container-has-fieldsets + .view-content .views-section {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.queensu-artsci-grid.view--id-shoutouts .views-section {
  grid-row-gap: 4rem;
}
.queensu-artsci-grid.queensu-artsci-grid-list .views-section,
.queensu-artsci-grid.queensu-artsci-grid-list .queensu-artsci-filter-container-has-fieldsets + .view-content .views-section,
.queensu-artsci-grid .no-results {
  grid-template-columns: 1fr;
  grid-row-gap: 1.5rem;
}
.queensu-artsci-grid article {
  position: relative;
  padding-block-start: 60%;
}
.queensu-artsci-grid.view--id-stories article {
  padding-block-start: calc((100% / 3) * 2);
}
.queensu-artsci-grid.view--id-events article,
.queensu-artsci-grid.view--id-forms article,
.queensu-artsci-grid.view--id-people article,
.queensu-artsci-grid.view--id-shoutouts article {
  padding-block-start: 0;
}
.queensu-artsci-grid.queensu-artsci-grid-list article {
  display: flex;
  padding-block: 1.5rem 0;
  gap: var(--gutter-width-large-screen);
  border-block-start: 1px solid rgb(var(--color-light-grey));
}
.queensu-artsci-grid.queensu-artsci-grid-list .views-row:first-child article {
  border-block-start: none;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-events article,
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-forms article,
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-people article {
  display: block;
  /* Bottom padding is not required because of the grid-row-gap. */
  padding-block-start: 2rem;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-people article {
  min-height: calc(120px + 0.25rem);
}
.queensu-artsci-grid article > h2 {
  box-sizing: border-box;
  margin-block: 0.75rem;
  font-size: 1.5rem;
  color: rgb(var(--color-blue));
}
.queensu-artsci-grid.queensu-artsci-grid-list article > h2 {
  margin-block-start: 0;
  flex: 0 0 calc(100% / 3);
}
.queensu-artsci-grid.view--id-events article > h2,
.queensu-artsci-grid.view--id-forms article > h2,
.queensu-artsci-grid.view--id-people article > h2,
.queensu-artsci-grid.view--id-shoutouts article > h2 {
  margin-block-start: 0;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-events article > h2,
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-forms article > h2,
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-people article > h2,
.queensu-artsci-grid.view--id-shoutouts article > h2 {
  flex: none;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-people article > h2 {
  margin-block-end: 0.5rem;
  margin-inline-start: calc(17.5% + (var(--gutter-width-large-screen) / 4));
}
/* The placeholder background image is in a :before pseudo-element so that the
   opacity can be set separately from the container. */
.queensu-artsci-grid article > h2::before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  background: url(/artsci_online/themes/custom/queensu_artsci/img/logo.png) center center / 60% auto no-repeat scroll padding-box padding-box rgb(var(--color-lightest-grey));
  padding-block-end: 60%;
  opacity: 0.5;
}
.queensu-artsci-grid.view--id-stories article > h2::before {
  padding-block-end: calc((100% / 3) * 2);
  width: 100%;
  border-block-start: none;
}
.queensu-artsci-grid.view--id-stories article > h2 > a.teaser-pseudo-image-link {
  position: absolute;
  inset: 0 0 auto 0;
  padding-block-end: calc((100% / 3) * 2);
}
.queensu-artsci-grid.queensu-artsci-grid-list article > h2::before,
.queensu-artsci-grid.view--id-events article > h2::before,
.queensu-artsci-grid.view--id-forms article > h2::before,
.queensu-artsci-grid.view--id-people article > h2::before,
.queensu-artsci-grid.view--id-shoutouts article > h2::before {
  content: none;
  inset-inline-end: auto;
  background: none;
  padding-block-end: 0;
}
.queensu-artsci-grid.queensu-artsci-grid-list .node-content-container {
  flex: 0 0 calc((100% / 3 * 2) - var(--gutter-width-large-screen));
}
.queensu-artsci-grid .field-label {
  font-weight: var(--font-weight-semi-bold);
  color: rgb(var(--color-blue));
}
.queensu-artsci-grid.queensu-artsci-grid-list .node-content {
  margin-inline-start: calc(-50% - (var(--gutter-width-large-screen) / 2 * 3));
  padding-block-start: 1.5rem;
}
.queensu-artsci-grid.queensu-artsci-grid-list.queensu-artsci-grid-dynamic .node-content {
  margin-inline-start: 0;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-events .node-content {
  margin-inline-start: 0;
  padding-block-start: 0;
}
.queensu-artsci-grid.queensu-artsci-grid-list.queensu-artsci-grid-dynamic .node-content,
.queensu-artsci-grid.queensu-artsci-grid-list.queensu-artsci-grid-dynamic .node-content .field--type-image {
  display: none;
}
.queensu-artsci-grid.queensu-artsci-grid-list.queensu-artsci-grid-dynamic .views-row.node-content-active .node-content,
.queensu-artsci-grid.queensu-artsci-grid-list.queensu-artsci-grid-dynamic .views-row.node-content-active .node-content .field--type-image,
.queensu-artsci-grid.queensu-artsci-grid-list.queensu-artsci-grid-dynamic.view--id-events .node-content {
  display: block;
}
/* min-height can't be a percentage, but a pseudo-element can force a minimum
   height to ensure that there's enough room for the image. I tried to calculate
   the precise height, but could not get it right, so the percentage is a safe
   estimate. */
.queensu-artsci-grid.queensu-artsci-grid-list .node-content::before {
  content: '';
  display: block;
  padding-block-start: 60%;
  float: left;
  float: inline-start;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-events .node-content::before,
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-forms .node-content::before {
  content: none;
  padding-block-start: 0;
  float: none;
}
.queensu-artsci-grid.queensu-artsci-grid-list .user-content {
  display: flex;
  gap: var(--gutter-width-large-screen);
}
.queensu-artsci-grid .node-content .field {
  margin-block-end: 1.25rem;
}
.queensu-artsci-grid.queensu-artsci-grid-list .node-content .field:not(.field--type-image) {
  position: relative;
  z-index: 1;
}
.queensu-artsci-grid.queensu-artsci-grid-list .user-content .field {
  box-sizing: border-box;
  flex: 0 0 calc(27.5% - ((var(--gutter-width-large-screen) / 4) * 3));
}
.queensu-artsci-grid.queensu-artsci-grid-list .user-content .field-entity-reference--entity-type-media--bundle-image {
  flex-basis: calc(17.5% - ((var(--gutter-width-large-screen) / 4) * 3));
}
.queensu-artsci-grid.queensu-artsci-grid-list .user-content .field:first-child:not(.field--id-field-image) {
  flex-basis: calc(45% - (var(--gutter-width-large-screen) / 2));
  padding-inline-start: calc(17.5% + (var(--gutter-width-large-screen) / 4));
}
.queensu-artsci-grid.queensu-artsci-grid-list .user-content .field:first-child:not(.field--id-field-image)::before {
  content: '\f007';
  position: absolute;
  inset-block-start: 0.75rem;
  inset-inline-start: 1.125rem;
  font: var(--fa-font-solid);
  font-size: 6rem;
  text-rendering: auto;
  color: rgb(var(--color-blue));
  -webkit-font-smoothing: antialiased;
}
.queensu-artsci-grid span.node-content--dynamic-trigger {
  display: none;
}
.queensu-artsci-grid.queensu-artsci-grid-list .node-content--dynamic-trigger {
  cursor: pointer;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-forms .node-content--dynamic-trigger:not(.node-content--dynamic-trigger-icon) {
  padding-inline-end: 1.75rem;
}
.queensu-artsci-grid.queensu-artsci-grid-list .node-content--dynamic-trigger-icon {
  display: inline-block;
  position: absolute;
  z-index: 2;
  inset-block-start: 1.5rem;
  inset-inline-end: 0;
}
.queensu-artsci-grid.queensu-artsci-grid-list .node-content--dynamic-trigger-icon::after {
  content: '\f078';
  position: relative;
  margin-inline-start: 0.5em;
  font: var(--fa-font-regular);
  font-size: 1.125rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.queensu-artsci-grid.queensu-artsci-grid-list.queensu-artsci-grid-dynamic .views-row.node-content-active .node-content--dynamic-trigger-icon::after {
  content: '\f077';
}
.queensu-artsci-grid .field-entity-reference--entity-type-media--bundle-image,
.queensu-artsci-grid .field--type-image {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  background-color: rgb(var(--color-lightest-grey));
  padding-block-end: 60%;
  width: 100%;
  height: 0;
}
.queensu-artsci-grid.view--id-stories .field-entity-reference--entity-type-media--bundle-image {
  padding-block-end: calc((100% / 3) * 2);
}
.queensu-artsci-grid.view--id-people .field-entity-reference--entity-type-media--bundle-image {
  display: none;
}
.queensu-artsci-grid.queensu-artsci-grid-list .field--type-image {
  position: relative;
  margin: 0 0 1.5rem 1.5rem;
  width: calc(100% / 3);
  padding-block-end: 20%;
  float: right;
  float: inline-end;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-programs .field--type-image,
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-departments .field--type-image {
  padding-block-end: calc(100% / 3);
}
.queensu-artsci-grid.queensu-artsci-grid-list.queensu-artsci-grid-dynamic .field--type-image {
  position: absolute;
  inset: auto auto auto 0;
  margin: 0.375rem 0 0 0;
  float: none;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-people .field-entity-reference--entity-type-media--bundle-image {
  display: block;
  position: relative;
  background-color: transparent;
  height: auto;
  padding-block-end: 0;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-people .field-entity-reference--entity-type-media--bundle-image .image {
  position: absolute;
  inset-block-start: -2.75rem;;
  width: 120px;
  height: 120px;
}
.queensu-artsci-grid .field-entity-reference--entity-type-media--bundle-image img,
.queensu-artsci-grid .field--type-image img {
  display: block;
  position: absolute;
  inset: 0;
  max-width: 100%;
  max-height: 100%;
}
.queensu-artsci-grid .field--type-text-with-summary,
.queensu-artsci-grid .field--type-text-with-summary img {
  display: none;
}
.queensu-artsci-grid .field--type-text-with-summary.field-formatter--summary-or-trimmed,
.queensu-artsci-grid.queensu-artsci-grid-list .field--type-text-with-summary,
.queensu-artsci-grid.view--id-events .field--type-text-with-summary,
.queensu-artsci-grid.view--id-forms .field--type-text-with-summary,
.queensu-artsci-grid.view--id-shoutouts .field--type-text-with-summary {
  display: block;
}
/* Some descriptions have paragraph tags and others don't, so margins have to
   be normalized. */
.queensu-artsci-grid .field--type-text-with-summary > .field-values > .field-value > *:first-child {
  margin-block-start: 0;
}
.queensu-artsci-grid .field--type-text-with-summary > .field-values > .field-value > *:last-child {
  margin-block-end: 0;
}
.queensu-artsci-grid.queensu-artsci-grid-list .node-meta:not(.queensu-artsci-grid.queensu-artsci-grid-list.view--id-events .node-meta) {
  margin-block-end: 0;
  box-sizing: border-box;
  text-align: end;
  text-transform: none;
}
.queensu-artsci-grid.queensu-artsci-grid-list.queensu-artsci-grid-dynamic .node-meta {
  padding-inline-end: 2.5rem;
}
.queensu-artsci-grid.queensu-artsci-grid-list .node-meta * {
  display: inline;
}
.queensu-artsci-grid .node-meta ul.links,
.queensu-artsci-grid .node-meta .field--id-field-link > .field-values {
  display: inline-block;
  clear: right;
  clear: inline-end;
  display: grid;
  margin-block-start: 1.25rem;
  grid-template-columns: 1fr;
}
.queensu-artsci-grid.view--id-events ul.links {
  margin-block: 0;
}
.queensu-artsci-grid.queensu-artsci-grid-list .field--id-field-link > .field-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  max-width: 75%;
}
.queensu-artsci-grid.queensu-artsci-grid-list.queensu-artsci-grid-dynamic .field--id-field-link > .field-values {
  padding-inline-end: 2.5rem;
  max-width: none;
}
.queensu-artsci-grid ul.links a::after,
.queensu-artsci-grid:not(.queensu-artsci-grid-list) .field--id-field-link a::after {
  content: '\f061';
  margin: 0 1em 0 0.5em;
  font: var(--fa-font-regular);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.queensu-artsci-grid ul.links a:hover::after,
.queensu-artsci-grid:not(.queensu-artsci-grid-list) .field--id-field-link a:hover::after {
  animation: cta 0.25s linear 0s 1 normal forwards;
}
.queensu-artsci-grid.queensu-artsci-grid-list .node-meta a:not(.queensu-artsci-grid.queensu-artsci-grid-list.view--id-events .node-meta a) {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin: 0 0 0.75rem 0.75rem;
  border: 1px solid rgb(var(--color-blue));
  border-radius: 10rem;
  background-color: rgb(var(--color-blue));
  padding: 0.5rem 1.25rem;
  font-family: var(--font-family-sans-serif-alt);
  font-size: 0.6875rem;
  text-align: center;
  line-height: calc(4 / 3);
  letter-spacing: 1.5px;
  color: rgb(var(--color-white));
}
.queensu-artsci-grid.queensu-artsci-grid-list .node-meta a:not(.queensu-artsci-grid.queensu-artsci-grid-list.view--id-events .node-meta a):hover {
  border-color: rgb(var(--color-red));
  background-color: rgb(var(--color-red));
}
.queensu-artsci-grid.queensu-artsci-grid-list .node-meta > div.field:not(:last-child,
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-events .node-meta > div.field)::after,
.queensu-artsci-grid.queensu-artsci-grid-list .node-meta > div.field--multiple-values > .field-values > .field-value:not(:last-child,
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-events .node-meta > div.field--multiple-values > .field-values > .field-value)::after {
  content: none;
  margin-inline: 0;
}
.queensu-artsci-grid.queensu-artsci-grid-list .field--id-field-link a.cta-alt,
.queensu-artsci-grid.queensu-artsci-grid-list .field--id-field-link a.cta-alt-secondary {
  display: block;
}
/* In the non-list grid view, revert .cta-alt styles to .cta. */
.queensu-artsci-grid:not(.queensu-artsci-grid-list) .field--id-field-link a.cta-alt,
.queensu-artsci-grid:not(.queensu-artsci-grid-list) .field--id-field-link a.cta-alt-secondary {
  padding: 0;
  font-size: 1em;
  text-transform: none;
  letter-spacing: 0;
  color: rgb(var(--color-blue));
  transition: none;
}
.queensu-artsci-grid:not(.queensu-artsci-grid-list) .field--id-field-link a.cta-alt:hover,
.queensu-artsci-grid:not(.queensu-artsci-grid-list) .field--id-field-link a.cta-alt-secondary:hover {
  background-color: transparent;
}
.queensu-artsci-grid:not(.queensu-artsci-grid-list) .field--id-field-link a.cta-alt::before,
.queensu-artsci-grid:not(.queensu-artsci-grid-list) .field--id-field-link a.cta-alt-secondary::before {
  content: none;
  background-color: transparent;
  transition: none;
}
.queensu-artsci-grid.queensu-artsci-grid-list .field--id-field-link a::after {
  content: none;
  margin: 0;
}
.queensu-artsci-grid.queensu-artsci-grid-list .field--id-field-link a:hover::after {
  animation: none;
}
.queensu-artsci-grid h2 a,
.queensu-artsci-grid ul.links a,
.queensu-artsci-grid:not(.queensu-artsci-grid-list) .field--id-field-link a,
.queensu-artsci-grid.queensu-artsci-grid-list.queensu-artsci-grid-dynamic .node-content a:not(.cta-alt,
.cta-alt-secondary),
.queensu-artsci-grid .field--id-mail a {
  border: none !important;
}
.queensu-artsci-grid.queensu-artsci-grid-list.queensu-artsci-grid-dynamic .node-content a:not(.cta-alt,
.cta-alt-secondary,
.queensu-artsci-grid.queensu-artsci-grid-list.queensu-artsci-grid-dynamic.view--id-events .node-content a),
.queensu-artsci-grid.view--id-people .field--id-mail a {
  color: rgb(var(--color-red)) !important;
}
.queensu-artsci-grid.queensu-artsci-grid-list.queensu-artsci-grid-dynamic .node-content a:not(.cta-alt,
.cta-alt-secondary):hover,
.queensu-artsci-grid .field--id-mail a:hover {
  color: rgb(var(--color-light-blue)) !important;
}
.queensu-artsci-grid .field--id-field-link a span.extlink,
.queensu-artsci-grid .field--id-mail a span.extlink {
  display: none;
}
.queensu-artsci-grid ul.queensu-artsci-grid-display-style-toggle {
  margin-block-start: 0.6875rem;
  padding: 0;
  list-style-type: none;
  line-height: 1;
}
.queensu-artsci-grid ul.queensu-artsci-grid-display-style-toggle li {
  display: inline-block;
  margin: 0 0 0 0.5rem;
  padding: 0;
  width: 1.125em;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1.25rem;
  list-style-type: none;
  transform: scale(calc(8 / 9));
}
.queensu-artsci-grid ul.queensu-artsci-grid-display-style-toggle li.active {
  opacity: 0.5;
}
.queensu-artsci-grid ul.queensu-artsci-grid-display-style-toggle li:not(.active):hover {
  animation: icon_swell 0.25s linear 0s 1 normal forwards;
}
.queensu-artsci-grid ul.queensu-artsci-grid-display-style-toggle a {
  border: none;
}
.queensu-artsci-grid ul.queensu-artsci-grid-display-style-toggle li.active a {
  cursor: default;
}
.queensu-artsci-grid ul.queensu-artsci-grid-display-style-toggle li.active a:hover {
  color: rgb(var(--color-blue));
}
.queensu-artsci-grid ul.queensu-artsci-grid-display-style-toggle a::before {
  content: '\e195';
  display: inline-block;
  margin-inline-end: 1em;
  font: var(--fa-font-solid);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.queensu-artsci-grid ul.queensu-artsci-grid-display-style-toggle li.list a::before {
  content: '\f03a';
}
.page-content nav.pager {
  font-size: 0.75rem;
  text-align: center;
  color: rgb(var(--color-red));
}
.page-content nav.pager ul {
  border: none;
}
.page-content nav.pager li {
  display: inline-block;
}
.page-content nav.pager li.pager__item--first,
.page-content nav.pager li.pager__item--last {
  display: none;
}
.page-content nav.pager a {
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid rgb(var(--color-red));
  padding: 0.375rem;
  min-width: 1.75rem;
  line-height: 1;
  color: rgb(var(--color-red));
}
.page-content nav.pager li.pager__item--previous,
.page-content nav.pager li.pager__item--next {
  position: relative;
  inset-block-start: 0.675rem;
}
.page-content nav.pager li.pager__item--previous a,
.page-content nav.pager li.pager__item--next a {
  border: none;
  padding-inline: 0;
  width: 1.75rem;
  white-space: nowrap;
  overflow: hidden;
}
.page-content nav.pager li.pager__item--previous a:hover,
.page-content nav.pager li.pager__item--next a:hover {
  background-color: transparent;
  color: rgb(var(--color-red));
}
.page-content nav.pager li.pager__item--previous a::before,
.page-content nav.pager li.pager__item--next a::before {
  content: '\f060';
  display: inline-block;
  margin-inline-end: 2rem;
  font: var(--fa-font-solid);
  font-size: 1.25rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.page-content nav.pager li.pager__item--next a::before {
  content: '\f061';
}
.page-content nav.pager a:hover,
.page-content nav.pager .is-active a {
  background-color: rgb(var(--color-red));
  color: rgb(var(--color-white));
}
.page-content .block--bundle-cta {
  margin-block-end: 2.5rem;
  border-block-end: 1px solid rgb(var(--color-light-grey));
  padding-block-end: 2.5rem;
}
.block--bundle-shortcut .field--type-link > .field-values {
  box-sizing: border-box;
  display: flex;
  gap: var(--gutter-width-large-screen);
}
.block--bundle-shortcut .field--type-link > .field-values > .field-value {
  flex: 1 1 0;
}
.block--bundle-shortcut .field--type-link > .field-values > .field-value a {
  display: block;
  font-size: 0.875rem;
}
.block--bundle-shortcut .field--type-link > .field-values > .field-value a .extlink {
  display: none;
}
.gpa-calculation-container {
  font-size: 0.875rem;
}
.gpa-calculation-container form {
  background-color: rgb(var(--color-lightest-grey));
  padding: 2.5rem var(--gutter-width-large-screen);
}
.gpa-calculation-container input.form-text,
.gpa-calculation-container input.form-number {
  border: 1px solid rgb(var(--color-grey));
  border-radius: 3px;
  background-color: rgb(var(--color-white));
  padding-block: 0.25em;
}
.gpa-calculation-container .queensu-artsci-gpa-calculation-course-fieldset input.form-submit,
.gpa-calculation-container .queensu-artsci-gpa-calculation-course-fieldset button.form-button {
  border: none;
  background-color: transparent;
  padding: 0;
  font-size: 0.875rem;
  text-align: start;
  text-transform: none;
  letter-spacing: 0;
  color: rgb(var(--color-red));
  cursor: pointer;
  transition: none;
}
.gpa-calculation-container fieldset.general > .fieldset-wrapper {
  display: flex;
}
.gpa-calculation-container fieldset.general > .fieldset-wrapper > .form-item {
  flex: 0 0 25%;
  padding-block-end: 1.25rem;
}
.gpa-calculation-container .form-item-required-course-instructions,
.gpa-calculation-container .form-item-predicted-course-instructions {
  margin-block-end: 0.75rem;
}
.gpa-calculation-container .queensu-artsci-gpa-calculation-course-fieldset label {
  margin-block-end: 0.5rem;
  background-color: rgb(var(--color-lightest-grey));
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  white-space: nowrap;
}
.gpa-calculation-container .queensu-artsci-gpa-calculation-course-fieldset input,
.gpa-calculation-container .queensu-artsci-gpa-calculation-course-fieldset select {
  margin-inline: 0.5rem;
}
.gpa-calculation-container .form-item .description {
  margin-block-start: 0.25rem;
  font-size: 0.75rem;
}
.gpa-calculation-container form > .form-submit {
  margin-block-start: 1.25rem;
}
.gpa-calculation-container .queensu_artsci_gpa_calculation_required-result .gpa-calculation-result-container,
.gpa-calculation-container .queensu_artsci_gpa_calculation_predicted-result .gpa-calculation-result-container {
  margin-block-end: 2.5rem;
  border: 1px solid rgb(var(--color-grey));
  background-color: rgb(var(--color-lightest-grey));
  padding: 1.25rem var(--gutter-width-large-screen);
}
.gpa-calculation-dynamic .gpa-calculation > h3:first-child,
.gpa-calculation-dynamic .gpa-calculation:not(.active) {
  display: none;
}
.gpa-calculation-dynamic .nav {
  border-block-end: 0.5rem solid rgb(var(--color-red));
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.gpa-calculation-dynamic .nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.gpa-calculation-dynamic .nav li {
  display: inline-block;
  margin: 0;
  background-color: rgb(var(--color-lightest-grey));
  padding: 0;
  list-style-type: none;
}
.gpa-calculation-dynamic .nav a {
  display: block;
  border-block-end: none !important;
  padding: 1rem 4rem 0.75rem 4rem;
  color: rgb(var(--color-red));
}
.gpa-calculation-dynamic .nav a:hover {
  background-color: rgb(var(--color-lightest-grey));
}
.gpa-calculation-dynamic .nav li.active a {
  background-color: rgb(var(--color-red));
  color: rgb(var(--color-white));
}
.page-subcontent {
  clear: both;
}
.block--id-sitebranding-footer {
  box-sizing: border-box;
  display: flex;
  width: 22.5rem;
  float: left;
  float: inline-start;
}
.block--id-sitebranding-footer .logo {
  box-sizing: border-box;
  display: block;
  margin-inline-end: 1em;
  background: url(/artsci_online/themes/custom/queensu_artsci/img/logo-alt.png) left top / auto 100% no-repeat scroll padding-box padding-box transparent;
  height: 3.25rem;
}
.block--id-sitebranding-footer .site-name {
  box-sizing: border-box;
  display: block;
  margin-block-start: 0.6875rem;
  background: url(/artsci_online/themes/custom/queensu_artsci/img/site-name-alt.png) left top / auto 100% no-repeat scroll padding-box padding-box transparent;
  height: 2.5rem;
}
.block--id-sitebranding-footer .logo img,
.block--id-sitebranding-footer .site-name img {
  width: auto;
  height: 100%;
  visibility: hidden;
}
.block--id-footer {
  padding: 0 10% 2.5em 50%;
}
.block--id-footer ul {
  margin: 0;
  padding: 0.5em 0 0 0;
  list-style-type: none;
  column-count: 2;
  column-gap: 1.5em;
}
.block--id-footer li {
  margin: 0 0 1em 0;
  padding: 0;
  list-style-type: none;
}
.block--id-address {
  box-sizing: border-box;
  padding-inline-end: calc(var(--gutter-width-large-screen) / 2);
  width: calc(100% - 12.5rem);
  float: left;
  float: inline-start;
}
.block--id-address br {
  display: none;
}
.block--id-address a:hover {
  color: rgb(var(--color-white));
}
.block--id-address .organization {
  display: block;
  margin-block-end: 0.5em;
  font-family: var(--font-family-sans-serif-alt);
  font-size: 1.125rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.block--id-address span:not(.organization,
.administrative-area,
.country)::after {
  content: ',';
}
.block--id-address span.address-line1::before {
  content: '\f3c5';
  display: inline-block;
  margin-inline-end: 0.5em;
  font: var(--fa-font-solid);
  font-size: 1.125rem;
  transform: scale(calc(8 / 9));
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.block--id-address a:hover span.address-line1::before {
  color: rgb(var(--color-gold));
  animation: icon_swell 0.25s linear 0s 1 normal forwards;
}
.block--id-socialmedia {
  box-sizing: border-box;
  padding-block-start: 0.5em;
  padding-inline-start: calc(var(--gutter-width-large-screen) / 2);
  width: 12.5rem;
  float: right;
  float: inline-end;
}
.page-superfooter .block--id-socialmedia > h2 {
  margin-block-start: 0.5rem;
  font-size: 0.875rem;
}
.block--id-socialmedia ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.block--id-socialmedia li {
  display: inline-block;
  margin: 0 0 0 0.5em;
  padding: 0;
  width: 1.125em;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1.125rem;
  list-style-type: none;
  transform: scale(calc(8 / 9));
}
.block--id-socialmedia li:first-child {
  margin-inline-start: 0;
}
.block--id-socialmedia li:hover {
  animation: icon_swell 0.25s linear 0s 1 normal forwards;
}
.block--id-socialmedia a::before {
  content: '\f08e';
  display: inline-block;
  margin-inline-end: 1em;
  font: var(--fa-font-solid);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.block--id-socialmedia .menu-item--label-facebook a::before {
  font: var(--fa-font-brands);
  content: '\f39e';
}
.block--id-socialmedia .menu-item--label-instagram a::before {
  font: var(--fa-font-brands);
  content: '\f16d';
}
.block--id-socialmedia .menu-item--label-linkedin a::before {
  font: var(--fa-font-brands);
  content: '\f08c';
}
.block--id-socialmedia .menu-item--label-twitter a::before {
  font: var(--fa-font-brands);
  content: '\f099';
}
.block--id-socialmedia .menu-item--label-youtube a::before {
  font: var(--fa-font-brands);
  content: '\f167';
}
.page-footer .block {
  display: inline-block;
  margin-block-end: 1em;
  padding-inline-end: 5em;
  white-space: nowrap;
}
.page-footer .block p {
  margin-block: 0;
}

/* Paragraph Sections (Added by Stuart) */
.subcontent img {
  max-width: 100%;
  height: auto;
}
.field--id-field-sections {
  margin-top: -4em;
  padding-bottom: 4em;
}
.field--id-field-sections .field-value > h2:first-of-type {
  margin-top: 0;
}
.subcontent > .region > .region-content > *,
.field--id-field-sections .paragraph--type--accordion-section,
.field--id-field-sections .paragraph--type--accordion-tabs-section,
.field--id-field-sections .paragraph--type--column-card-section,
.field--id-field-sections .paragraph--type--link-set,
.field--id-field-sections .paragraph--type--divider,
.field--id-field-sections .paragraph--type--extra-body,
.field--id-field-sections .paragraph--type--two-column-body,
.field--id-field-sections .paragraph--type--news-feed {
  max-width: var(--max-width);
  margin-inline: auto;
  padding-inline: var(--bezel-width-large-screen);
  box-sizing: border-box;
}
.subcontent > .region > .region-content > .block-views-block-paragraph-sections-block-1 {
  max-width: unset;
  padding: 0;
}
/* News Feed */
.field--id-field-sections .paragraph--type--news-feed {
  padding-block: 2rem;
}
.field--id-field-sections .paragraph--type--news-feed .node-meta {
  display: none;
}
.field--id-field-sections .paragraph--type--news-feed .story-list-heading h2 {
  margin-top: 0 !important;
}
.field--id-field-sections .paragraph--type--news-feed.three-items .views-row:nth-of-type(4),
.field--id-field-sections .paragraph--type--news-feed.three-items .views-row:nth-of-type(5),
.field--id-field-sections .paragraph--type--news-feed.three-items .views-row:nth-of-type(6) {
  display: none !important;
}
/* Accordions */
.field--id-field-sections .paragraph--type--accordion-section {
  padding-block: 2rem;
}
.field--id-field-sections .paragraph--type--accordion-section .paragraph--type--accordion {
  padding-block: 1.5em;
  border-top: 1px solid rgb(var(--color-light-grey));
  max-width: var(--content-max-width);
}
.field--id-field-sections .paragraph--type--accordion-section > .field-value:last-of-type .paragraph--type--accordion {
  border-bottom: 1px solid rgb(var(--color-light-grey));
}
.view--id-people.view--display-department-or-unit-block header {
  width: 100%;
}
.field--id-field-sections .paragraph--type--accordion-section .paragraph--type--accordion .field--id-field-title h2,
.field--id-field-sections .paragraph--type--accordion-section .paragraph--type--accordion .field--id-field-title h3,
.view--id-people.view--display-department-or-unit-block header h2 {
  cursor: pointer;
  margin: 0;
  color: rgb(var(--color-blue)) !important;
  padding-right: 50px;
  position: relative;
}
.field--id-field-sections .paragraph--type--accordion-section .paragraph--type--accordion .field--id-field-title h2::before,
.view--id-people.view--display-department-or-unit-block header h2::before {
  display: none;
}
.field--id-field-sections .paragraph--type--accordion-section .paragraph--type--accordion .field--id-field-title h2::after,
.field--id-field-sections .paragraph--type--accordion-section .paragraph--type--accordion .field--id-field-title h3::after,
.view--id-people.view--display-department-or-unit-block.queensu-artsci-section-dynamic header h2::after {
  content: '\f078';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -25px;
}
.field--id-field-sections .paragraph--type--accordion-section .paragraph--type--accordion .field--id-field-title.active h2::after,
.field--id-field-sections .paragraph--type--accordion-section .paragraph--type--accordion .field--id-field-title.active h3::after,
.view--id-people.view--display-department-or-unit-block.queensu-artsci-section-dynamic header.active h2::after {
  content: '\f077';
}
.field--id-field-sections .paragraph--type--accordion-section .paragraph--type--accordion .field--id-field-accordion-subsections {
  /* padding-left: 1.5rem; */
  margin-bottom: -1rem;
}
.field--id-field-accordion-subsections .paragraph--bundle-accordion-section {
  padding-block-end: 0 !important;
}
.queensu-artsci-section-dynamic .accordion-content,
.queensu-artsci-section-dynamic .view-content {
  display: none;
}
/* Remove padding from nested paragraphs under accordions */
.field--id-field-accordion-subsections .paragraph {
  padding-inline: 0 !important;
}
/* Accordion Tabs */
.field--id-field-sections .paragraph--type--accordion-tabs-section {
  /* background: rgb(var(--color-lightest-grey)); */
  padding-block: 2rem;
}
.field--id-field-sections .paragraph--type--accordion-tabs-section > div {
  max-width: var(--content-max-width);
}
.field--id-field-sections .paragraph--type--accordion-tabs-section ul.accordion-tab-nav {
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 0;
  border-block-end: 0.5rem solid rgb(var(--color-blue));
}
.field--id-field-sections .paragraph--type--accordion-tabs-section ul.accordion-tab-nav li {
  display: inline-block;
  padding: 1rem 4rem 0.75rem 4rem;
  background: rgb(var(--color-lightest-grey));;;
  color: rgb(var(--color-blue));
  margin: 0;
  font-size: 1rem;
  font-weight: var(--font-weight-semi-bold);
  cursor: pointer;
  text-transform: uppercase;
}
.field--id-field-sections .paragraph--type--accordion-tabs-section ul.accordion-tab-nav li.active {
  background-color: rgb(var(--color-blue));
  color: rgb(var(--color-white));
  cursor: auto;
}
.field--id-field-sections .paragraph--type--accordion-tabs-section .accordion-tab-content > div {
  display: none;
  background-color: white;
  padding: 2.5rem 0;
}
.field--id-field-sections .paragraph--type--accordion-tabs-section .accordion-tab-content > div.active {
  display: block;
}
/* Column Cards */
.field--id-field-sections .paragraph--type--column-card-section {
  padding-block: 2rem;
}
.field--id-field-sections .paragraph--type--column-card-section > .field.field--id-field-column-cards > .field-values {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3,minmax(0,1fr));
  grid-row-gap: 2.5rem;
  grid-column-gap: var(--gutter-width-large-screen);
  font-size: 1rem;
}
.field--id-field-sections .paragraph--type--column-card-section .paragraph--type--column-card .image a,
.field--id-field-sections .paragraph--type--column-card-section .paragraph--type--column-card h3 a {
  border: none !important;
}
.field--id-field-sections .paragraph--type--column-card-section .paragraph--type--column-card h3 {
  margin-block: 0.5rem 0.5rem !important;
}
.field--id-field-sections .paragraph--type--column-card-section.circular-images,
.field--id-field-sections .paragraph--type--column-card-section.circular-images .image {
  text-align: center !important;
}
.field--id-field-sections .paragraph--type--column-card-section.circular-images .image a {
  display: block;
}
.field--id-field-sections .paragraph--type--column-card-section.circular-images .image img {
  width: 250px;
  height: 250px;
  object-fit: cover;
  border-radius: 50%;
}
.field--id-field-sections .paragraph--type--column-card-section:not(.circular-images) .paragraph--type--column-card {
  border: 1px solid rgb(var(--color-lightest-grey));
  padding: 0 20px;
  box-shadow: 0 2px 4px 1px #e6e7e8;
}
.field--id-field-sections .paragraph--type--column-card-section:not(.circular-images) .paragraph--type--column-card .field--id-field-text {
  margin-bottom: 15px;
}
.field--id-field-sections .paragraph--type--column-card-section:not(.circular-images) .paragraph--type--column-card .field--id-field-image,
.field--id-field-sections .paragraph--type--column-card-section:not(.circular-images) .paragraph--type--column-card .field--id-field-link {
  margin: 0 -20px;
  overflow: hidden;
}
.field--id-field-sections .paragraph--type--column-card-section:not(.circular-images) .paragraph--type--column-card .field--id-field-image .image {
  position: relative;
}
.field--id-field-sections .paragraph--type--column-card-section:not(.circular-images) .paragraph--type--column-card .field--id-field-image .image:after {
  content: '';
  position: absolute;
  inset-block-end: 0;
  inset-inline: 0;
  background: linear-gradient(to right,rgb(var(--color-gold)) 0,rgb(var(--color-gold)) 50%,rgb(var(--color-red)) 50%,rgb(var(--color-red)) 100%);
  height: 0;
  transition: 0.25s ease-in;
  font-size: 10px;
}
.field--id-field-sections .paragraph--type--column-card-section:not(.circular-images) .paragraph--type--column-card:hover .field--id-field-image .image:after {
  height: 1em
}
/* .field--id-field-sections .paragraph--type--column-card-section:not(.circular-images) .paragraph--type--column-card .field--id-field-image img {
  transition: transform .5s;
}
.field--id-field-sections .paragraph--type--column-card-section:not(.circular-images) .paragraph--type--column-card .field--id-field-image:hover img {
  transform: scale(1.3);
} */
.field--id-field-sections .paragraph--type--column-card-section:not(.circular-images) .paragraph--type--column-card .field--id-field-link a {
  display: block;
  padding: 10px 20px;
  box-sizing: border-box;
  margin-top: 0;
  border: 1px solid rgb(var(--color-red));
  border-block-end: 1px solid rgb(var(--color-red));
  background-color: rgb(var(--color-red));
  color: rgb(var(--color-white));
  z-index: 1;
  position: relative;
  transition: 0.25s ease-in;
}
.field--id-field-sections .paragraph--type--column-card-section:not(.circular-images) .paragraph--type--column-card .field--id-field-link a:before {
  content: '';
  position: absolute;
  inset-block: 100% 0;
  inset-inline: 0;
  z-index: -1;
  background-color: rgb(var(--color-lightest-grey));
  color: rgb(var(--color-red));
  transition: top 0.25s ease-in;
}
.field--id-field-sections .paragraph--type--column-card-section:not(.circular-images) .paragraph--type--column-card .field--id-field-link a:hover {
  color: rgb(var(--color-red));
}
.field--id-field-sections .paragraph--type--column-card-section:not(.circular-images) .paragraph--type--column-card .field--id-field-link a:hover:before {
  inset-block-start: 0;
}

/* Link Sections */
.field--id-field-sections .paragraph--type--link-set {
  padding-block: 2rem;
}
.field--id-field-sections .paragraph--type--link-set > .field > .field-values {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  grid-row-gap: 2.5rem;
  grid-column-gap: var(--gutter-width-large-screen);
}
.field--id-field-sections .paragraph--type--link-set .paragraph--type--link .field--id-field-icon {
  float: left;
}
.field--id-field-sections .paragraph--type--link-set .paragraph--type--link .field--id-field-icon .fontawesome-icon {
  margin-right: 20px;
  background: rgb(var(--color-blue));
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: white;
  line-height: 40px;
  text-align: center;
}
/* Divider */
.field--id-field-sections .paragraph--type--divider {
  margin-block: 2rem;
}
.field--id-field-sections .paragraph--type--divider::after {
  content: '';
  display: block;
  height: 1px;
  background: rgb(var(--color-grey));;
}
/* Extra Body */
.field--id-field-sections .paragraph--type--extra-body {
  padding-block: 0;
}
.field--id-field-sections .paragraph--type--extra-body > div {
  max-width: var(--content-max-width);
}
/* Two-Column Body */
.field--id-field-sections .paragraph--type--two-column-body {
  padding-block: 0;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  grid-row-gap: 2.5rem;
  grid-column-gap: var(--gutter-width-large-screen);
}
/* Staggered Blocks */
.field--id-field-sections .paragraph--type--staggered-block {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.field--id-field-sections .paragraph--type--staggered-block.grey {
  background: rgb(var(--color-lightest-grey));
}
.field--id-field-sections .paragraph--type--staggered-block-section > .field > .field-values > .field-value:nth-of-type(2n) .paragraph--type--staggered-block {
  flex-direction: row-reverse;
}
.field--id-field-sections .paragraph--type--staggered-block > * {
  width: 50%;
  box-sizing: border-box;
}
.field--id-field-sections .paragraph--type--staggered-block .field--id-field-image {
  font-size: 0;
  align-self: stretch;
}
.field--id-field-sections .paragraph--type--staggered-block .field--id-field-image * {
  height: 100%;
}
.field--id-field-sections .paragraph--type--staggered-block .field--id-field-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.field--id-field-sections .paragraph--type--staggered-block .field--id-field-body {
  padding: 40px calc(((100vw - var(--max-width)) / 2) + var(--bezel-width-large-screen)) 40px 40px;
}
.field--id-field-sections .field--id-field-staggered-blocks > .field-values > .field-value:nth-of-type(even) .paragraph--type--staggered-block .field--id-field-body {
  padding-left: calc(((100vw - var(--max-width)) / 2) + var(--bezel-width-large-screen));
  padding-right: 40px;
}
.block-views-block-webform-block-1--3 {
  padding-block-end: 4rem;
}

/* Calendar */
#block-views-block-events-calendar-block-1 .queensu-artsci-grid {
  padding-block-start: 8rem;
}
#block-views-block-events-calendar-block-1 .queensu-artsci-grid .queensu-artsci-filter-container-has-fieldsets .queensu-artsci-filter .form-actions {
  inset-block-start: 0;
  position: relative;
  padding-block-start: 0;
  margin-inline-start: 0;
  text-align: start;
  height: 45px;
  margin-block-start: -1.5em;
}
#block-views-block-events-calendar-block-1 .queensu-artsci-grid .queensu-artsci-filter .form-actions > * {
  margin-inline-start: 0;
}
.fc-day-grid-event .fc-content {
  white-space: normal !important;
}
tbody.fc-body .fc-day-grid .fc-bg .fc-today {
  background: #f1f2f2 !important;
}
.fc-day-grid .fc-content-skeleton .fc-event-container a.fc-day-grid-event,
.fc-event {
  background-color: #e6e7e8 !important;
  margin: 5px 0;
  color: #212121;
  padding: 5px;
  border: 0 !important;
  border-radius: 0;
}
.fc-list-item-title a[href]:hover {
  text-decoration: none !important
}
.fc-content-skeleton tbody tr:nth-child(2n),
tbody tr.fc-list-item:nth-child(2n) {
  background: transparent !important;
}
.fc-time.all-day {
  display: none;
}
/* Increase the z-index of the cookie disclosure notification (provided by the
   WP3 QU Cookie Disclosure module) so that it appears above anything
   jquery.cycle-related. */
#QUURcookieDisclosureDiv {
  z-index: 199 !important;
}
/* Are You OK header link */
.block--id-areyouok {
  float: right;
  float: inline-end;
  font-size: 16px;
  line-height: 20px;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}
.block--id-areyouok .extlink {
  display: none;
}
.block--id-areyouok p {
  margin: 0 !important;
}
/* Decision tree */
.view--id-decision-tree {
  box-sizing: border-box;
  max-width: var(--content-max-width);
}
.view--id-decision-tree .views-row + .views-row {
  padding-block-start: 2.5rem;
}
.view--id-decision-tree h2 {
  margin-block-start: 0;
  font-size: 2rem;
}
.view--id-decision-tree h2::before {
  border-block-start: none !important;
}
.view--id-decision-tree.decision-tree-dynamic .field--id-field-option a {
  box-sizing: border-box;
  position: relative;
  display: block;
  z-index: 1;
  margin-block: 1.25rem;
  border: 1px solid rgb(var(--color-red)) !important;
  border-radius: 0;
  background-color: rgba(var(--color-light-grey), 0);
  padding: calc(1.25rem - 1px) calc(2.5rem - 1px);
  font-family: var(--font-family-sans-serif-alt);
  font-size: 0.875rem;
  font-weight: var(--font-weight-semi-bold);
  line-height: calc(4 / 3);
  color: rgb(var(--color-black));
  cursor: pointer;
  transition: 0.25s ease-in;
}
.view--id-decision-tree.decision-tree-dynamic .decision-tree-dynamic-option-active .field--id-field-option a,
.view--id-decision-tree.decision-tree-dynamic .field--id-field-option a:hover,
.view--id-decision-tree.decision-tree-dynamic .field--id-field-option a[aria-expanded='true'] {
  background-color: rgb(var(--color-red));
  color: rgb(var(--color-white));
}
.view--id-decision-tree.decision-tree-dynamic .field--id-field-option a::before {
  content: '';
  position: absolute;
  inset-block: 100% 0;
  inset-inline: 0;
  z-index: -1;
  background-color: rgb(var(--color-red));
  transition: top 0.25s ease-in;
}
.view--id-decision-tree.decision-tree-dynamic .field--id-field-option a:hover::before {
  inset-block-start: 0;
}