@charset "UTF-8";
:root {
  --uslr-teal: rgb(59, 130, 122);
  --uslr-bright-teal: rgb(160, 212, 207);
  --uslr-dark-teal: rgb(31, 107, 100);
  --uslr-dark-teal-rgb: 31, 107, 100;
  --uslr-darker-teal: rgb(48, 97, 93);
  --uslr-darker-teal-rgb: rgb(48, 97, 93);
  --uslr-gray-teal: rgb(188, 202, 202);
  --uslr-light-teal: rgb(98, 169, 163);
  --uslr-lightest-teal: rgb(230, 241, 241);
  --uslr-orange: rgb(252, 141, 62);
  --uslr-light-orange: rgb(255, 206, 171);
  --uslr-dark-purple: rgb(51, 42, 98);
  --uslr-light-purple: rgb(118, 110, 165);
  --uslr-lightest-purple: rgb(191, 187, 216);
  --uslr-purple: rgb(81, 74, 118);
  --uslr-yellow: rgb(244, 211, 80);
  --uslr-blue: rgb(48, 100, 155);
  --uslr-dark-blue: rgb(26, 61, 98);
  --uslr-light-blue: rgb(119, 171, 225);
  --uslr-light-blue-rgb: 119, 171, 225;
  --uslr-lightest-blue: rgb(185, 216, 251);
  --uslr-dark-gray: rgb(75,75,75);
  --uslr-gray: rgb(140,140,140);
  --uslr-light-gray: rgb(190,190,190);
  --bs-body-bg: rgb(240,245,245);
  --bs-body-rgb: 240,2545,245,
  --bs-body-color: rgb(21, 29, 44);
  --bs-body-color-rgb: 21,29,44;
  --bs-link-color: var(--uslr-dark-teal);
  --bs-link-color-rgb: var(--uslr-dark-teal-rgb);
  --bs-link-hover-color: var(--uslr-darker-teal);
  --bs-link-hover-color-rgb: var(--uslr-darker-teal-rgb);
  --bs-nav-link-color: var(--uslr-dark-teal);
  --bs-nav-link-color-rgb: var(--uslr-dark-teal-rgb);
  --bs-font-sans-serif: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --bs-font-serif: "Playfair Display", Georgia, "Times New Roman", Times, serif;
  --uslr-btn-sm-padding: 4px 5px 4px 6px;
  --bs-btn-border-radius: 3px;
}

.font-family-serif {
  font-family: var(--bs-font-serif) !important;
}

.font-family-sans-serif {
  font-family: var(--bs-font-sans-serif) !important;
}

.teal {
  color: var(--uslr-teal) !important;
}

.bg-teal {
  background-color: var(--uslr-teal) !important;
}

.border-teal {
  border-color: var(--uslr-teal) !important;
}

.bright-teal {
  color: var(--uslr-bright-teal) !important;
}

.bg-bright-teal {
  background-color: var(--uslr-bright-teal) !important;
}

.border-bright-teal {
  border-color: var(--uslr-bright-teal) !important;
}

.dark-teal {
  color: var(--uslr-darker-teal) !important;
}

.bg-dark-teal {
  background-color: var(--uslr-darker-teal) !important;
}

.border-dark-teal {
  border-color: var(--uslr-darker-teal) !important;
}

.darker-teal {
  color: var(--uslr-darker-teal) !important;
}

.bg-darker-teal {
  background-color: var(--uslr-darker-teal) !important;
}

.border-darker-teal {
  border-color: var(--uslr-darker-teal) !important;
}

.gray-teal {
  color: var(--uslr-gray-teal) !important;
}

.bg-gray-teal {
  background-color: var(--uslr-gray-teal) !important;
}

.border-gray-teal {
  border-color: var(--uslr-gray-teal) !important;
}

.light-teal {
  color: var(--uslr-light-teal) !important;
}

.bg-light-teal {
  background-color: var(--uslr-light-teal) !important;
}

.border-light-teal {
  border-color: var(--uslr-light-teal) !important;
}

.lightest-teal {
  color: var(--uslr-lightest-teal) !important;
}

.bg-light-teal {
  background-color: var(--uslr-lightest-teal) !important;
}

.border-light-teal {
  border-color: var(--uslr-lightest-teal) !important;
}

.orange {
  color: var(--uslr-orange) !important;
}

.bg-orange {
  background-color: var(--uslr-orange) !important;
}

.border-orange {
  border-color: var(--uslr-orange) !important;
}

.light-orange {
  color: var(--uslr-light-orange) !important;
}

.bg-light-orange {
  background-color: var(--uslr-light-orange) !important;
}

.border-orange {
  border-color: var(--uslr-light-orange) !important;
}

.dark-purple {
  color: var(--uslr-dark-purple) !important;
}

.bg-dark-purple {
  background-color: var(--uslr-dark-purple) !important;
}

.border-dark-purple {
  border-color: var(--uslr-dark-purple) !important;
}

.light-purple {
  color: var(--uslr-light-purple) !important;
}

.bg-light-purple {
  background-color: var(--uslr-light-purple) !important;
}

.border-light-purple {
  border-color: var(--uslr-light-purple) !important;
}

.lightest-purple {
  color: var(--uslr-lightest-purple) !important;
}

.bg-lightest-purple {
  background-color: var(--uslr-lightest-purple) !important;
}

.border-lightest-purple {
  border-color: var(--uslr-lightest-purple) !important;
}

.purple {
  color: var(--uslr-purple) !important;
}

.bg-purple {
  background-color: var(--uslr-purple) !important;
}

.border-purple {
  border-color: var(--uslr-purple) !important;
}

.yellow {
  color: var(--uslr-yellow) !important;
}

.bg-yellow {
  background-color: var(--uslr-yellow) !important;
}

.border-yellow {
  border-color: var(--uslr-yellow) !important;
}

.blue {
  color: var(--uslr-blue) !important;
}

.bg-blue {
  background-color: var(--uslr-blue) !important;
}

.border-blue {
  border-color: var(--uslr-blue) !important;
}

.dark-blue {
  color: var(--uslr-dark-blue) !important;
}

.bg-dark-blue {
  background-color: var(--uslr-dark-blue) !important;
}

.border-dark-blue {
  border-color: var(--uslr-dark-blue) !important;
}

.light-blue {
  color: var(--uslr-light-blue) !important;
}

.bg-light-blue {
  background-color: var(--uslr-light-blue) !important;
}

.border-light-blue {
  border-color: var(--uslr-light-blue) !important;
}

.lightest-blue {
  color: var(--uslr-lightest-blue) !important;
}

.bg-lightest-blue {
  background-color: var(--uslr-lightest-blue) !important;
}

.border-lightest-blue {
  border-color: var(--uslr-lightest-blue) !important;
}

.dark-gray {
  color: var(--uslr-dark-gray) !important;
}

.bg-dark-gray {
  background-color: var(--uslr-dark-gray) !important;
}

.border-dark-gray {
  border-color: var(--uslr-dark-gray) !important;
}

.gray {
  color: var(--uslr-gray) !important;
}

.bg-gray {
  background-color: var(--uslr-gray) !important;
}

.border-gray {
  border-color: var(--uslr-gray) !important;
}

.light-gray {
  color: var(--uslr-light-gray) !important;
}

.bg-light-gray {
  background-color: var(--uslr-light-gray) !important;
}

.border-light-gray {
  border-color: var(--uslr-light-gray) !important;
}

.black {
  color: black !important;
}

.border-black {
  border-color: black !important;
}

.white {
  color: white !important;
}

.border-white {
  border-color: white !important;
}

.body-bg {
  background-color: var(--bs-body-bg) !important;
}

.body-color {
  color: var(--bs-body-color) ipo !important;
}

.bg-gradient-purple {
  background: linear-gradient(0.75turn, var(--uslr-purple), var(--uslr-dark-purple));
  background: -webkit-linear-gradient(0.75turn, var(--uslr-purple), var(--uslr-dark-purple));
}

.bg-gradient-teal,
body.site-page-home #main_content::before {
  background: linear-gradient(280deg, var(--uslr-light-teal), var(--uslr-darker-teal));
  background: -webkit-linear-gradient(280deg, var(--uslr-light-teal), var(--uslr-darker-teal));
  z-index: 1;
}

