/* Arild: typografi og visuelt løft */

.l-header {
  background-image: linear-gradient(
    180deg,
    rgba(16, 22, 26, .58) 0%,
    rgba(16, 22, 26, .2) 62%,
    rgba(16, 22, 26, 0) 100%
  ) !important;
}

.l-header h3.w-text,
.l-subheader h3.w-text {
  font-size: clamp(1.85rem, 3.4vw, 2.35rem) !important;
  line-height: 1.15 !important;
  letter-spacing: .08em;
}

.l-header .w-nav-anchor.level_1 {
  font-family: Inter, sans-serif !important;
  font-size: .75rem !important;
  font-weight: 400 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  padding-left: .85rem !important;
  padding-right: .85rem !important;
}

.l-header .w-nav-anchor.level_1:hover {
  opacity: .72;
}

.l-header .w-nav-anchor.level_1,
.l-header .w-nav-anchor.level_1::before,
.l-header .w-nav-anchor.level_1::after {
  box-shadow: none !important;
  text-decoration: none !important;
}

.l-header .w-nav-anchor.level_1::before,
.l-header .w-nav-anchor.level_1::after {
  content: none !important;
  border: 0 !important;
}

.l-header .current-menu-item > .w-nav-anchor.level_1 {
  opacity: 1;
  color: #fff !important;
}

.l-header .trp-language-switcher-container .w-nav-anchor.level_1 {
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding-left: .5rem !important;
  padding-right: .15rem !important;
}

.l-header .w-nav.m_layout_fullscreen .w-nav-anchor.level_1 {
  font-size: 1.05rem !important;
  letter-spacing: .18em !important;
  padding: .55rem 0 !important;
}

body {
  background-color: #edf1f2;
}

.l-canvas {
  background-color: #f7f8f8 !important;
}

.l-main .l-section:not(.color_primary) {
  padding-top: 4.25rem !important;
  padding-bottom: 4.25rem !important;
}

.l-main h3,
.l-main h3.w-text {
  font-size: clamp(1.7rem, 2.8vw, 2.05rem) !important;
  line-height: 1.2 !important;
  letter-spacing: .04em;
  margin-bottom: .5em !important;
}

.l-main h4 {
  font-size: 1.2rem !important;
  line-height: 1.3 !important;
  margin-bottom: .35em !important;
}

.l-main p {
  line-height: 1.62 !important;
  margin-bottom: .95em;
  color: #465358;
}

.l-footer .w-menu a {
  font-size: .75rem !important;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.l-footer,
.l-footer p,
.l-footer a {
  font-size: .875rem;
}

.l-footer p {
  line-height: 1.5 !important;
  margin-bottom: .4em;
  letter-spacing: .02em;
}

.l-footer .l-section {
  padding-top: 2.4rem !important;
  padding-bottom: 2.4rem !important;
}

.arild-koncerter {
  margin: 2.25rem auto 0;
  max-width: 36rem;
}

.arild-koncert {
  padding: 1.15rem 0 1.2rem;
}

.arild-koncert:first-child {
  padding-top: 0;
}

.arild-koncert-dato {
  margin: 0 0 .28rem;
  font-family: Inter, sans-serif;
  font-size: .6875rem;
  line-height: 1.4;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: #627c83;
}

.arild-koncert-titel {
  margin: 0 0 .4rem;
  font-family: Marcellus, serif;
  font-size: 1.3rem !important;
  line-height: 1.28;
  font-weight: 400;
  color: #38505c;
}

.arild-koncert-tekst,
.arild-koncert-tekst p {
  font-family: Inter, sans-serif;
  font-size: .9375rem;
  line-height: 1.55;
  color: #505c5f;
}

.arild-koncert-tekst p {
  margin: 0 0 .2rem;
}

.arild-koncert-tekst p:last-child {
  margin-bottom: 0;
}

.arild-koncert-tekst a {
  color: #38505c;
  text-decoration: underline;
}
