.card {
  font-size: var(--font-size-xs); }
  .card p {
    margin: 0; }
    .card p + p {
      margin-top: 2rem; }
  .card.watermark-card {
    position: relative;
    border: 1px #ddd solid;
    border-top: none;
    box-shadow: none; }
  .card-status {
    display: flex;
    align-items: center;
    font-weight: 700; }
    .card-status::before {
      margin-right: 0.5rem;
      width: 24px;
      height: 24px;
      content: " ";
      display: block;
      background-repeat: no-repeat;
      background-size: contain; }
    .card-status--expired {
      color: var(--color-status-warning); }
      .card-status--expired::before {
        background-image: var(--icon-wm-suspended-outline); }
    .card-status--cancelled {
      color: var(--color-status-error); }
      .card-status--cancelled::before {
        background-image: var(--icon-wm-cancelled-outline); }
    .card-status--suspended {
      color: var(--color-status-error); }
      .card-status--suspended::before {
        background-image: var(--icon-wm-cancelled-outline); }
    .card-status--success {
      color: var(--color-status-good); }
      .card-status--success::before {
        background-image: var(--icon-wm-active-outline); }

.resource-list div.default-card {
  border: none;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 26rem;
  background: var(--color-white);
  color: var(--color-black);
  --color-text-header: var(--color-navy);
  padding: var(--size-button) var(--font-size-l) var(--font-size-l);
  background: var(--color-white);
  color: var(--color-black);
  --color-text-header: var(--color-navy); }

.resource-list .default-card-title {
  flex-grow: 1;
  margin: var(--space-m) 0 var(--space-s); }

.resource-list .default-card-content {
  border-bottom: 1px solid var(--color-blue);
  padding: var(--font-size-m) 0;
  color: var(--color-blue); }
  .resource-list .default-card-content p {
    color: var(--color-black);
    padding-bottom: 2rem; }

.resource-list span.time:before {
  background-image: var(--icon-calendar);
  content: '';
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 0.5em;
  width: 1em;
  height: 1em;
  flex-shrink: 0; }

.resource-list .icon-position-before.icon-type-calendar .time:before {
  content: none !important; }

.resource-list .default-card-meta {
  position: absolute;
  top: 0;
  right: 0;
  height: var(--size-button);
  width: var(--size-button);
  background: var(--color-blue) var(--icon-caret-right-inverse) no-repeat center center;
  overflow: hidden;
  text-indent: -9999em; }

.card-list-default a {
  text-decoration: none; }

div.default-card {
  border-left: 3px solid var(--color-accent);
  padding: var(--font-size-l);
  background: var(--color-white);
  --color-text-header: var(--color-navy); }
  div.default-card a {
    text-decoration: none; }
  .background-none div.default-card {
    box-shadow: 0 0 1rem var(--color-gray-8); }
  div.default-card.meeting-card {
    border-left: none;
    background: none;
    box-shadow: none; }
  div.default-card .default-card-content a {
    text-decoration: none; }

.default-card-title {
  margin-top: 0; }

.default-card-meta {
  color: var(--color-gray-4); }

.ncc-nav-card span.icon.icon-text-default.icon-position-before.icon-type-calendar {
  float: left;
  margin-right: 1em; }

span.inline-text.faq-card-title {
  font-size: var(--font-size-h4);
  font-weight: bold;
  line-height: var(--line-height-heading);
  color: var(--color-text-header);
  display: block;
  background: white;
  padding: 10px;
  margin: 0;
  padding: 3rem 0 0 1.5rem; }

.read_more_list .card-list-contents div[aria-label="content"] {
  background: var(--color-white); }
  .read_more_list .card-list-contents div[aria-label="content"] p {
    padding: 3rem 0 0 1.5rem; }

.read_more_list .image-card-details-events {
  padding: var(--space-m) var(--space-m) 0 1rem;
  min-height: 100px; }
  .read_more_list .image-card-details-events .buttons {
    position: absolute;
    bottom: 1rem; }

@media (min-width: 76.5rem) {
  .read_more_list .card-list-contents {
    grid-template-columns: repeat(4, 1fr) !important; } }

.node-help-and-support--abcb .image-card-details-events,
.node-help-and-support--ncc .image-card-details-events,
.node-help-and-support--watermark .image-card-details-events,
.node-help-and-support--codemark .image-card-details-events {
  min-height: 250px; }