.text-gradient-purple {
  background: linear-gradient(0.75turn, var(--uslr-purple), var(--uslr-dark-purple));
  background-clip: text;
  background: -webkit-linear-gradient(0.75turn, var(--uslr-purple), var(--uslr-dark-purple));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-teal {
  background: linear-gradient(280deg, var(--uslr-light-teal), var(--uslr-darker-teal));
  background-clip: text;
  background: -webkit-linear-gradient(280deg, var(--uslr-light-teal), var(--uslr-darker-teal));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (prefers-color-scheme: dark) {
  .text-gradient-purple,
  .text-gradient-teal {
    background: none;
    background-clip: initial;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
  }
}
.accordion-button:not(.collapsed) {
  background-color: var(--uslr-lightest-teal);
}

@media screen {
  * {
    box-sizing: border-box;
  }
  html {
    height: 100%;
    padding: 0;
    margin: 0;
  }
  body {
    font-family: var(--bs-font-sans-serif);
    font-size: 18px;
    line-height: 1.33;
    margin: 0;
    word-wrap: break-word;
    overflow-x: hidden;
  }
  h1 {
    font-size: 36px;
    line-height: 2.66;
  }
  h2 {
    font-size: 27px;
    line-height: 1.995;
  }
  h3 {
    font-size: 22.5px;
    line-height: 1.995;
  }
  h4 {
    font-size: 20.25px;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  /* @group ----- Forms ----- */
  input,
  textarea,
  button,
  .button,
  select {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 1.33;
    margin: 0;
    vertical-align: top;
  }
  input[type=text],
  input[type=number],
  input[type=password],
  input[type=email],
  input[type=url],
  textarea {
    appearance: none;
    border-radius: 0;
    border: 1px solid var(--bs-body-bg);
    padding: -0.6675px 0.3325;
    margin: 0;
  }
  textarea {
    height: 3.99;
  }
  input[type=file] {
    line-height: 1;
    vertical-align: bottom;
    font-size: 13.5px;
  }
  button,
  .button,
  a.button,
  a.button:visited,
  [type=submit] {
    border: 1px solid var(--bs-body-bg);
    background-color: var(--bs-body-bg);
    border-radius: 2px;
    padding: 0.3325;
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    cursor: pointer;
    color: #000;
  }
  button:hover,
  .button:hover,
  a.button:hover,
  a.button:visited:hover,
  [type=submit]:hover {
    opacity: 1;
  }
  select {
    background-color: #fff;
    padding: 0.3325;
    border: 1px solid var(--bs-body-bg);
  }
  ::-webkit-input-placeholder {
    font-style: italic;
  }
  :-moz-placeholder { /* Firefox 18- */
    font-style: italic;
  }
  ::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
  }
  :-ms-input-placeholder {
    font-style: italic;
  }
  .field {
    margin: 1.33 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .field .inputs input[type=checkbox] {
    vertical-align: bottom;
  }
  .field .field-meta {
    padding: 0.3325 1.995 0.3325 0;
    position: relative;
    width: 100%;
  }
  .field.multi-value .label,
  .field.multi-value .field-description {
    margin-right: 0.3325;
  }
  .field.required .field-meta:after {
    content: "\f069";
    font-family: "Font Awesome 5 Free";
    font-size: 13.5px;
    font-weight: 900;
  }
  .field .add-value {
    position: absolute;
    right: 0.25rem;
    top: 0;
    width: 1.995;
  }
  .field .value:not(:last-child) {
    margin-bottom: 0.665;
  }
  .field-description {
    font-size: 13.5px;
  }
  .field .inputs {
    width: 100%;
  }
  .field .value * {
    max-width: 100%;
  }
  .field .value select {
    width: 100%;
    margin-bottom: 0.3325;
  }
  /* @end */
  /* @group ----- Navigation ----- */
  #skipnav {
    position: fixed;
    top: 1.33;
    left: 50%;
    border: 1px solid #ababab;
    transform: translateX(-50%);
    z-index: -5;
    padding: 0.3325;
    background-color: #fff;
    opacity: 0;
  }
  #skipnav:focus {
    z-index: 1000;
    opacity: 1;
  }
  header h1 {
    margin: 0;
  }
  .sub-menu ul {
    display: flex;
    gap: 1rem;
    list-style-type: none;
    margin-top: 0.665;
    padding-left: 0;
  }
  .sub-menu ul li {
    margin: 0;
    padding: 0;
  }
  .sub-menu ul a,
  .sub-menu ul a:link {
    background-color: rgb(227, 237, 237);
    border: 1px solid var(--uslr-darker-teal);
    color: var(--bs-body-color);
    padding: 0.5rem 0.75rem 0.45rem 0.75rem;
  }
  nav.pagination {
    margin-bottom: 1.33;
    font-size: 18px;
    line-height: 1.995;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .pagination input {
    text-align: center;
  }
  .resource-list + .pagination {
    border-color: transparent;
  }
  .pagination form {
    min-width: 3.99;
    margin-right: 0.665;
  }
  .pagination form,
  .pagination .button,
  .pagination button,
  .pagination .page-count {
    display: inline-block;
    vertical-align: top;
    height: 1.995;
  }
  .pagination-buttons {
    margin-right: 0.665;
  }
  .pagination .button {
    border: 1px solid var(--bs-body-bg);
    background-color: var(--bs-body-bg);
    border-radius: 2px;
    padding: 0.3325;
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    cursor: pointer;
    color: #000;
    width: 1.995;
    text-align: center;
  }
  .pagination .button:hover {
    opacity: 1;
  }
  .pagination .inactive.button {
    opacity: 0.5;
    color: #ababab;
    background-color: white;
  }
  .pagination input {
    width: 2.66;
  }
  .breadcrumbs {
    font-size: 13.5px;
    margin: 0.665 0;
  }
  /* @end */
  /* @group ----- Header ----- */
  h1.site-title {
    font-size: 22.5px;
    line-height: 1.33;
    padding: 0.665 1.995 0.665 1.33;
    margin: 0;
  }
  header {
    margin: 0 0 3.325;
    position: relative;
  }
  .site-title,
  #top-nav {
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
  }
  .site-title:hover,
  .site-title:active {
    border-bottom: 0;
  }
  .site-title h1 {
    margin: 0;
  }
  button.o-icon-search {
    display: none;
  }
  #search {
    position: relative;
    margin-left: auto;
    margin-right: auto;
  }
  #search form {
    display: flex;
    flex-wrap: nowrap;
    background-color: #fff;
    border-bottom: 1px solid var(--bs-body-bg);
    border-top: 1px solid var(--bs-body-bg);
    padding: 0.3325 1.33;
  }
  #search form input[type=text] {
    width: 100%;
  }
  #search form button[type=submit] {
    height: 1.995;
    width: 1.995;
    text-indent: -9999px;
    position: relative;
    border-radius: 0 3px 3px 0;
  }
  #search form button[type=submit]:before {
    content: "\f002";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    text-indent: 0;
    line-height: 1.995;
  }
  .banner {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
  }
  .banner img {
    width: 100%;
  }
  /* @end */
  /* @group ----- Footer ----- */
  footer {
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.33 1.33;
    clear: both;
  }
  /* @end */
  /* @group ----- Page and Blocks ----- */
  #content {
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.33 1.33;
  }
  .resource-list.preview + a {
    border: 1px solid var(--bs-body-bg);
    background-color: var(--bs-body-bg);
    border-radius: 2px;
    padding: 0.3325;
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    cursor: pointer;
    color: #000;
  }
  .resource-list.preview + a:hover {
    opacity: 1;
  }
  .resource-list.preview + a {
    color: #000;
  }
  .resource-list.preview + a:hover {
    background-color: var(--uslr-purple);
    border-bottom-width: 0px;
    color: #fff;
  }
  .spotlight {
    clear: both;
    padding: 1.33;
    padding-right: calc(50% + 1.33);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 50%;
    margin: 2.66 0;
  }
  .spotlight.left-image {
    background-position: left center;
    padding-left: calc(50% + 1.33);
    padding-right: 0;
  }
  .dark-accent {
    color: #fff;
    position: relative;
    padding-top: 1.33;
    padding-bottom: 1.33;
    display: flow-root;
    clear: both;
  }
  .dark-accent:after {
    content: "";
    background-color: var(--uslr-purple);
    z-index: -1;
    position: absolute;
    left: -9999px;
    right: -9999px;
    top: 0;
    bottom: 0;
  }
  .dark-accent a:link {
    font-weight: bold;
  }
  .dark-accent a:link,
  .dark-accent a:visited {
    color: #ddd;
  }
  .dark-accent ul.resource-list .resource,
  .dark-accent ul.preview.resource-list li:first-of-type {
    border-color: #9b9b9b;
  }
  .dark-accent button,
  .dark-accent a.button,
  .dark-accent .resource-list.preview + a,
  .dark-accent [type=submit] {
    background-color: #ddd;
    color: var(--uslr-purple);
    font-weight: normal;
  }
  .dark-accent .carousel-block button {
    background-color: transparent;
    color: #fff;
  }
  .light-accent {
    position: relative;
    padding-top: 1.33;
    padding-top: 1.33;
    display: flow-root;
    clear: both;
  }
  .light-accent:after {
    content: "";
    background-color: #fff;
    z-index: -1;
    position: absolute;
    left: -9999px;
    right: -9999px;
    top: 0;
    bottom: 0;
    border: 1px solid var(--bs-body-bg);
  }
  /* @end */
  /* @group ----- Resource List ----- */
  /* @end */
  /* @group ----- Browse ---- */
  /* @end */
  /* @group ----- Show ----- */
  /* @end */
  /* @group ----- Advanced Search ----- */
  /* @end */
  /* @group ----- Search ----- */
  /* @end */
  /* @group ----- Common Modules ---- */
  /* @end */
}
@media screen and (max-width: 799px) {
  .spotlight {
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 33rem;
    background-position: center 1.33 !important;
    background-size: auto 30rem;
  }
}
@media screen {
  .template-3-grid.assets {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-gap: 1.33;
  }
}
@media screen and (max-width: 799px) {
  .template-3-grid.assets {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 399px) {
  .template-3-grid.assets {
    grid-template-columns: 1fr;
  }
}
@media screen {
  .template-3-grid .asset-container {
    aspect-ratio: 4/3;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 0.3325;
  }
  .template-3-grid.assets .asset img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: none;
  }
  .page-layout-grid .block-media {
    container-type: inline-size;
  }
  .page-layout-grid .block-media.block-layout-alignment-block-right,
  .page-layout-grid .block-media.block-layout-alignment-block-left,
  .page-layout-grid .block-media.block-layout-alignment-block-center {
    container-type: normal;
  }
  .page-layout-grid .block-media.has-background {
    align-self: start;
  }
  .media-card.media-embed {
    --grid-column-count: 2 !important;
    --grid-item--min-width: 150px;
    --grid-layout-gap: 24px;
    --gap-count: calc(var(--grid-column-count) - 1);
    --total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
    --grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
    grid-gap: var(--grid-layout-gap);
    width: 100vw;
    max-width: 100%;
    align-items: stretch;
    color: #000;
  }
  .media-card.media-embed .resource {
    display: flex;
    background-color: #fff;
    padding: 1.33;
    align-items: center;
    border: 1px solid var(--bs-body-bg);
    height: 100%;
  }
  .media-card.media-embed .resource-meta {
    width: 50%;
    padding-left: 1.33;
  }
  .media-card.media-embed .resource > a,
  .media-card.media-embed .media-render {
    max-width: 50%;
  }
  .media-card.media-embed .resource:not(:last-child) {
    margin-bottom: 0;
  }
  @container (max-width:799px) {
    .media-card.media-embed {
      --grid-column-count: 1 !important;
    }
  }
  ul.resource-list {
    list-style-type: none;
    padding-left: 0;
  }
  ul.resource-list .resource {
    border-bottom: 1px solid var(--bs-body-bg);
    padding-bottom: 0.33px;
    margin: 1.33 0;
    overflow: hidden;
    position: relative;
  }
  ul.resource-list .resource > *:last-child {
    margin-bottom: 0;
  }
  ul.resource-list .resource:first-child {
    border-top: 1px solid var(--bs-body-bg);
    padding-top: 0.33px;
  }
  ul.resource-list .resource img {
    height: auto;
    width: 2.66;
    float: right;
    margin-left: 0.665;
  }
  ul.resource-list .resource h4 {
    margin-top: 0;
  }
  .body-truncate-fade ul.resource-list .resource .description {
    overflow: hidden;
    max-height: 5.32;
    position: relative;
  }
  .body-truncate-fade ul.resource-list .resource .description:after {
    content: "";
    position: absolute;
    top: 3.6575;
    left: 0;
    right: 0;
    height: 1.6625;
    background: linear-gradient(to top, rgb(248, 248, 248), rgba(248, 248, 248, 0));
  }
  .body-truncate-fade .light-accent ul.resource-list .resource .description::after {
    background: linear-gradient(to top, white, rgba(255, 255, 255, 0));
  }
  .body-truncate-fade .dark-accent ul.resource-list .resource .description::after {
    background: linear-gradient(to top, rgba(var(--uslr-purple), 1), rgba(var(--uslr-purple), 0));
  }
  .body-truncate-ellipsis ul.resource-list .resource .description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  ul.resource-list .resource img ~ * {
    width: calc(100% - 3.325);
  }
  .search-filters {
    margin-bottom: 1.33;
  }
  .search-filters .filter {
    display: inline-flex;
  }
  .filter-label,
  .filter-value {
    display: inline-block;
    border: 1px solid var(--bs-body-bg);
    padding: -0.6675px;
  }
  .filter-label {
    background-color: var(--bs-body-bg);
  }
  .browse-controls {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .browse-controls .pagination {
    display: flex;
  }
  .advanced-search {
    line-height: 1.995;
  }
  .collapsible {
    display: none;
  }
  .collapse + .collapsible {
    display: block;
    border-left: 3px solid #ababab;
    padding: 0.3325 1.33;
    margin: 0.665 0;
    width: 100%;
  }
  body.resource #content > h2:first-of-type + h3 {
    font-size: 13.5px;
    text-transform: uppercase;
    margin: -1.33 0 1.33;
  }
  .property {
    margin-bottom: 1.33;
  }
  .property:last-child {
    margin-bottom: 0;
  }
  .property dt {
    margin-bottom: 0;
    font-size: 13.5px;
    font-weight: bold;
  }
  .property dt:first-child {
    margin-top: 0;
  }
  .value {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 0;
  }
  .value:not(:last-child) {
    margin-bottom: 0.665;
  }
  .value-content:not(:only-child) {
    margin-right: 0.3325;
  }
  .resource-link img {
    width: auto;
    height: 1.995;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.3325;
  }
  .property .value a {
    display: inline-block;
    vertical-align: bottom;
  }
  .property .value:not(:last-child) img {
    margin-bottom: 0.3325;
  }
  .property .value:not(:last-child) img + a {
    margin-bottom: 0.3325;
  }
  .property .value .language {
    background-color: var(--bs-body-bg);
    padding: 0 0.3325;
    font-size: 13.5px;
    margin-right: 0.3325;
  }
  .property .private:after {
    content: "\f070";
    font-family: "Font Awesome 5 Free";
    font-size: 13.5px;
    font-weight: 900;
  }
  .media-list .resource-link {
    width: 100%;
    display: block;
  }
  .media-list .resource-link:not(:last-child) {
    margin-bottom: 0.665;
  }
  #content .media.resource {
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    margin-right: 0.3325;
  }
  #content .media.resource:hover {
    border-bottom: 0;
  }
  #content .media.resource img {
    vertical-align: top;
    margin-bottom: 0.665;
  }
  .media-render > * {
    max-width: 100%;
  }
  #linked-resources caption {
    text-align: left;
    font-weight: bold;
    border-bottom: 3px solid #ababab;
    padding: 0.3325 0.665 -2.6675px;
  }
  .linked-header {
    margin-bottom: 0.665;
  }
  #linked-filter {
    margin-bottom: 0.665;
  }
  #linked-filter label {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .linked-header nav.pagination {
    margin-bottom: 0;
  }
  #linked-resources table {
    margin: 0.665 0;
  }
  #linked-filter h4 {
    margin-bottom: 0.665;
  }
  #linked-resources .resource-link {
    margin-bottom: 0;
    display: flex;
    align-items: center;
  }
  #advanced-search .value:not(:last-child) {
    margin-bottom: 0.665;
  }
  .remove-value {
    position: relative;
    width: 1.995;
    margin-left: 0.3325;
  }
  .results {
    margin-bottom: 2.66;
    clear: both;
  }
  .results ul {
    list-style: none;
    padding-left: 0;
  }
  .results .result-title {
    font-weight: bold;
  }
  .results > ul {
    margin: -0.665 0 0 0;
  }
  .results .result-site,
  .results ul ul {
    display: block;
    padding-left: 0.665;
  }
  .results > ul > li {
    margin-bottom: 1.33;
  }
  .pagination + .results {
    margin: 1.33 0 0;
    clear: both;
  }
  .sitewide-search-form {
    display: none;
  }
  .sitewide-search-form ~ .results + .pagination {
    margin-top: 0;
  }
  .sitewide-search-form ~ .advanced-search {
    display: block;
  }
  .sitewide-search-form ~ h2 {
    width: 50%;
    float: left;
  }
  .sitewide-search-form ~ .pagination {
    margin: 1.6625 0 1.33;
    text-align: right;
    width: 50%;
    float: right;
  }
  .sitewide-search-form ~ p {
    clear: both;
  }
  .index.search .results ul li {
    margin-bottom: 0.3325;
    padding-bottom: 0.3325;
    border-bottom: 1px solid #ababab;
  }
  .items.search #search {
    display: none;
  }
  a.metadata-browse-link {
    font-size: 13.5px;
  }
}
@media screen and (min-width: 800px) {
  #content {
    padding: 0 2.66 1.33;
  }
  table {
    margin: 1.33 0;
    border-collapse: collapse;
  }
  th,
  td {
    text-align: left;
    padding: 0.3325 0.665;
    padding-bottom: -0.6675px;
    border-bottom: 1px solid #ababab;
  }
  .field .field-meta {
    width: 30%;
    align-self: flex-start;
  }
  .field .inputs {
    width: 70%;
    padding-left: 1.33;
  }
  .field .value select {
    width: initial;
    margin-bottom: 0;
  }
  /* @group ----- Header ----- */
  header {
    position: relative;
  }
  /* @group ----- Footer ----- */
  footer {
    padding: 0 2.66 1.33;
  }
  /* @end */
  /* @group ----- Navigation ----- */
  #mobile-nav-toggle {
    display: none;
  }
  /* @end */
  /* @group ----- Resource List ----- */
  ul.resource-list .resource img {
    width: 5.32;
    height: auto;
    float: right;
    margin-left: 0.665;
  }
  ul.resource-list .resource img ~ * {
    width: calc(100% - 5.985);
  }
  /* @end */
  /* @group ----- Item Set ----- */
  /* @end */
  /* @group ----- Search ----- */
  .results > ul {
    display: flex;
    flex-wrap: wrap;
  }
  .results > ul > li {
    width: calc(50% - 1.33);
  }
  .results > ul > li:nth-child(2n) {
    margin-left: 1.33;
  }
  /* @end */
  /* @group ----- Page and blocks ----- */
  .preview-block {
    clear: both;
  }
  ul.preview.resource-list li:first-of-type {
    border-top: 1px solid var(--bs-body-bg);
    padding-top: 0.33px;
  }
  /* @end */
}
main {
  background: var(--uslr-lightest-teal);
  padding-bottom: 2rem;
}

