/* ------------------------------------ *\
  CONTENTS
\* ------------------------------------ */

/**
 * CONTENTS..............You’re reading it!
*/

.paragraph--type--event .paragraph--type--section .layout .layout__region {
  margin: 0 0 -1px -1px;
  padding: 2rem;
  border: 1px solid var(--bs-blue);
  background-color: var(--bs-white);
  color: var(--bs-blue);
  align-content: center;
  justify-content: center;
  text-align: center;
  text-transform: uppercase;
}

.paragraph--type--event
  .paragraph.section--gut.paragraph--type--section
  > .layout.layout--3col
  > .layout__region {
  padding: 3rem 2rem;
}

.paragraph--type--event
  .paragraph--type--section
  .layout
  .layout__region.layout__region--second {
  font-size: 1rem;
  letter-spacing: 2px;
}

.paragraph--type--event
  .paragraph--type--section
  .layout
  .layout__region.layout__region--second
  p {
  text-transform: uppercase;
  font-size: 1rem;
}

.paragraph--type--event
  .paragraph--type--section
  .layout
  .layout__region.layout__region--second,
.paragraph--type--event
  .paragraph--type--section
  .layout
  .layout__region.layout__region--second
  strong {
  font-size: 1.375rem;
  text-transform: none;
  letter-spacing: 2px;
}

.paragraph--type--event
  .paragraph--type--section
  .layout
  .layout__region.layout__region--first
  strong {
  font-size: 2.75rem;
  letter-spacing: 4px;
}

.paragraph--type--event
  .paragraph--type--section
  .layout
  .layout__region.layout__region--third
  strong {
  font-size: 1.375rem;
}

.paragraph--type--event
  .paragraph--type--section
  .layout
  .layout__region.layout__region--second
  .field--name-field-event-txt-2 {
  width: fit-content;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7;
}

.paragraph--type--event
  .paragraph--type--section
  .layout
  .layout__region.layout__region--third
  svg {
  max-width: 100%;
  margin-top: 0.5rem;
  height: 0.8rem;
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media screen and (max-width: 767.98px) {
  .paragraph--type--event
    .paragraph--type--section
    .layout
    .layout__region.layout__region--first {
    font-size: 2rem;
  }

  .paragraph--type--event
    .paragraph--type--section
    .layout
    .layout__region.layout__region--first
    strong {
    font-size: 2rem;
  }

  .paragraph--type--event
    .paragraph--type--section
    .layout
    .layout__region.layout__region--second
    .field--name-field-event-txt-2 {
    text-align: center;
  }
}