.nordic--body .nordic--body-wrapper .nordic--main .nordic--main-wrapper {
    background: #f4fbf6 !important;
    box-shadow: none !important;
}

.nordic--body .nordic--body-wrapper .nordic--main .nordic--main-wrapper .nordic--content-wrapper .nordic--article-group {
  background: #f4fbf6;
  border-radius: 15px;
}

.tws-articlegroup-list .tws-artgrp-info .tws-util-heading--heading, .tws-custom-page--articlegroups-heading .tws-util-heading--heading, .tws-custom-page--article-heading .tws-util-heading--heading {
    font-size: 25px;
    padding: 25px;
}
.slot--breadcrumbs {
    margin-bottom: 0px !important;
      margin-top: 5px;
}
.slot--article-groups {
    margin: 10px;
}
/*.nordic--buy-button-group .slot--article-buy-button .btn {
    background: #F8CEED;
}*/
.tws-article-description--text-container {
    text-align: center;
}

.slot--article-description .tws-article-description--text-container {  max-height: initial; } 
.tws-article-description--show-more > button {   display: none; }
.tws-article-introduction--read-more {
    text-align: left;
}

.nordic--start-page .tws-articles-two--heading .tws-util-heading--heading, .nordic--start-page .tws-articlegroups--title .tws-util-heading--heading {
  border: none;
}

.nordic--footer .tws-article-list--list .tws-article-list--article-name .tws-util-heading--heading {
    font-size: 14px;
}

.slot--header-search input.form-control {
    width: 90px;
    border: none;
}

button#submit {
    position: absolute;
    padding-top: 13px;
}

/*.slot--header-horizontal-menu .navbar-nav .dropdown-menu, .tws-top-menu--sub-item, .tws-top-menu .navbar-collapse .navbar-nav {
    background: #f8ceed;
}*/
.slot--article-groups {
    text-align: center;
}

.nyhet {
	display: flex;
}
.nordic--footer p {
  margin-bottom: 0px;
}

.nordic--header .nordic--header-wrapper {
    padding: 60px 30px 0px 30px;
}
@media only screen and (min-width: 992px) {
.nordic--body .nordic--body-wrapper {
    padding: 0px 30px 40px 30px;
}
    .slot--header-logo {
    max-width: 400px;
}
.nordic--body .nordic--body-wrapper .nordic--main .nordic--main-wrapper {
    padding: 0px 15px 60px 15px;
}
.nordic--start-page .tws-container--tws-custom-html {
  max-width: 80%;
    margin: 0 auto !important;
}
}
  .slot--header-logo {
    max-width: 350px;
}

.slot--header-logo h1, .slot--header-logo p {
  margin-top:0px;
  margin-bottom:0px;
}

.readmorebuttons a.btn.btn-primary.tws-article-list--choices-button {
    color: #000;
    text-decoration: none;
    font-weight: 600;
    border: 2px solid #f8ceed;
    /*background: #F8CEED;*/
    border-radius: 15px;
    padding: 5px 10px 2px;
}
.readmorebuttons a.btn.btn-primary.tws-article-list--choices-button:hover {
    background: #000000;
    border: 2px solid black;
    color: #f8ceed;
}
/*.tws-articlegroups .thumbnail .caption, .tws-articlegroup-list .thumbnail .caption {
    background: #f8ceed;
}*/

.tws-list--type-grid {
    background: none;
}
.btn-toolbar.tws-list-controls.pull-right, .tws-list--type-grid {
    padding-left: 30px;
    padding-right: 30px;
}
.customPageItem.customPageArticleSelection {
    margin-top: 10px;
}
.slot--articles {
    margin-top: 0px;
}

/*--updated colors--*/
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 
    :root {
      --rose:    #8FC9A0;
      --blush:   #E8F5EC;
      --sage:    #4FA06E;
      --cream:   #F4FBF6;
      --ink:     #2A3D30;
      --muted:   #5A7A63;
      --radius:  12px;
    }
 
    body {
      font-family: 'Nunito', sans-serif;
      background: var(--cream);
      color: var(--ink);
      line-height: 1.7;
    }
 
    /* ── Nav cards ── */
    .nav-cards {
      display: flex;
      flex-wrap: wrap;
      gap: 1.25rem;
      justify-content: center;
      padding: 2.5rem 1.5rem;
      background: var(--blush);
    }
    .nav-card {
      background: #fff;
      border-radius: var(--radius);
      padding: 1.5rem 2rem;
      text-align: center;
      flex: 1 1 200px;
      max-width: 260px;
      box-shadow: 0 2px 12px rgba(58,46,46,.07);
      transition: transform .2s, box-shadow .2s;
    }
    .nav-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 6px 20px rgba(58,46,46,.12);
    }
    .nav-card h3 {
      font-family: 'Playfair Display', serif;
      font-size: 1rem;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--ink);
      margin-bottom: .4rem;
    }
    .nav-card p {
      font-size: .875rem;
      color: var(--muted);
      margin-bottom: .85rem;
    }
    .nav-card a {
      display: inline-block;
      font-size: .75rem;
      font-weight: 600;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: var(--sage);
      text-decoration: none;
      border-bottom: 1.5px solid var(--sage);
      padding-bottom: 1px;
      transition: color .15s;
    }
    .nav-card a:hover { color: var(--rose); border-color: var(--rose); }
 
    /* ── Main content ── */
    .content {
      max-width: 720px;
      margin: 0 auto;
      padding: 3.5rem 1.5rem 4rem;
      text-align: center;
    }
    .content h2 {
      font-family: 'Playfair Display', serif;
      font-size: clamp(1.4rem, 3vw, 1.9rem);
      font-weight: 600;
      color: var(--ink);
      margin-bottom: 1.5rem;
      line-height: 1.35;
    }
    .content p {
      font-size: 1rem;
      color: var(--muted);
      margin-bottom: 1rem;
    }
    .content a {
      color: var(--sage);
      text-decoration: none;
      font-weight: 600;
      border-bottom: 1px solid transparent;
      transition: border-color .15s;
    }
    .content a:hover { border-color: var(--sage); }
 
    /* ── Divider dot ── */
    .divider {
      display: flex;
      align-items: center;
      gap: .75rem;
      margin: 2rem auto;
      max-width: 200px;
      color: var(--rose);
    }
    .divider::before,
    .divider::after {
      content: '';
      flex: 1;
      height: 1px;
      background: var(--rose);
    }
 
    /* ── CTA button ── */
    .btn {
      display: inline-block;
      margin-top: 1.75rem;
      padding: .7rem 2rem;
      background: var(--rose);
      color: #fff;
      border-radius: 999px;
      font-size: .85rem;
      font-weight: 600;
      letter-spacing: .07em;
      text-transform: uppercase;
      text-decoration: none;
      transition: background .2s, transform .15s;
    }
    .btn:hover {
      background: #6aab82;
      transform: translateY(-2px);
      border-color: transparent;
    }
 
    @media (max-width: 480px) {
      .nav-card { max-width: 100%; }
    }