/* ///////////////////////////////
Custom width classes to supplement 
https://getbootstrap.com/docs/5.3/utilities/sizing/
////////////////////////////////////// */
.w-33 {
  width: 33% !important;
}

.w-40 {
  width: 40% !important;
}

@media screen and (min-width: 575px) {
  .w-sm-33 {
    width: 33% !important;
  }
  .w-sm-40 {
    width: 40% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
}
@media screen and (min-width: 768px) {
  .w-md-33 {
    width: 33% !important;
  }
  .w-md-40 {
    width: 40% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
}
/* //////////
Headings
////////// */
@media screen {
  body {
    display: flex;
    flex-direction: column;
    line-height: 1.5;
    min-height: 100vh;
  }
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--bs-font-serif);
    font-weight: 600;
    line-height: 1.2;
  }
  a:active,
  a:hover {
    color: var(--bs-link-hover-color);
    opacity: 1 !important;
    text-decoration-thickness: 2px;
  }
  button,
  .button,
  a.button,
  a.button:visited,
  [type=submit],
  .pagination .button {
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: var(--uslr-lightest-teal);
    border-radius: 0;
    border-radius: var(--bs-btn-border-radius);
    border: 1px solid var(--uslr-light-teal);
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    color: var(--uslr-darker-teal);
    cursor: pointer;
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    line-height: var(--bs-btn-line-height);
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    text-align: center;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    user-select: none;
    vertical-align: middle;
    width: auto;
  }
  #main_content select,
  #main_content [type=text] {
    border: 1px solid var(--uslr-gray-teal);
    font-size: 1.25rem;
    padding: 0.3325rem;
  }
}
.fs-1 h1, .fs-1 h2, .fs-1 h3, .fs-1 h4, .fs-1 h5, .fs-1 h6 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 h1, .fs-2 h2, .fs-2 h3, .fs-2 h4, .fs-2 h5, .fs-2 h6 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 h1, .fs-3 h2, .fs-3 h3, .fs-3 h4, .fs-3 h5, .fs-3 h6 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 h1, .fs-4 h2, .fs-4 h3, .fs-4 h4, .fs-4 h5, .fs-4 h6 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 h1, .fs-5 h2, .fs-5 h3, .fs-5 h4, .fs-5 h5, .fs-5 h6 {
  font-size: 1.25rem !important;
}

