/** @format */
/* bootstrap utilities */
/*
	4/18/25 RL
	changed from #315D90 to #305A8C to meet AAA contrast ratio
*/
/*
5/13/2025
Better contrast although both colors are WCAG AAA for small and large text.
*/
/* bootstrap utilities */
.boop-boop {
  color: blue !important;
  font-style: bold;
  width: calc(33% - 2rem);
}

.w-33 {
  width: 33.33% !important;
}

.w-66 {
  width: 66.66% !important;
}

video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/** @format */
.indent-1 {
  border-left: 0.25rem solid #FFCB05;
  padding-left: 2rem;
}

.indent-1 + .indent-1 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-1 + .indent-2 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-1 + .indent-3 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-1 + .indent-4 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-1 + .indent-5 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-1 + .indent-6 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-1 + .indent-7 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-1 + .indent-8 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-1 + .indent-9 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-1 + .indent-10 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-2 {
  border-left: 0.25rem solid #FFCB05;
  padding-left: 4rem;
}

.indent-2 + .indent-1 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-2 + .indent-2 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-2 + .indent-3 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-2 + .indent-4 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-2 + .indent-5 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-2 + .indent-6 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-2 + .indent-7 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-2 + .indent-8 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-2 + .indent-9 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-2 + .indent-10 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-3 {
  border-left: 0.25rem solid #FFCB05;
  padding-left: 6rem;
}

.indent-3 + .indent-1 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-3 + .indent-2 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-3 + .indent-3 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-3 + .indent-4 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-3 + .indent-5 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-3 + .indent-6 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-3 + .indent-7 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-3 + .indent-8 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-3 + .indent-9 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-3 + .indent-10 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-4 {
  border-left: 0.25rem solid #FFCB05;
  padding-left: 8rem;
}

.indent-4 + .indent-1 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-4 + .indent-2 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-4 + .indent-3 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-4 + .indent-4 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-4 + .indent-5 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-4 + .indent-6 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-4 + .indent-7 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-4 + .indent-8 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-4 + .indent-9 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-4 + .indent-10 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-5 {
  border-left: 0.25rem solid #FFCB05;
  padding-left: 10rem;
}

.indent-5 + .indent-1 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-5 + .indent-2 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-5 + .indent-3 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-5 + .indent-4 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-5 + .indent-5 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-5 + .indent-6 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-5 + .indent-7 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-5 + .indent-8 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-5 + .indent-9 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-5 + .indent-10 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-6 {
  border-left: 0.25rem solid #FFCB05;
  padding-left: 12rem;
}

.indent-6 + .indent-1 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-6 + .indent-2 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-6 + .indent-3 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-6 + .indent-4 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-6 + .indent-5 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-6 + .indent-6 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-6 + .indent-7 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-6 + .indent-8 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-6 + .indent-9 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-6 + .indent-10 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-7 {
  border-left: 0.25rem solid #FFCB05;
  padding-left: 14rem;
}

.indent-7 + .indent-1 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-7 + .indent-2 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-7 + .indent-3 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-7 + .indent-4 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-7 + .indent-5 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-7 + .indent-6 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-7 + .indent-7 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-7 + .indent-8 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-7 + .indent-9 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-7 + .indent-10 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-8 {
  border-left: 0.25rem solid #FFCB05;
  padding-left: 16rem;
}

.indent-8 + .indent-1 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-8 + .indent-2 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-8 + .indent-3 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-8 + .indent-4 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-8 + .indent-5 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-8 + .indent-6 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-8 + .indent-7 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-8 + .indent-8 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-8 + .indent-9 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-8 + .indent-10 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-9 {
  border-left: 0.25rem solid #FFCB05;
  padding-left: 18rem;
}

.indent-9 + .indent-1 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-9 + .indent-2 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-9 + .indent-3 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-9 + .indent-4 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-9 + .indent-5 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-9 + .indent-6 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-9 + .indent-7 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-9 + .indent-8 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-9 + .indent-9 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-9 + .indent-10 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-10 {
  border-left: 0.25rem solid #FFCB05;
  padding-left: 20rem;
}

.indent-10 + .indent-1 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-10 + .indent-2 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-10 + .indent-3 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-10 + .indent-4 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-10 + .indent-5 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-10 + .indent-6 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-10 + .indent-7 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-10 + .indent-8 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-10 + .indent-9 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

.indent-10 + .indent-10 {
  margin-top: -1.5rem;
  padding-top: 1.5rem;
}

/*
 See override below (override-stretched-before). Anytime this mixin is used (link--stretched-before),
 you must add a reference to the override in assets/styles/ckeditor5.scss.
 If you do not, the styling will become nearly impossible to use in CKEditor.
*/
/*
 See override below (override-stretched-after). Anytime this mixin is used (link--stretched-after),
 you must add a reference to the override in assets/styles/ckeditor5.scss.
 If you do not, the styling will become nearly impossible to use in CKEditor.
*/
/* visually hidden text */
.line-length-max {
  max-width: 48em;
}

