/* CSS for Failed Bank nodes only */

/* Full Display */
.node--failed-bank--full {
  .paragraph--type--card-group { /* Card component */
    .card-group-heading {
      padding: 0.5rem 1rem;
      background-color: var(--table-header-bg-color);
      color: var(--table-header-text-color);
    }
  }

  .paragraph--type--text { /* Text component */
    .media--type-image {
      line-height: 0; /* Resets line height declared in layout */

      img {
        display: inline;
        height: auto;
        max-width: 100%;
        object-fit: contain;
      }
    }

    .media + :is(h1, h2, h3, h4, h5, h6) {
      margin-top: 0;
      padding: 0.5rem 1rem;
      background-color: var(--table-header-bg-color);
      color: var(--table-header-text-color);
    }
  }
}

.views-element-container {
  .views-exposed-form {
    display: flex;
    flex-wrap: wrap;

    .form-item-items-per-page {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      margin-left: auto;

      label {
        margin: 0;
      }
    }

    .form-actions.js-form-wrapper.form-wrapper {
      flex: 0 0 100%;
      margin-top: 0;

      input {
          margin-top: 0.5rem;
        }
    }
  }
}