.fs-6 h1, .fs-6 h2, .fs-6 h3, .fs-6 h4, .fs-6 h5, .fs-6 h6 {
  font-size: 1rem !important;
}

.caption {
  color: var(--bs-gray-700);
  font-size: 0.875em;
  padding-top: 0.875rem;
}

/* /////////
Blockquotes
//////// */
blockquote {
  margin-left: 3rem;
}

.syllabus {
  font-size: 1rem;
  margin: 1.5rem 3rem 1.5rem 3rem;
}

p.syllabus + :not(.syllabus) {
  margin-top: 3rem;
}

/* /////////
Buttons
///////// */
.btn {
  --bs-btn-font-size: $base-font-size;
  --bs-btn-font-weight: 500;
}

main {
  --bs-btn-padding-x: 1rem;
  --bs-btn-padding-y: .5rem;
  --bs-btn-font-family: var(--bs-font-sans-serif);
  --bs-btn-font-size: 1.25rem;
  --bs-btn-font-weight: 600;
}
main .btn-sm {
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
}
main .btn {
  --bs-btn-font-size: 17px;
}
main .btn.btn-teal, main .btn.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--uslr-teal);
  --bs-btn-border-color: var(--uslr-teal);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--uslr-darker-teal);
  --bs-btn-hover-border-color: var(--uslr-darker-teal);
  --bs-btn-focus-shadow-rgb: var(--uslr-darker-teal);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(uslr-darker-teal);
  --bs-btn-active-border-color: var(uslr-darker-teal);
  --bs-btn-active-shadow: none;
}
main .btn.btn-outline {
  --bs-btn-color: var(--uslr-darker-teal);
  --bs-btn-bg: var(--uslr-lightest-teal);
  --bs-btn-border-color: var(--uslr-dark-teal);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--uslr-darker-teal);
  --bs-btn-hover-border-color: var(--uslr-darker-teal);
  --bs-btn-focus-shadow-rgb: var(--uslr-darker-teal);
  --bs-btn-active-color: var(--uslr-darker-teal);
  --bs-btn-active-bg: var(uslr-darker-teal);
  --bs-btn-active-border-color: var(uslr-darker-teal);
  --bs-btn-active-shadow: none;
}
main .btn.btn-purple {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--uslr-purple);
  --bs-btn-border-color: var(--uslr-purple);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--uslr-dark-purple);
  --bs-btn-hover-border-color: var(--uslr-dark-purple);
  --bs-btn-focus-shadow-rgb: var(--uslr-dark-purple);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--uslr-dark-purple);
  --bs-btn-active-border-color: var(--uslr-dark-purple);
  --bs-btn-active-shadow: none;
  color: var(--bs-btn-color);
  background: var(--bs-btn-bg);
  border: 1px solid var(--bs-btn-border-color);
}
main .btn.btn-purple:active, main .btn.btn-purple:focus, main .btn.btn-purple:hover {
  color: var(--bs-btn-hover-color);
  background: var(--bs-btn-hover-bg);
}
main .btn.btn-blue {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--uslr-blue);
  --bs-btn-border-color: var(--uslr-blue);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--uslr-dark-blue);
  --bs-btn-hover-border-color: var(--uslr-dark-blue);
  --bs-btn-focus-shadow-rgb: var(--uslr-dark-blue);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--uslr-dark-blue);
  --bs-btn-active-border-color: var(--uslr-dark-blue);
  --bs-btn-active-shadow: none;
  color: var(--bs-btn-color);
  background: var(--bs-btn-bg);
  border: 1px solid var(--bs-btn-border-color);
}
main .btn.btn-blue:active, main .btn.btn-blue:focus, main .btn.btn-blue:hover {
  color: var(--bs-btn-hover-color);
  background: var(--bs-btn-hover-bg);
}
main .btn.btn-lightest-teal {
  --bs-btn-color: var(--uslr-dark-teal);
  --bs-btn-bg: var(--uslr-lightest-teal);
  --bs-btn-border-color: var(--uslr-light-teal);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--uslr-teal);
  --bs-btn-hover-border-color: var(--uslr-teal);
  --bs-btn-focus-shadow-rgb: var(--uslr-teal);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(uslr-teal);
  --bs-btn-active-border-color: var(uslr-teal);
  --bs-btn-active-shadow: none;
  color: var(--bs-btn-color);
  background: var(--bs-btn-bg);
  border: 1px solid var(--bs-btn-border-color);
}
main .btn.btn-lightest-teal:active, main .btn.btn-lightest-teal:focus, main .btn.btn-lightest-teal:hover {
  color: var(--bs-btn-hover-color);
  background: var(--bs-btn-hover-bg);
}
main .btn.btn-gray {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-gray-600);
  --bs-btn-border-color: var(--bs-gray-600);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--bs-gray-800);
  --bs-btn-hover-border-color: var(--bs-gray-800);
  --bs-btn-focus-shadow-rgb: 130,138,145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--bs-gray-800);
  --bs-btn-active-border-color: var(--bs-gray-800);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--bs-gray-600);
  --bs-btn-disabled-border-color: var(--bs-gray-600);
}

/* //////////
Header
////////// */
body header {
  margin-bottom: 0;
}

/* //////////
Navigation
////////// */
.navbar > .container-fluid {
  align-items: stretch;
}

@media screen and (max-width: 990px) {
  .navbar > .container-fluid {
    padding: 0;
  }
}
.navbar {
  --bs-navbar-color: var(--uslr-dark-teal);
  --bs-navbar-hover-color: black;
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: white;
}

/*///////////////
Navigation
///////////////*/
@media screen {
  #main-menu ul.navigation {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0;
    --bs-nav-link-font-weight: var(--bs-nav-link-font-weight);
    --bs-nav-link-color: white;
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #main-menu ul.navigation li a {
    border-top: 1px solid var(--bs-gray-400);
    display: block;
    padding: 12px 16px;
    text-decoration: none;
  }
  #main-menu ul.navigation li a:active, #main-menu ul.navigation li a:focus, #main-menu ul.navigation li a:hover {
    background-color: var(--uslr-bright-teal);
    color: black;
  }
  #main-menu ul.navigation li a.active {
    background-color: var(--uslr-dark-teal);
  }
  #main-menu ul.navigation li.active ul {
    background-color: var(--bs-gray-300);
    display: flex;
    flex-direction: column;
    list-style-type: none;
    padding-left: 0;
  }
  #main-menu ul.navigation li.active ul a {
    padding-left: 2rem;
  }
  li:not(.active) ul {
    display: none;
  }
}
@media screen and (min-width: 991px) {
  #main-menu ul.navigation {
    flex-direction: row;
    justify-content: end;
    margin-left: auto;
  }
  #main-menu ul.navigation li a {
    border: none;
  }
  #main-menu ul.navigation li.active ul {
    align-items: center;
    border-bottom: 1px solid var(--bs-gray-400);
    border-top: 1px solid var(--bs-gray-400);
    box-shadow: var(--bs-box-shadow) !important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%;
  }
  #main-menu ul.navigation li.active ul a {
    padding-left: 16px;
  }
  #main-menu:has(li.active > ul) {
    margin-bottom: 3.5rem;
  }
}
.navbar-nav {
  --bs-nav-link-color: var(--bs-navbar-color);
}