.rounded-bottom-right {
  border-bottom-right-radius: 1.5rem;
  overflow: hidden;
}

/*** messages ***/
.messages__wrapper {
  margin: 0 auto;
  padding: 0 1.125rem;
  max-width: 80rem;
}
@media (min-width: 40rem) {
  .messages__wrapper {
    padding: 0 1.25rem;
  }
}
@media (min-width: 75rem) {
  .messages__wrapper {
    padding: 0 3.5%;
  }
}

.messages {
  border-radius: 0.25rem;
  color: black;
  margin: 0 0 2.5rem 0;
  padding: 1rem 1.5rem;
}

.slab .messages {
  max-width: 48em;
}

.messages.messages--status {
  background-color: #DCEDC8;
  border-color: #DCEDC8;
}

.messages.messages--info {
  background-color: #CCE5FF;
  border-color: #CCE5FF;
}

.messages.messages--warning {
  background-color: #FFE0B2;
  border-color: #FFE0B2;
}

.messages.messages--error {
  background-color: #FFCCBC;
  border-color: #FFCCBC;
}

/*** buttons ***/
.button.dialog-cancel {
  --color: black;
  color: black;
  background: transparent;
  border: 0.15em solid #305A8C;
  padding: 0.725em 1.25em;
}

/*** headings ***/
:where(h2, h3, h4, h5):not(.tickertape) {
  max-width: 48rem;
}

/*** content ***/
.region--content:not(.region--is-full-width) {
  margin: 0 auto;
  padding: 0 1.125rem;
  max-width: 80rem;
}
@media (min-width: 40rem) {
  .region--content:not(.region--is-full-width) {
    padding: 0 1.25rem;
  }
}
@media (min-width: 75rem) {
  .region--content:not(.region--is-full-width) {
    padding: 0 3.5%;
  }
}

.card--iframe-sm-border .card--iframe {
  padding: 0.5em;
}

.section-format-to-text .ssw-block {
  max-width: 48em;
}

article > :first-child:is(h2, h3, h4) {
  margin-top: 0;
}

/*** layout builder ***/
.slab {
  /* 4/14/25 RL - changed from 3rem to match Headscape grid-3-cols format */
}
.slab .layout {
  gap: 3rem;
}
.slab .layout--twocol-section--50-50 .layout__region {
  flex: 0 0 calc((100% - 3rem) * 0.5);
}
.slab .layout--twocol-section--25-75 .layout__region--first {
  flex: 0 0 calc((100% - 3rem) * 0.25);
}
.slab .layout--twocol-section--25-75 .layout__region--second {
  flex: 0 0 calc((100% - 3rem) * 0.75);
}
.slab .layout--twocol-section--75-25 .layout__region--first {
  flex: 0 0 calc((100% - 3rem) * 0.75);
}
.slab .layout--twocol-section--75-25 .layout__region--second {
  flex: 0 0 calc((100% - 3rem) * 0.25);
}
.slab .layout--twocol-section--67-33 .layout__region--first {
  flex: 0 0 calc((100% - 3rem) * 0.67);
}
.slab .layout--twocol-section--67-33 .layout__region--second {
  flex: 0 0 calc((100% - 3rem) * 0.33);
}
.slab .layout--twocol-section--33-67 .layout__region--first {
  flex: 0 0 calc((100% - 3rem) * 0.33);
}
.slab .layout--twocol-section--33-67 .layout__region--second {
  flex: 0 0 calc((100% - 3rem) * 0.67);
}
.slab .layout--threecol-section--33-34-33 {
  gap: 3rem;
}
.slab .layout--threecol-section--33-34-33 .layout__region {
  flex: 0 1 calc(33% - 3rem);
}
.slab .layout--fourcol-section--25-25-25-25 {
  gap: 3rem;
}
.slab .layout--fourcol-section--25-25-25-25 .layout__region {
  flex: 0 1 calc(25% - 3rem);
}

.layout {
  /* remove card margins form last row. let section spacing handle */
}
.layout .ssw-block > :last-child {
  margin-bottom: 0;
}
.layout:last-child .card:only-child {
  margin-bottom: 0;
}

/*
Test pages:

https://localhost:444/research/family-community-wellbeing/past-projects/dhch
Community Conversations section.
*/
.layout .ssw-block > :first-child {
  margin-top: 0;
}

/*** headings ***/
.tickertape {
  margin-top: 3rem;
}

.wrap > .tickertape, .wrap > h2, .wrap > h3, .wrap > h4 {
  margin-top: 0;
}

.pageHeader__title + .pageHeader__subtitle h2 {
  margin: 0 0 2rem 0;
}

/*** cards ***/
.border--gradient-left {
  --accent: #FFCB05;
  border-left: 0.2rem solid;
  -o-border-image: linear-gradient(to bottom, var(--accent) 50%, rgba(255, 255, 255, 0)) 1 100%;
     border-image: linear-gradient(to bottom, var(--accent) 50%, rgba(255, 255, 255, 0)) 1 100%;
}

