.page-main .page-title {
  background-color: rgb(var(--color-red));
}
.page-main .page-title::after {
  background: linear-gradient(to right, rgb(var(--color-blue)) 0, rgb(var(--color-blue)) 50%, rgb(var(--color-gold)) 50%, rgb(var(--color-gold)) 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%);
}
.queensu-artsci-grid.view--id-courses:not(.queensu-artsci-grid-list) {
  font-size: 1rem;
}
.queensu-artsci-grid.view--id-courses .queensu-artsci-filter-container {
  font-size: 0.875rem;
}
.queensu-artsci-grid.view--id-courses .views-section-container {
  border-block-start: 1px solid rgb(var(--color-blue));
  padding-block-start: 5.75rem;
}
.queensu-artsci-grid.view--id-courses .views-section-container + .views-section-container {
  margin-block-start: 1.25rem;
  padding-block-start: 1.25rem;
}
.queensu-artsci-grid.view--id-courses .views-section-container .taxonomy-term--bundle-faculty h2 {
  margin-block-start: 0;
  font-weight: var(--font-weight-semi-bold);
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-courses .views-section-container .taxonomy-term--bundle-faculty h2 {
  font-size: 1.75rem;
}
.queensu-artsci-grid.view--id-courses .views-section {
  border-block-start: none;
  padding-block-start: 0;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-courses .views-section {
  grid-row-gap: 0 !important;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-courses .views-row:nth-child(odd) {
  background-color: rgb(var(--color-lightest-grey));
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-courses article {
  gap: 0;
  border-block-end: none;
  padding-block: 0.5rem;
}
.queensu-artsci-grid article > h2::before {
  background-image: url(/artsci_online/themes/custom/queensu_artsci_online/img/logo.png);
}
.queensu-artsci-grid.view--id-courses article > h3 {
  margin-block: 0.75rem;
  font-size: 1.25rem;
  color: rgb(var(--color-blue));
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-courses article > h3 {
  box-sizing: border-box;
  flex-basis: 25%;
  margin-block: 0;
  padding-inline: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.875;
}
.queensu-artsci-grid.view--id-courses article > h3::before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  background: url(/artsci_online/themes/custom/queensu_artsci_online/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.queensu-artsci-grid-list.view--id-courses article > h3::before {
  content: none;
}
.queensu-artsci-grid.view--id-courses h3 a {
  border: none !important;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-courses h3 a .extlink {
  display: none;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-courses .node-content-container {
  box-sizing: border-box;
  flex-basis: 75%;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-courses .node-content {
  display: flex;
  padding-block-start: 0;
}
.queensu-artsci-grid.queensu-artsci-grid-list .node-content::before {
  content: none;
}
.queensu-artsci-grid.view--id-courses .node-content .field {
  margin-block-end: 0;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-courses .node-content > .field {
  box-sizing: border-box;
  flex: 0 0 20%;
  padding-inline: 0.75rem;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-courses .node-content > .field--id-field-course-instance {
  flex-basis: 60%;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-courses .node-content .field--id-field-course-instance .paragraph {
  display: flex;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-courses .node-content .field--id-field-course-instance .paragraph > .field {
  flex-basis: 50%;
  padding-inline-start: 0.75rem;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-courses .node-content .field--id-field-course-instance .paragraph > .field:first-child {
  padding-inline-start: 0.75rem;
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-courses .node-content .field--id-field-image {
  display: none;
}
.queensu-artsci-grid.view--id-courses .node-content .field--id-field-course-instance * {
  display: inline;
}
.queensu-artsci-grid.view--id-courses .node-content .field--id-field-course-instance .field--id-course-dates:not(.queensu-artsci-grid-list .field--id-course-dates) {
  display: none;
}
.queensu-artsci-grid.view--id-courses .node-content .field--id-field-course-instance .field-value .field-value:not(.field-value:last-child .field-value)::after {
  content: ',';
}
.queensu-artsci-grid.queensu-artsci-grid-list.view--id-courses .node-content .field--id-field-course-instance .field-value .field-value:not(.field-value:last-child .field-value)::after {
  content: none;
}
body.node--bundle-course.has-sidebar .main-content > .page-content {
  padding-inline-start: 0;
  width: auto;
  float: none;
}
body.node--bundle-course .page-content .field--id-field-image {
  box-sizing: border-box;
  padding-inline-end: calc((var(--gutter-width-large-screen) / 3) * 2);
  width: calc((100% / 3) * 2);
  float: left;
  float: inline-start;
}
body.node--bundle-course .page-content .field--id-field-image + .field {
  clear: left;
  clear: inline-start;
  padding-block-start: 1.25rem;
}
body.node--bundle-course .sidebar {
  padding-inline: calc(var(--gutter-width-large-screen) / 3) 0;
  float: right;
  float: inline-end;
}
.sidebar .view--id-courses.view--display-detail-block {
  background-color: rgb(var(--color-lightest-grey));
  padding: 1.5rem 2.5rem;
  font-size: 0.875rem;
}
.sidebar .view--id-courses.view--display-detail-block h4 {
  margin-block: 0.25rem;
  font-size: 0.9375rem;
  font-weight: var(--font-weight-semi-bold);
  color: rgb(var(--color-black));
}
.sidebar .view--id-courses.view--display-detail-block .node-content > .field {
  margin-block-end: 0.75rem;
}
.sidebar .view--id-courses.view--display-detail-block ul,
.sidebar .view--id-courses.view--display-detail-block li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.node--bundle-course.node--view-mode-full .field--id-field-course-instance > .field-values {
  background-color: rgb(var(--color-lightest-grey));
  padding: 2.5rem var(--gutter-width-large-screen);
}
.node--bundle-course.node--view-mode-full .field--id-field-course-instance > h2,
.view--id-faqs .views-section-container > h2 {
  position: relative;
}
.node--bundle-course.node--view-mode-full .field--id-field-course-instance > h2::before,
.view--id-faqs .views-section-container > 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;
}
.node--bundle-course.node--view-mode-full .paragraph--bundle-course-instance .field--id-field-term {
  margin-block: 1.25rem;
  font-size: 1.75rem;
  color: rgb(var(--color-blue));
}
.node--bundle-course.node--view-mode-full .paragraph--bundle-course-instance .field--label-inline {
  margin-block-end: 0.5rem;
}
.node--bundle-course.node--view-mode-full .paragraph--bundle-course-instance .field--label-inline .field-label {
  display: inline-block;
  min-width: 13.5em;
  font-weight: var(--font-weight-semi-bold);
}
.node--bundle-course.node--view-mode-full .paragraph--bundle-course-instance .field--family-type-long-text {
  margin-block: 1.25rem;
  border-block-start: 1px solid rgb(var(--color-light-grey));
  padding: 0.25rem 1.25rem;
}
.node--bundle-course.node--view-mode-full .paragraph--bundle-course-instance .field--label-inline + .field--family-type-long-text {
  margin-block-start: 2.5rem;
}
.node--bundle-course.node--view-mode-full .paragraph--bundle-course-instance .field--family-type-long-text:last-child {
  border-block-end: 1px solid rgb(var(--color-light-grey));
  padding-block-end: 1.5rem;
}
.node--bundle-course.node--view-mode-full .paragraph--bundle-course-instance .field--family-type-long-text > h4 {
  margin-block: 1.25rem 0;
  font-size: 1.75rem;
  color: rgb(var(--color-blue));
}
.course-instance-dynamic .field--id-field-term,
.course-instance-dynamic > .field-values > .field-value:not(.active) {
  display: none;
}
.course-instance-dynamic .nav {
  border-block-end: 0.5rem solid rgb(var(--color-red));
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.course-instance-dynamic .nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.course-instance-dynamic .nav li {
  display: inline-block;
  margin: 0;
  background-color: rgb(var(--color-lightest-grey));
  padding: 0;
  list-style-type: none;
}
.course-instance-dynamic .nav a {
  display: block;
  border-block-end: none !important;
  padding: 1rem 4rem 0.75rem 4rem;
  color: rgb(var(--color-red));
}
.course-instance-dynamic .nav a:hover {
  background-color: rgb(var(--color-lightest-grey));
}
.course-instance-dynamic .nav li.active a {
  background-color: rgb(var(--color-red));
  color: rgb(var(--color-white));
}
.course-instance-dynamic .field--dynamic-trigger {
  position: relative;
  cursor: pointer;
}
.course-instance-dynamic .field--dynamic-trigger::after {
  content: '\f078';
  position: absolute;
  inset-block-start: 0.5rem;
  inset-inline-end: 0;
  font: var(--fa-font-regular);
  font-size: 1.375rem;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.course-instance-dynamic .field-content-active .field--dynamic-trigger::after {
  content: '\f077';
}
.node--bundle-course.node--view-mode-full .field--id-field-testimonial {
  position: relative;
  inset-inline: 50%;
  margin: 4rem -50vw;
  background-color: rgb(var(--color-red));
  padding-block: 4rem 7.5rem;
  width: 100vw;
  font-size: 1.25rem;
  color: rgb(var(--color-white));
}
.node--bundle-course.node--view-mode-full .field--id-field-testimonial > h2,
.node--bundle-course.node--view-mode-full .field--id-field-testimonial .paragraph {
  box-sizing: border-box;
  margin-inline: auto;
  padding-inline: var(--bezel-width-large-screen);
  max-width: var(--max-width);
  color: rgb(var(--color-white));
}
.node--bundle-course.node--view-mode-full .field--id-field-testimonial > .field-values > .field-value + .field-value {
  display: none;
}
.node--bundle-course.node--view-mode-full .field--id-field-testimonial .field--id-field-body .field-value *:last-child {
  margin-block-end: 0;
}
.node--bundle-course.node--view-mode-full .field--id-field-testimonial .field--id-field-attribution {
  font-style: italic;
}
.node--bundle-course.node--view-mode-full .field--id-field-testimonial .field--id-field-attribution .field-value::before {
  content: '—';
  margin-inline-end: 0.25em;
}
.node--bundle-course.node--view-mode-full .field--id-field-testimonial.testimonial-dynamic {
  padding-block-end: 10rem;
}
.page-main .testimonial-dynamic .nav {
  position: absolute;
  z-index: 101;
  inset-block-end: 2.5rem;
  inset-inline-start: 50%;
}
.page-main .testimonial-dynamic .nav ul {
  position: relative;
  inset-inline-start: -50%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.page-main .testimonial-dynamic .nav li {
  box-sizing: border-box;
  display: inline-block;
  margin: 0 0.5rem;
  padding: 0;
  list-style-type: none;
}
.page-main .page-content .testimonial-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-content .testimonial-dynamic .nav a:hover {
  border-color: rgba(var(--color-white), 0.5);
}
.page-main .page-content .testimonial-dynamic .nav li.active a {
  border-color: transparent;
  background-color: rgba(var(--color-white), 0.5);
  cursor: default;
}
.block--id-howtoapply {
  position: relative;
  inset-inline: 50%;
  margin: 2.5rem -50vw;
  background-color: rgb(var(--color-lightest-grey));
  width: 100vw;
}
.block--id-howtoapply .block-content {
  box-sizing: border-box;
  margin-inline: auto;
  padding: 0.75rem var(--bezel-width-large-screen);
  max-width: var(--max-width);
}
.block--id-howtoapply .block-content .field--id-field-shortcut-link {
  margin-inline: auto 0;
  max-width: 15rem;
}
.block--id-howtoapply .block-content .field--id-field-shortcut-link a.cta-alt-secondary {
  background-color: rgb(var(--color-lightest-grey));
}
.block--id-howtoapply .block-content .field--id-field-shortcut-link a.cta-alt-secondary:hover {
  color: rgb(var(--color-lightest-grey));
}
.block--id-howtoapply.course-nav-dynamic {
  position: absolute;
  margin-block: 0;
  z-index: 200;
}
.block--id-howtoapply.course-nav-dynamic ul {
  box-sizing: border-box;
  margin: 0;
  padding: 1.25rem 0;
  max-width: var(--max-width);
  width: calc(100% - 17.5rem);
  float: left;
  float: inline-start;
  font-size: 0.875rem;
  text-transform: uppercase;
  list-style-type: none;
}
.course-nav-dynamic.fixed {
  position: fixed;
  inset-block-start: 0;
}
.course-nav-dynamic li {
  display: inline-block;
  margin: 0;
  padding-inline: 0 4em;
  list-style-type: none;
}
.course-nav-dynamic ul a {
  border-block-end: none !important;
}
.course-nav-dynamic ul a:hover {
  border-block-end: 2px solid rgb(var(--color-red)) !important;
  color: rgb(var(--color-red));
}
.view--id-apply {
  box-sizing: border-box;
  background-color: rgb(var(--color-lightest-grey));
  padding: 1.75rem 2.5rem 4rem 2.5rem;
  max-width: var(--content-max-width);
}
.view--id-apply .views-row + .views-row {
  padding-block-start: 2.5rem;
}
.view--id-apply h2 {
  margin-block-start: 0;
  font-size: 2rem;
}
.view--id-apply.apply-dynamic h3 {
  margin-block: 0 0.5rem;
}
.view--id-apply.apply-dynamic h3 a {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  z-index: 1;
  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(6rem - 1px);
  width: calc((100% / 3) * 2);
  font-family: var(--font-family-sans-serif-alt);
  font-size: 0.75rem;
  font-weight: var(--font-weight-semi-bold);
  text-align: center;
  text-transform: uppercase;
  line-height: calc(4 / 3);
  letter-spacing: 2px;
  color: rgb(var(--color-red));
  cursor: pointer;
  transition: 0.25s ease-in;
}
.view--id-apply.apply-dynamic .apply-dynamic-option-active h3 a,
.view--id-apply.apply-dynamic h3 a:hover {
  background-color: rgb(var(--color-red));
  color: rgb(var(--color-white));
}
.view--id-apply.apply-dynamic h3 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-apply.apply-dynamic h3 a:hover::before {
  inset-block-start: 0;
}
.view--id-apply .cta-alt-secondary {
  background-color: rgba(var(--color-light-grey), 0);
}
.apply-dynamic-text-container .field-value {
  padding-block-start: 1.25rem;
}
.block--id-sitebranding-footer .site-name {
  background-image: url(/artsci_online/themes/custom/queensu_artsci_online/img/site-name-alt.png);
}
#block-staffinquiries {
  background-color: rgb(var(--color-lightest-grey));
  padding: 1.5rem 2.5rem;
  margin-block-end: 2.5rem;
}