a.navbar-brand {
  align-items: center;
  border-bottom: 4px solid transparent;
  color: var(--uslr-purple);
  font-size: 1.5rem;
  display: flex;
  margin-left: var(--bs-gutter-x);
  padding-top: calc(var(--bs-navbar-brand-padding-y) + 4px);
  position: relative;
}
a.navbar-brand:hover {
  border-bottom-color: var(--uslr-orange);
  color: black;
}

.navbar-nav.main-menu {
  font-size: 1.25rem;
}

#main-menu {
  border-bottom: 1px solid var(--uslr-gray-teal);
  box-shadow: var(--bs-box-shadow);
  font-weight: 700;
  line-height: initial;
  font-size: 1.3rem;
}
#main-menu .navbar-toggler {
  margin-right: 12px;
}

@media screen and (min-width: 992px) {
  header ul.navigation a.navbar-brand {
    margin-left: 0;
  }
}
/* //////////
Main Content
////////// */
#main_content {
  padding-top: 25px;
  padding-bottom: 6rem;
}

/* //////////
Footer
////////// */
#footer {
  background-color: var(--bs-gray-400);
  border-top: 14px solid rgb(220, 226, 232);
  flex-grow: 1;
  gap: 2rem calc(var(--bs-gutter-x) * 2);
  padding-bottom: 4rem;
  padding-top: 4rem;
  width: 100%;
}
#footer .footer-content-wrapper {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem calc(var(--bs-gutter-x) * 2);
  justify-content: center;
  margin-bottom: 3rem;
}
#footer a {
  color: var(--uslr-darker-teal);
}
#footer a:focus, #footer a:hover {
  color: black;
}
#footer .content-warning {
  margin: 0 auto;
  text-align: center;
}
#footer .content-warning a,
#footer .content-warning a:hover {
  color: black;
  font-weight: 600;
}
#footer .footer-logos {
  align-items: center;
  display: flex;
  gap: 4rem;
  justify-content: center;
  width: 100%;
}
#footer .footer-logos img {
  max-height: 100px;
  width: auto;
}
#footer .back_to_top a {
  background: #fff;
  border: solid 1px var(--uslr-gray-teal);
  bottom: 0;
  color: var(--uslr-darker-teal);
  box-shadow: var(--bs-box-shadow);
  font-weight: 600;
  padding: 10px 15px;
  position: fixed;
  right: 2%;
  text-decoration: none;
  z-index: 1000;
}
#footer .back_to_top a:hover {
  color: #000;
  background-color: var(--uslr-light-teal);
}
#footer .back_to_top a:after {
  content: "↑";
  position: relative;
  top: -1px;
  left: 6px;
}

@media screen and (min-width: 992px) {
  #footer .footer-logos {
    justify-content: start;
  }
  #footer .content-warning {
    align-self: center;
    padding: 10px 16px;
    text-align: left;
  }
  #footer .content-warning,
  #footer .footer-logos,
  #footer .footer-content-left,
  #footer .footer-content-right {
    max-width: calc(50% - var(--bs-gutter-x));
  }
}
/* ///////////////////
Simple Page blocks
/////////////////// */
.bg-white-with-shadow {
  background: white;
  border-radius: var(--bs-border-radius);
  box-shadow: var(--bs-box-shadow) !important;
  padding: var(--bs-gutter-x);
}

.list-as-buttons ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 6px;
  margin: 0;
  padding: 0;
}
.list-as-buttons a, .list-as-buttons a:link, .list-as-buttons a:visited {
  background-color: white;
  border-radius: var(--bs-btn-border-radius);
  border: 2px solid var(--uslr-teal);
  display: block;
  font-weight: 500;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  text-decoration: none;
}
.list-as-buttons a:hover, .list-as-buttons a:link:hover, .list-as-buttons a:visited:hover {
  background-color: var(--uslr-dark-teal);
  border-color: var(--uslr-dark-teal);
  color: white;
}

body:not(.site-page-home) .blocks-inner.page-layout-normal {
  background: white;
  box-shadow: var(--bs-box-shadow);
  padding-bottom: var(--bs-gutter-x);
}
body:not(.site-page-home) .blocks-inner.page-layout-normal .block {
  padding-left: var(--bs-gutter-x);
  padding-right: var(--bs-gutter-x);
}

.block-pageTitle:not(.plain) {
  background: var(--uslr-dark-gray);
  border-left: 12px solid var(--uslr-gray);
  margin-bottom: var(--bs-gutter-x);
  padding: 12px 18px;
}
.block-pageTitle:not(.plain).page-title-blue {
  background-color: var(--uslr-blue);
  border-color: var(--uslr-light-blue);
}
.block-pageTitle:not(.plain).page-title-purple {
  background-color: var(--uslr-purple);
  border-color: var(--uslr-light-purple);
}
.block-pageTitle:not(.plain).page-title-teal {
  background-color: var(--uslr-dark-teal);
  border-color: var(--uslr-light-teal);
}
.block-pageTitle:not(.plain) + .block {
  margin-top: 0;
}

.block-pageTitle:not(.plain) h1,
.page-title-blue h1,
.page-title-purple h1,
.page-title .teal h1 {
  color: white;
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
}

.page-title-blue {
  background-color: var(--uslr-blue);
  border-color: var --uslr-light-blue;
}

.page-title-purple {
  background-color: var(--uslr-purple);
  border-color: var(--uslr-light-purple);
}

.page-title-teal {
  background-color: var(--uslr-dark-teal);
  border-color: var(--uslr-light-teal);
}

.block-heading-bar h2,
.block-heading-bar-teal h2,
.block-heading-bar-purple h2 {
  background: var(--uslr-dark-gray);
  border-top-left-radius: var(--bs-border-radius);
  border-top-right-radius: var(--bs-border-radius);
  border: 1px solid --uslr-dark-gray;
  margin-bottom: 18px;
  margin-left: calc(var(--bs-gutter-x) * -1);
  margin-right: calc(var(--bs-gutter-x) * -1);
  margin-top: calc(var(--bs-gutter-x) * -1);
  padding: 10px 18px;
}
.block-heading-bar h2 a,
.block-heading-bar-teal h2 a,
.block-heading-bar-purple h2 a {
  color: white;
  text-decoration: none !important;
}
.block-heading-bar h2 a:focus, .block-heading-bar h2 a:hover,
.block-heading-bar-teal h2 a:focus,
.block-heading-bar-teal h2 a:hover,
.block-heading-bar-purple h2 a:focus,
.block-heading-bar-purple h2 a:hover {
  text-decoration: underline !important;
}

.card.block-heading-bar h2.card-title,
.card.block-heading-bar-blue h2.card-title,
.card.block-heading-bar-teal h2.card-title,
.card.block-heading-bar-purple h2.card-title {
  border-radius: 0;
  border-top-left-radius: var(--bs-card-border-radius);
  border-top-right-radius: var(--bs-card-border-radius);
  margin-left: calc(var(--bs-card-spacer-y) * -1);
  margin-right: calc(var(--bs-card-spacer-y) * -1);
  margin-top: calc(var(--bs-card-spacer-y) * -1);
}

.block-heading-bar-teal h2 {
  background: var(--uslr-teal);
  border-color: var(--uslr-teal);
}
.block-heading-bar-teal h2 a {
  color: white;
}

.block-heading-bar-purple h2 {
  background: var(--uslr-purple);
  border-color: var(--uslr-purple);
}
.block-heading-bar-purple h2 a, .block-heading-bar-purple h2 a:visited {
  color: white;
}

.block-heading-bar-blue h2 {
  background: var(--uslr-blue);
  border-color: var(--uslr-blue);
}
.block-heading-bar-blue h2 a, .block-heading-bar-blue h2 a:visited {
  color: white;
}

/* //////////////////////////
Media blocks on Simple Pages
////////////////////////// */
.media-embed h3 {
  font-family: var(--bs-font-sans-serif);
  font-weight: 600;
}
.media-embed .resource a {
  font-weight: 700;
}
.media-embed .layout-horizontal.multiple-attachments {
  align-items: start;
}