/*** slabs & blocks ***/
.slab {
  /* 	.wrap > .tickertape {
  	margin-top: 0;
  } */
}
.slab .ssw-field:has(h2, h3, h4) > :first-child {
  margin-top: 0;
}

/*** zebra ***/
.zebra__figure div {
  height: 100%;
  width: 100%;
}

/*** webforms ***/
.webform-submission-form .webform-element-description {
  margin-bottom: 0.125rem;
  margin-top: 0;
}
.webform-submission-form .webform-multiple-table thead {
  position: absolute !important;
  clip: rect(0, 0, 0, 0) !important;
  overflow: hidden;
  height: 1px;
  padding: 0 !important;
  margin: -1px !important;
  white-space: nowrap !important;
  border: 0 !important;
  width: 1px;
}
.webform-submission-form .webform-multiple-table tr {
  background: transparent;
  border: 0;
}
.webform-submission-form .webform-multiple-table td {
  padding: 0;
}

/*** media ***/
.media--view-mode--wide .media-oembed-content,
.media--view-mode--default .media-oembed-content {
  display: block;
  height: 100%;
  width: 100%;
}

.media--view-mode--default {
  max-width: 48em;
}

.video--no-controls[controls] {
  pointer-events: none;
}

/* .img--logo-800x500 {
	outline: 1px solid $grey--lightest;
} */
/*** views ***/
.ssw-view {
  /* 	.views-exposed-form {
  	.accordion__item {
  		.accordion__title {
  			padding: 0;
  		}
  	}
  } */
}
.ssw-view .ssw-view__main {
  /*
  .button:not(footer .button) {
  	@include button--xs;
  	@include button--outline($secondary);
  }
  */
}
.ssw-view .form-actions .form-submit.button--primary {
  background-color: #FFCB05;
  color: black;
  display: block;
  width: 100%;
}
.ssw-view .form-actions input[id^=edit-reset] {
  font-size: 0.8em;
  background-color: white;
  color: black;
  --color: black;
  color: black;
  background: transparent;
  border: 0.15em solid #f1f1f1;
  padding: 0.725em 1.25em;
}
.ssw-view.events-list .card__figure {
  margin-bottom: 0;
}
.ssw-view.events-list .card__figure .img {
  max-height: 280px;
  max-width: 280px;
}
.ssw-view.events-list .card__figure .card__imageGrid .img {
  max-height: 100%;
  max-width: 100%;
}
.ssw-view.events-list .card__description h3,
.ssw-view.events-list .card__description h4,
.ssw-view.events-list .card__description h5 {
  font-size: 1.1rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.ssw-view.events-list .card__description li {
  margin-bottom: 0.5rem !important;
}
.ssw-view.events-list .button {
  font-size: 0.8em;
  padding: 0.25em 0.65em;
  border-radius: 0.25rem;
  --color: black;
  color: black;
  background: transparent;
  border: 0.15em solid #FFCB05;
  padding: 0.725em 1.25em;
}
.ssw-view.presentations-list .card__title, .ssw-view.publications-list .card__title {
  font-size: 1rem;
  font-weight: normal;
}
.ssw-view.presentations-list .faculty-links-list, .ssw-view.publications-list .faculty-links-list {
  font-weight: bold;
  margin-bottom: 0;
}
.ssw-view.presentations-list .faculty-links-list li, .ssw-view.publications-list .faculty-links-list li {
  margin-bottom: 0 !important;
}
.ssw-view legend {
  color: inherit;
  font-size: inherit;
  margin-bottom: 0.125rem;
}

.ssw-view__main > .tickertape:first-child {
  margin-top: 0;
}
.ssw-view__main > .tickertape:first-child .tickertape__highlight {
  margin-top: 0;
}

/*** event detail view ***/
.event-details {
  /* don't let iframes overrun the page */
}
.event-details .tickertape {
  margin: 0 0 0.75rem 0;
}
.event-details .event-details__ical-link {
  margin-bottom: 1.5rem;
}
.event-details .event-details__body {
  margin-bottom: 4rem;
  margin-top: 2rem;
}
.event-details .ssw-gmap__details {
  margin-bottom: 1rem;
}
.event-details .ssw-gmap__map {
  border: 1px solid #ccc;
}
.event-details .event-details__img {
  margin-top: calc((3rem + 3rem) * -1);
}
.event-details .ratio {
  max-width: 48em;
}

/*** pathway portal view ***/
.msw-portal-view .bottom-right-curve {
  border-bottom-right-radius: 1.5rem;
  overflow: hidden;
}

.search-grey-bg .ssw-view__search-form {
  background: linear-gradient(to bottom, #e4e4e4, #fff min(15rem, 100%));
}
.search-grey-bg input,
.search-grey-bg select {
  background-color: #fff;
}

/*** this doesn't belong here ***/
.ssw-media-embed-block__document {
  position: relative;
}
.ssw-media-embed-block__document iframe {
  border: 1px solid #e4e4e4;
  box-sizing: border-box;
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
/*# sourceMappingURL=drupal.css.map */