/**
 * @file
 * Styles for system messages.
 */
.messages {
  padding: 15px 20px 15px 35px; /* LTR */
  word-wrap: break-word;
  border: 1px solid;
  border-width: 1px 1px 1px 0; /* LTR */
  border-radius: 2px;
  background: no-repeat 10px 17px; /* LTR */
  overflow-wrap: break-word;
}

[dir=rtl] .messages {
  padding-right: 35px;
  padding-left: 20px;
  text-align: right;
  border-width: 1px 0 1px 1px;
  background-position: right 10px top 17px;
}

.messages + .messages {
  margin-top: 1.538em;
}

.messages__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.messages__item + .messages__item {
  margin-top: 0.769em;
}

.messages--status {
  color: #325e1c;
  border-color: #c9e1bd #c9e1bd #c9e1bd transparent; /* LTR */
  background-color: #f3faef;
  background-image: url(/themes/nrich/images/icons/check.svg);
  box-shadow: -8px 0 0 #77b259; /* LTR */
}

[dir=rtl] .messages--status {
  margin-left: 0;
  border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
  box-shadow: 8px 0 0 #77b259;
}

.messages--warning {
  color: #734c00;
  border-color: #f4daa6 #f4daa6 #f4daa6 transparent; /* LTR */
  background-color: #fdf8ed;
  background-image: url(/themes/nrich/images/icons/warning.svg);
  box-shadow: -8px 0 0 #e09600; /* LTR */
}

[dir=rtl] .messages--warning {
  border-color: #f4daa6 transparent #f4daa6 #f4daa6;
  box-shadow: 8px 0 0 #e09600;
}

.messages--error {
  color: #a51b00;
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent; /* LTR */
  background-color: #fcf4f2;
  background-image: url(/themes/nrich/images/icons/error.svg);
  box-shadow: -8px 0 0 #e62600; /* LTR */
}

[dir=rtl] .messages--error {
  border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
  box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
  color: #a51b00;
}

/** ----------------------------------------------------------------------------
 *                                                              Touchdreams' styling
 */
.block[data-drupal-messages] {
  margin-top: 1em;
  margin-bottom: 1em;
}

div.messages-list {
  max-width: var(--text-max-width);
  box-sizing: border-box;
  margin: 1em auto;
}
div.messages--status,
div.messages--warning,
div.messages--error {
  background: grey;
  padding: 0.5em;
  border-width: 1px 1px 1px 5px;
  border-style: solid;
  box-shadow: none;
}
div.messages--status svg,
div.messages--warning svg,
div.messages--error svg {
  width: 20px;
}

div.messages--status {
  background: #eaf0db;
  border-color: #acbb85;
}
div.messages--status svg path {
  fill: #5c771e;
}

div.messages--warning {
  background: #f2e8c6;
  border-color: #cab775;
}
div.messages--warning svg path {
  fill: #8f7724;
}

div.messages--error {
  background: #f0dbdb;
  border-color: #bb7f7f;
}
div.messages--error svg path {
  fill: #862323;
}

.messages__container {
  display: flex;
  gap: 0.5em;
}

.messages__content {
  flex: 1 1 auto;
  margin-top: 0.45em;
}

.messages__close {
  margin: 0;
  position: relative;
  width: 1.5625rem;
  height: 1.5625rem;
  padding-block: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  cursor: pointer;
  vertical-align: top;
  border: 0;
  background: none;
  -webkit-appearance: none;
  appearance: none;
}
.messages__close::before, .messages__close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 0;
  content: "";
  border-top: solid 2px black;
}
.messages__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.messages__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

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