.item.resource.show,
.media.resource.show {
  --bs-accordion-active-bg: var(--uslr-teal);
  --bs-accordion-active-color: white;
  --bs-accordion-border-color: var(--uslr-teal);
  --bs-accordion-btn-color: var(--uslr-teal);
  --bs-accordion-btn-color: white;
  --bs-accordion-inner-border-radius: 0px;
}
.item.resource.show .full-width-main,
.item.resource.show .main-with-right-sidebar,
.media.resource.show .full-width-main,
.media.resource.show .main-with-right-sidebar {
  background: white;
  box-shadow: var(--bs-box-shadow-lg);
  display: flex;
  flex-direction: column;
}
.item.resource.show .full-width-main > div:not(.resource-title),
.item.resource.show .main-with-right-sidebar > div:not(.resource-title),
.media.resource.show .full-width-main > div:not(.resource-title),
.media.resource.show .main-with-right-sidebar > div:not(.resource-title) {
  border-left: 12px solid var(--bs-gray-200);
  padding: 1.5rem var(--bs-gutter-x) 2rem var(--bs-gutter-x);
}
.item.resource.show .main-with-right-sidebar > div:last-of-type,
.media.resource.show .main-with-right-sidebar > div:last-of-type {
  flex-grow: 1;
}
.item.resource.show .resource-title,
.media.resource.show .resource-title {
  background-color: var(--uslr-dark-teal);
  border-left: 12px solid var(--uslr-light-teal);
  color: white;
}
.item.resource.show .resource-title h1,
.media.resource.show .resource-title h1 {
  font-size: 2rem;
  font-weight: 600;
  padding: 12px 18px;
}
.item.resource.show .media-render + .media-render.html,
.media.resource.show .media-render + .media-render.html {
  margin-top: 1.5rem;
}
.item.resource.show #resources-linked,
.media.resource.show #resources-linked {
  border: none;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 0;
}
.item.resource.show #resources-linked h3,
.media.resource.show #resources-linked h3 {
  background: var(--uslr-light-purple);
  border-left: 12px solid var(--uslr-lightest-purple);
  color: white;
  font-family: var(--bs-font-sans-serif);
  font-size: 17px;
  margin: 0;
  padding-bottom: 12px;
  padding-top: 12px;
  text-transform: uppercase;
}
.item.resource.show #resources-linked h3,
.item.resource.show #resources-linked .linked-header,
.item.resource.show #resources-linked .linked-footer,
.item.resource.show #resources-linked td,
.media.resource.show #resources-linked h3,
.media.resource.show #resources-linked .linked-header,
.media.resource.show #resources-linked .linked-footer,
.media.resource.show #resources-linked td {
  padding-left: var(--bs-gutter-x);
  padding-right: var(--bs-gutter-x);
}
.item.resource.show #resources-linked .linked-header,
.media.resource.show #resources-linked .linked-header {
  border-bottom: 1px solid var(--bs-gray-300);
  margin-bottom: 0.5rem;
}
.item.resource.show #resources-linked .linked-footer,
.media.resource.show #resources-linked .linked-footer {
  border-top: 1px solid var(--bs-gray-300);
  padding-top: 1rem;
  margin-top: 2rem;
  margin-bottom: -1rem;
}
.item.resource.show #resources-linked #linked-resources,
.media.resource.show #resources-linked #linked-resources {
  border-left: 12px solid var(--bs-gray-200);
  flex-grow: 1;
  padding: 1rem 0;
}
.item.resource.show #resources-linked #linked-resources table,
.media.resource.show #resources-linked #linked-resources table {
  width: 100%;
}
.item.resource.show #resources-linked #linked-resources table tr,
.media.resource.show #resources-linked #linked-resources table tr {
  display: flex;
  flex-direction: column;
  row-gap: 0.25rem;
  padding: 1rem 0;
  width: 100%;
}
.item.resource.show #resources-linked #linked-resources table tr th, .item.resource.show #resources-linked #linked-resources table tr td,
.media.resource.show #resources-linked #linked-resources table tr th,
.media.resource.show #resources-linked #linked-resources table tr td {
  border: 0;
}
.item.resource.show #resources-linked #linked-resources table tr td,
.media.resource.show #resources-linked #linked-resources table tr td {
  margin-left: -1px;
  margin-right: -3px;
}
.item.resource.show #resources-linked #linked-resources table tr td a.resource-link,
.media.resource.show #resources-linked #linked-resources table tr td a.resource-link {
  display: inline-block;
  font-weight: 600;
}
.item.resource.show #resources-linked #linked-resources table tr td a.resource-link:focus, .item.resource.show #resources-linked #linked-resources table tr td a.resource-link:hover,
.media.resource.show #resources-linked #linked-resources table tr td a.resource-link:focus,
.media.resource.show #resources-linked #linked-resources table tr td a.resource-link:hover {
  text-decoration-thickness: 3px;
}
.item.resource.show #resources-linked #linked-resources table tr td .linked-resource-description,
.media.resource.show #resources-linked #linked-resources table tr td .linked-resource-description {
  font-size: 16px;
}
.item.resource.show .accordion,
.media.resource.show .accordion {
  box-shadow: var(--bs-box-shadow);
}
.item.resource.show .accordion-item,
.media.resource.show .accordion-item {
  border: none;
}
.item.resource.show h2.accordion-header button,
.media.resource.show h2.accordion-header button {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}
.item.resource.show .accordion-button,
.media.resource.show .accordion-button {
  border-radius: 0px !important;
  background-color: var(--uslr-teal);
  color: white;
}
.item.resource.show .accordion-button::after,
.item.resource.show .accordion-button:not(.collapsed)::after,
.media.resource.show .accordion-button::after,
.media.resource.show .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.item.resource.show .accordion-body,
.media.resource.show .accordion-body {
  background-color: var(--uslr-lightest-teal);
  border-color: var(--uslr-lightest-teal);
  font-size: 1.25rem;
}
.item.resource.show .accordion-body dl,
.media.resource.show .accordion-body dl {
  margin-bottom: 0;
}

