/** ===============================================

  Responsive

  ===============================================**/

/** ===============================================

  Layout

  ===============================================**/

/** ===============================================

  Flexbox

  ===============================================**/

/** ===============================================

  Position

  ===============================================**/

/** ===============================================

  Effects

  ===============================================**/

/** ===============================================

  Buttons

  ===============================================**/

/** ===============================================

  Components

  ===============================================**/

.paragraph--type-cards .field--name-field-items {

  flex-direction: column !important; }



.paragraph--type-card,

.node--view-mode-card {

  position: relative;

  max-width: 25rem;

  margin: auto;

  margin-bottom: 2rem; }

  .paragraph--type-card .click::before,

  .node--view-mode-card .click::before {

    content: " ";

    display: block;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    z-index: 1; }

  .paragraph--type-card .field--name-field-image,

  .node--view-mode-card .field--name-field-image {

    margin: 0; }

  .paragraph--type-card .content,

  .node--view-mode-card .content {

    padding: 1rem;

    text-align: center; }

  .paragraph--type-card .node-title,

  .node--view-mode-card .node-title {

    font-size: 2rem;

    background: none;

    padding: 0;

    margin: auto; }

    @media (max-width: 1200px) {

      .paragraph--type-card .node-title,

      .node--view-mode-card .node-title {

        font-size: calc(1.325rem + 0.9vw) ; } }

  .paragraph--type-card .node-links,

  .paragraph--type-card .field--name-field-link,

  .node--view-mode-card .node-links,

  .node--view-mode-card .field--name-field-link {

    margin: 0;

    margin-bottom: -2rem; }



.paragraph--type-card {

  border: 1px solid black; }


/* Event cards: keep action buttons visible and aligned. */
.node--view-mode-card .node-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .75rem;
  margin: 1.5rem 0 0;
}
.node--view-mode-card .node-links .button,
.node--view-mode-card .node-links .button:first-child:not(:last-child),
.node--view-mode-card .node-links .button:last-child:not(:first-child) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: min(9rem, 100%);
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
}