/**
 * @file
 * File: web/themes/custom/awtur/css/personal/node/bedrijf-over.css
 *
 * Public location description panel.
 */

.tab-node-bedrijf {
  font-size: clamp(0.875rem, 0.8184rem + 0.3774vw, 1.125rem);
  color: darkslategrey;
  padding: 16px;
  border-radius: 10px;
  margin: 64px 0 32px;
  box-shadow: 0 0 11px rgba(189, 129, 0, 0.5);
}

.page-node-type-bedrijf .eventrooms-company-section.eventrooms-company-section--about {
  border-color: var(--er-company-line, rgba(23, 39, 47, 0.12));
  background: rgba(255, 255, 255, 0.94);
}

.page-node-type-bedrijf .eventrooms-company-section--about::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.25rem;
  background: linear-gradient(
    90deg,
    var(--er-company-teal, #246c65),
    #8cc6bb 45%,
    transparent 82%
  );
  content: "";
}

.page-node-type-bedrijf .eventrooms-company-section--about .eventrooms-company-section__heading {
  align-items: center;
}

.page-node-type-bedrijf .eventrooms-company-section--about .eventrooms-company-section__icon {
  width: clamp(2.25rem, 2rem + 0.6vw, 2.75rem);
}

.page-node-type-bedrijf .eventrooms-company-section--about .eventrooms-company-section__heading h2 {
  color: var(--er-company-gold, #a66f00);
  font-size: clamp(1.45rem, 1.22rem + 0.9vw, 2.1rem);
  font-weight: 700;
  line-height: 1.15;
}

.page-node-type-bedrijf .eventrooms-company-about {
  display: block;
}

.page-node-type-bedrijf .eventrooms-company-section--about .eventrooms-profile-description--company {
  width: 100%;
  max-width: 76ch;
  color: var(--er-company-ink-soft, #2e424b);
  font-size: clamp(0.95rem, 0.91rem + 0.16vw, 1.05rem);
  line-height: 1.72;
}

.page-node-type-bedrijf .eventrooms-company-section--about .eventrooms-profile-description--company p:first-child {
  color: var(--er-company-ink-soft, #2e424b);
  font-size: clamp(1.02rem, 0.98rem + 0.18vw, 1.14rem);
  line-height: 1.68;
}

.eventrooms-profile-description .field__item > :first-child {
  margin-top: 0;
}

.eventrooms-profile-description .field__item > :last-child {
  margin-bottom: 0;
}

.eventrooms-profile-description p,
.eventrooms-profile-description ul,
.eventrooms-profile-description ol {
  margin-block: 0 1rem;
}

.eventrooms-profile-description h3,
.eventrooms-profile-description h4 {
  margin-block: 1.25rem 0.5rem;
}

.eventrooms-profile-description li + li {
  margin-top: 0.35rem;
}