dl.metadata {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  gap: 0rem 3rem;
  line-height: 1.33;
}
dl.metadata dt {
  font-size: 1.15rem;
}
dl.metadata dd {
  margin-bottom: 0;
}
dl.metadata .documents a.resource-link {
  margin-bottom: 8px;
}
dl.metadata .legal-concept,
dl.metadata .subject,
dl.metadata .temporal-coverage,
dl.metadata .spatial-coverage {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
dl.metadata .legal-concept dt,
dl.metadata .subject dt,
dl.metadata .temporal-coverage dt,
dl.metadata .spatial-coverage dt {
  width: 100%;
}
dl.metadata .legal-concept a.resource-link,
dl.metadata .subject a.resource-link,
dl.metadata .temporal-coverage a.resource-link,
dl.metadata .spatial-coverage a.resource-link {
  --bs-btn-padding-x: 8px;
  --bs-btn-padding-y: 4px;
  --bs-btn-font-size: 1.1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  background-color: white;
  border-radius: var(--bs-btn-border-radius);
  border: 2px solid var(--uslr-dark-teal);
  color: var(--uslr-dark-teal);
  cursor: pointer;
  font-family: var(--bs-font-sans-serif);
  font-size: var(--bs-btn-font-size);
  font-weight: 700;
  line-height: var(--bs-btn-line-height);
  margin: 0;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  text-align: center;
  text-decoration: none;
}
dl.metadata .legal-concept a.resource-link:active, dl.metadata .legal-concept a.resource-link:hover,
dl.metadata .subject a.resource-link:active,
dl.metadata .subject a.resource-link:hover,
dl.metadata .temporal-coverage a.resource-link:active,
dl.metadata .temporal-coverage a.resource-link:hover,
dl.metadata .spatial-coverage a.resource-link:active,
dl.metadata .spatial-coverage a.resource-link:hover {
  background-color: var(--uslr-dark-teal);
  border-color: var(--uslr-dark-teal);
  color: white;
  box-shadow: var(--bs-btn-focus-box-shadow);
  text-decoration: none;
}
dl.metadata .legal-concept a.resource-link.disabled,
dl.metadata .subject a.resource-link.disabled,
dl.metadata .temporal-coverage a.resource-link.disabled,
dl.metadata .spatial-coverage a.resource-link.disabled {
  opacity: var(--bs-btn-disabled-opacity);
}
dl.metadata .legal-concept a.resource-link {
  background-color: var(--uslr-teal);
  border-color: var(--uslr-teal);
  color: white;
}
dl.metadata .legal-concept a.resource-link:active, dl.metadata .legal-concept a.resource-link:hover {
  background-color: var(--uslr-dark-teal);
  border-color: var(--uslr-dark-teal);
}
dl.metadata .subject a.resource-link {
  background-color: var(--uslr-purple);
  border-color: var(--uslr-purple);
  color: white;
}
dl.metadata .subject a.resource-link:active, dl.metadata .subject a.resource-link:hover {
  background-color: var(--uslr-dark-purple);
  border-color: var(--uslr-dark-purple);
}
dl.metadata .temporal-coverage a.resource-link {
  background-color: var(--uslr-blue);
  border-color: var(--uslr-blue);
  color: white;
}
dl.metadata .temporal-coverage a.resource-link:active, dl.metadata .temporal-coverage a.resource-link:hover {
  background-color: var(--uslr-dark-blue);
  border-color: var(--uslr-dark-blue);
}

@media screen {
  dl.metadata .legal-concept .value,
  dl.metadata .subject .value,
  dl.metadata .temporal-coverage .value,
  dl.metadata .spatial-coverage .value {
    align-items: start;
  }
}
.browse:not(.faceted-browse-page) .blocks-inner.page-layout-normal {
  padding-left: 0;
  padding-right: 0;
}
.browse:not(.faceted-browse-page) .search-filters .filter-label,
.browse:not(.faceted-browse-page) .search-filters .filter-value {
  border-color: var(--uslr-gray-teal);
  padding: 2px 8px;
}
.browse:not(.faceted-browse-page) .block-pageTitle .search-filters {
  display: inline-block;
}
.browse:not(.faceted-browse-page) .block-pageTitle .search-filters .filter-label {
  display: none;
}
.browse:not(.faceted-browse-page) .block-pageTitle .search-filters .filter-value {
  border: none;
  margin-right: -0.4rem;
  padding: 0;
}
.browse:not(.faceted-browse-page) dl.metadata {
  gap: 1rem 3rem;
}
.browse:not(.faceted-browse-page) .browse-controls,
.browse:not(.faceted-browse-page) .browse-controls:first-of-type {
  border: none;
  margin: 1.5rem 0 1rem 0;
}
.browse:not(.faceted-browse-page) ul.resource-list .resource:first-child {
  padding-top: 1.5rem;
}
.browse:not(.faceted-browse-page) ul.resource-list .resource {
  padding: 1.5rem 0;
}

@media screen and (min-width: 992px) {
  .browse dl.metadata .property:not(.description) {
    width: 45%;
  }
}
.show .property {
  margin-bottom: 1.5rem;
  min-width: 40%;
}
.show .property dt {
  margin-bottom: 5px;
}
.show .property dt:first-child,
.show .property dt:last-child,
.show .property .value:not(:last-child) {
  margin-top: 0;
}
.show .property .value:not(:last-child) {
  margin-bottom: 0;
}

.property.url .uri-value-link {
  word-break: break-all;
}

@media screen and (min-width: 992px) {
  .show .right-sidebar .accordion-button,
  .show .right-sidebar .accordion-body {
    padding-left: 25px;
  }
}
.content-warning {
  background: rgb(255, 206, 171);
  border: 2px solid var(--uslr-orange);
  font-size: 1.25rem;
  line-height: 1.33;
  margin-bottom: 15px;
  padding: 5px 10px;
}

/* //////////////////////////
Media-only page (view/omeka/site/media/show.phtml)
////////////////////////// */
.media.resource.show .resource-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.media.resource.show .resource-title h1 {
  padding-right: 0;
}
.media.resource.show .resource-title .label {
  padding-right: var(--bs-gutter-x);
}
.media.resource.show .media-parent-item { /* "Part of" link that follows media */
  background: var(--bs-gray-700);
  border-left: 12px solid var(--bs-gray-600);
  color: white;
  margin: 0;
  padding: 1.5rem var(--bs-gutter-x) 2rem var(--bs-gutter-x);
  text-align: center;
}
.media.resource.show .media-parent-item a {
  color: var(--uslr-lightest-teal);
}
.media.resource.show .media-parent-item a:hover {
  color: white;
}

/* //////////////////////////
Faceted Browse
////////////////////////// */
.faceted-browse-page main h1 {
  background: var(--uslr-purple);
  border-left: 12px solid var(--uslr-light-purple);
  color: white;
  font-size: 2rem;
  font-weight: 600;
  margin: 0;
  padding: 9px 18px 12px 18px;
}
.faceted-browse-page main #section-content {
  padding-left: 0;
}
.faceted-browse-page main #instructionsAccordion {
  margin-bottom: 20px;
  width: 90%;
}
.faceted-browse-page main #instructionsAccordion .accordion-item {
  border: 1px solid var(--uslr-gray-teal);
  border-radius: 0;
}
.faceted-browse-page main #instructionsAccordion button.accordion-button {
  background: var(--uslr-lightest-teal);
  border-radius: 0;
  color: var(--uslr-darker-teal);
  font-weight: 500;
  padding: 8px 10px;
}
.faceted-browse-page main #instructionsAccordion .accordion-body {
  background: rgb(245, 250, 250);
}
.faceted-browse-page main #instructionsText p {
  margin-bottom: 0;
}
.faceted-browse-page main #facets .facet {
  margin-bottom: 25px;
}
.faceted-browse-page main #facets .facet .select-list-item label {
  align-items: center;
  gap: 3px;
}
.faceted-browse-page main #facets .select-list {
  margin-bottom: 10px;
}
.faceted-browse-page main #facets a.select-list-expand,
.faceted-browse-page main #facets a.select-list-collapse {
  background-color: var(--uslr-lightest-teal);
  border: 1px solid var(--uslr-light-teal);
  border-radius: 4px;
  color: var(--uslr-darker-teal);
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
  text-decoration: none;
}
.faceted-browse-page main #facets a.select-list-expand:active, .faceted-browse-page main #facets a.select-list-expand:hover,
.faceted-browse-page main #facets a.select-list-collapse:active,
.faceted-browse-page main #facets a.select-list-collapse:hover {
  background-color: var(--uslr-dark-teal);
  border: 1px solid var(--uslr-dark-teal);
  color: white;
  text-decoration: none;
}
.faceted-browse-page main #facets a.select-list-expand a.select-list-hidden-count:hover,
.faceted-browse-page main #facets a.select-list-collapse a.select-list-hidden-count:hover {
  text-decoration: none;
}
.faceted-browse-page main #section-content .browse-result-item {
  border-bottom: 1px solid var(--uslr-gray-teal);
  display: flex;
  flex-direction: column;
  padding: 2rem 0;
}
.faceted-browse-page main #section-content .browse-result-item .browse-result-metadata {
  border-bottom: 0;
  max-width: initial;
  min-width: initial;
  padding: initial;
  width: initial;
}
.faceted-browse-page main #section-content .browse-result-item .browse-result-metadata:not(:last-child) {
  margin-bottom: 10px;
}
.faceted-browse-page main #section-content .browse-result-item .browse-result-metadata .metadata-label,
.faceted-browse-page main #section-content .browse-result-item .browse-result-metadata .metadata-value {
  display: inline-block;
}
.faceted-browse-page main #section-content .browse-result-item .browse-result-metadata .metadata-label {
  font-weight: 600;
  margin-right: 0.5rem;
}
.faceted-browse-page main #section-content .browse-result-item .browse-result-metadata.title {
  font-family: var(--bs-font-serif);
  font-size: 1.75rem;
}
.faceted-browse-page main #section-content .browse-result-item .browse-result-metadata.title .resource-name {
  font-weight: 600;
}
.faceted-browse-page main #section-content .browse-result-item .browse-result-metadata:not(:has(.metadata-value)) {
  display: none;
}
.faceted-browse-page main #section-content .browse-result-item .browse-result-metadata:has(.metadata-value) {
  display: flex;
}
.faceted-browse-page main #section-content .browse-result-item .browse-result-metadata.part-of .metadata-label,
.faceted-browse-page main #section-content .browse-result-item .browse-result-metadata.part-of .metadata-value {
  display: block;
}
.faceted-browse-page main #section-content .browse-result-item .browse-result-metadata.part-of ul {
  list-style: initial;
  padding-left: 2rem;
}
.faceted-browse-page main #section-content .browse-result-item .browse-result-metadata.part-of ul .resource-name {
  font-weight: 500;
}
.faceted-browse-page main #section-content .browse-result-item .browse-result-metadata.part-of:not(:has(li)) {
  display: none;
}
.faceted-browse-page main #section-content .browse-result-item .browse-result-metadata.part-of:has(li) {
  display: block;
}

.block-facetedBrowsePreview #main_content table .resource-link,
.block-facetedBrowsePreview #main_content table img + .resource-name,
.faceted-browse-page #main_content #section-content table .resource-link,
.faceted-browse-page #main_content #section-content table img + .resource-name {
  max-width: initial;
  min-width: initial;
}

#faceted-browse-1 .tablesaw-advance {
  display: none;
}

/* //////////////////////
Linked Resources Blocks 
////////////////////// */
.linked-header,
.linked-footer {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
}
.linked-header select,
.linked-footer select {
  margin: 0px 5px;
}
.linked-header nav.pagination,
.linked-footer nav.pagination {
  margin-bottom: 1rem;
}
.linked-header .linked-resources-count,
.linked-footer .linked-resources-count {
  font-size: 15px;
  margin-top: -0.75rem;
}

.pagination-buttons {
  margin-left: 10px;
  margin-right: 10px;
}

.page-count {
  padding-top: 0.5rem;
}

.pagination .button,
.pagination-buttons a {
  line-height: 1.5;
  padding: 0.25rem 0.75rem;
}
.pagination .button.inactive,
.pagination-buttons a.inactive {
  border: 1px solid #aaa;
}
.pagination .button:not(.inactive),
.pagination-buttons a:not(.inactive) {
  border: 1px solid var(--uslr-light-teal);
}
.pagination .button:not(.inactive):hover,
.pagination-buttons a:not(.inactive):hover {
  background: var(--uslr-dark-teal);
  color: white;
}

/* ///////////////////
Browse Controls
////////////////// */
@media screen {
  .browse-controls:first-of-type {
    border-bottom: 1px solid var(--uslr-gray-teal);
  }
  .browse-controls:last-of-type {
    margin-top: 1rem;
  }
  .browse-controls .button,
  .browse-controls a.button,
  .browse-controls .pagination .button,
  .browse-controls .pagination-buttons a {
    line-height: 1.5;
    padding: 0.25rem 0.75rem;
  }
  .browse-controls .button.inactive,
  .browse-controls a.button.inactive,
  .browse-controls .pagination .button.inactive,
  .browse-controls .pagination-buttons a.inactive {
    border: 1px solid #aaa;
  }
  .browse-controls .button:not(.inactive),
  .browse-controls a.button:not(.inactive),
  .browse-controls .pagination .button:not(.inactive),
  .browse-controls .pagination-buttons a:not(.inactive) {
    border: 1px solid var(--uslr-light-teal);
  }
  .browse-controls .button:not(.inactive):hover,
  .browse-controls a.button:not(.inactive):hover,
  .browse-controls .pagination .button:not(.inactive):hover,
  .browse-controls .pagination-buttons a:not(.inactive):hover {
    background: var(--uslr-dark-teal);
    color: white;
  }
  .browse-controls [type=submit] {
    border: 1px solid var(--uslr-light-teal);
    color: var(--uslr-darker-teal);
    font-weight: 600;
    padding: 0.25rem 0.75rem;
  }
  .browse-controls [type=submit]:hover {
    background: var(--uslr-dark-teal);
    color: white;
  }
  .browse-controls .page-count {
    padding-top: 0.3325rem;
  }
  .pagination input {
    padding-left: 0;
    padding-right: 0;
    min-width: 3.5rem;
  }
  nav.pagination {
    line-height: 1.5;
  }
}
@media screen and (max-width: 39.9988em) {
  #section-content {
    padding-top: 15px;
  }
}
/* ///////////////////
Simple Page blocks
/////////////////// */
/* Legal Concepts Item Set */
#itemSet-378 ul.resource-list,
#itemSet-379 ul.resource-list,
#itemSet-380 ul.resource-list,
#itemSet-381 ul.resource-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 24px;
}
#itemSet-378 ul.resource-list .resource,
#itemSet-379 ul.resource-list .resource,
#itemSet-380 ul.resource-list .resource,
#itemSet-381 ul.resource-list .resource {
  border: 1px solid var(--uslr-light-gray);
  padding: 0;
}
#itemSet-378 ul.resource-list .resource .resource-link,
#itemSet-379 ul.resource-list .resource .resource-link,
#itemSet-380 ul.resource-list .resource .resource-link,
#itemSet-381 ul.resource-list .resource .resource-link {
  background: var(--uslr-light-gray);
  border-left: 10px solid var(--uslr-gray);
  color: black;
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.01rem;
  padding: 4px 10px;
  text-decoration: none;
}
#itemSet-378 ul.resource-list .resource .resource-link:hover,
#itemSet-379 ul.resource-list .resource .resource-link:hover,
#itemSet-380 ul.resource-list .resource .resource-link:hover,
#itemSet-381 ul.resource-list .resource .resource-link:hover {
  background: var(--uslr-dark-gray);
  border-color: rgb(35, 35, 35);
  color: white;
}
#itemSet-378 ul.resource-list .resource > div,
#itemSet-379 ul.resource-list .resource > div,
#itemSet-380 ul.resource-list .resource > div,
#itemSet-381 ul.resource-list .resource > div {
  padding: 12px;
}

@media screen and (min-width: 992px) {
  #itemSet-378 ul.resource-list .resource,
  #itemSet-379 ul.resource-list .resource,
  #itemSet-380 ul.resource-list .resource,
  #itemSet-381 ul.resource-list .resource {
    width: calc(50% - 12px);
  }
}
#itemSet-378 .block-pageTitle {
  background-color: var(--uslr-dark-teal);
  border-color: var(--uslr-light-teal);
}
#itemSet-378 ul.resource-list .resource {
  border-color: var(--uslr-gray-teal);
}
#itemSet-378 ul.resource-list .resource .resource-link {
  background: var(--uslr-bright-teal);
  border-left: 10px solid var(--uslr-light-teal);
}
#itemSet-378 ul.resource-list .resource .resource-link:hover {
  background: var(--uslr-teal);
  border-color: var(--uslr-dark-teal);
}

#itemSet-379 .block-pageTitle {
  background-color: var(--uslr-purple);
  border-color: var(--uslr-light-purple);
}
#itemSet-379 ul.resource-list .resource {
  border-color: var(--uslr-purple);
}
#itemSet-379 ul.resource-list .resource .resource-link {
  background: var(--uslr-lightest-purple);
  border-left: 10px solid var(--uslr-purple);
}
#itemSet-379 ul.resource-list .resource .resource-link:hover {
  background: var(--uslr-purple);
  border-color: var(--uslr-dark-purple);
}

#itemSet-380 .block-pageTitle {
  background-color: var(--uslr-blue);
  border-color: var(--uslr-light-blue);
}
#itemSet-380 ul.resource-list .resource {
  border-color: var(--uslr-light-blue);
}
#itemSet-380 ul.resource-list .resource .resource-link {
  background: var(--uslr-lightest-blue);
  border-left: 10px solid var(--uslr-light-blue);
}
#itemSet-380 ul.resource-list .resource .resource-link:hover {
  background: var(--uslr-blue);
  border-color: var(--uslr-dark-blue);
}

.site-page-terminology .row .block-html h2 {
  border-bottom: 1px solid var(--uslr-gray-teal);
  padding-bottom: 1rem;
}
.site-page-terminology .row .block-html h3 {
  margin-top: 1.5rem;
}
.site-page-terminology .row .block-html p a.btn {
  margin-top: 0.75rem;
}

/* ///////////////////////
Bootstrap Card tweaks  
///////////////////// */
@media screen {
  .card {
    --bs-card-border-width: 0px;
    --bs-card-bg: white;
  }
  .card h2, .card h3, .card h4, .card h5, .card h6, .card p, .card a {
    color: black;
    font-style: initial;
    text-align: initial;
  }
  .page-layout-normal .block-layout-alignment-block-right, .page-layout-normal .block-layout-alignment-block-left {
    max-width: 28%;
  }
  .resource-meta .resource-link .resource-name {
    font-size: 1.45em;
  }
}
/* /////////////////////////////////////////
Homepage design May 2025
///////////////////////////////////////// */
.homepage-intro-card.block-blockGroup.block-group-grid {
  background: white;
  border-radius: var(--bs-border-radius);
  padding: 0;
  position: relative;
  row-gap: 0;
  z-index: 1;
}

.homepage-intro-card .block-asset {
  grid-column-end: span 12;
}

.homepage-intro-card .block-asset .assets .asset {
  height: 500px;
}

.homepage-intro-card .block-asset .assets .asset img {
  border-top-left-radius: var(--bs-border-radius);
  border-top-right-radius: var(--bs-border-radius);
  height: 100%;
  object-fit: cover;
  object-position: center;
  width: 100%;
}

.homepage-intro-card .block-html {
  padding-left: 3rem;
  padding-right: 2rem;
}

.homepage-intro-card .title {
  padding-top: 2rem;
}

.homepage-intro-card .intro-para {
  padding-top: 0.5rem;
  padding-bottom: 2rem;
}

/* Teal band  behind title */
.site-page-home #main_content:before {
  background-color: var(--uslr-teal);
  content: "";
  display: block;
  height: 200px;
  position: absolute;
  margin-top: -25px;
  width: 100%;
  z-index: -1;
}

/* "Equality Before the Law" */
.site-page-home main h1 {
  font-family: "Inter", Helvetica, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.1;
}

/* An Open Educational Resource */
.site-page-home main h1 .subtitle {
  border-left: 4px solid var(--uslr-orange);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1;
  padding-left: 0.75rem;
  text-transform: uppercase;
}

@media screen and (min-width: 575px) {
  /* grid */
  .homepage-intro-card .grid-span-12 {
    grid-column-end: initial;
  }
  .homepage-intro-card .block-asset {
    grid-column-start: 10;
    grid-column-end: span 12;
  }
  .homepage-intro-card .block-asset .assets .asset {
    height: auto;
  }
  .homepage-intro-card .block-asset .assets .asset img {
    height: 100%;
    width: 100%;
  }
  .homepage-intro-card .block-html {
    padding-left: 3rem;
  }
  .homepage-intro-card .title {
    grid-column-start: 1;
    grid-column-end: span 9;
  }
  .homepage-intro-card .intro-para {
    grid-column-start: 1;
    grid-column-end: span 16;
    padding-right: 0;
    padding-top: 2rem;
    width: 100%;
  }
  /* blocks */
  .homepage-intro-card .block-asset,
  .homepage-intro-card .block-asset .assets .asset img {
    border: transparent;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: var(--bs-border-radius);
  }
  .homepage-intro-card .title {
    align-self: center;
    grid-row-start: 1;
  }
}
.site-page-home main h1 {
  font-size: 4.5rem;
}

@media screen and (min-width: 768px) {
  .homepage-intro-card .block-asset {
    grid-column-start: 8;
    grid-column-end: span 12;
    grid-row-end: span 2;
  }
  .homepage-intro-card .block-asset,
  .homepage-intro-card .block-asset .assets .asset img {
    border-bottom-right-radius: var(--bs-border-radius);
  }
  .homepage-intro-card .block-asset .assets,
  .homepage-intro-card .block-asset .assets .asset {
    height: 100%;
  }
  .homepage-intro-card .block-asset .assets .asset img {
    height: 100%;
    width: auto;
  }
  .homepage-intro-card .block-html {
    grid-column-start: 1;
    grid-column-end: span 7;
    padding-left: 2rem;
  }
  .homepage-intro-card .title {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
  }
  .homepage-intro-card .intro-para {
    padding-top: 0;
  }
  .site-page-home main h1 .subtitle {
    margin-left: 0.75rem;
  }
}
@media screen and (min-width: 992px) {
  .homepage-intro-card .block-asset {
    grid-column-start: 10;
    grid-column-end: span 12;
    grid-row-end: span 2;
  }
  .homepage-intro-card .block-html {
    grid-column-start: 1;
    grid-column-end: span 9;
    padding-left: 3rem;
  }
  .site-page-home main h1 {
    font-size: 5rem;
  }
}
@media screen and (min-width: 1200px) {
  .homepage-intro-card .block-asset {
    grid-column-start: 11;
  }
  .homepage-intro-card .block-html {
    grid-column-end: span 10;
  }
}

/*# sourceMappingURL=style.css.map */