/* General rules */
#PcShowContent {
  /* overwrite width limit on CMS page */
  width: auto !important;
}

#PcShowStaticContentNo1 p {
  margin: revert !important;
}

.push_pushBody{
  box-shadow:none;
}

#NespressoPageLayout #PcShowStaticContentNo1 > div {
  width: 100%;
}

/* Hide left and right columns */
#NespressoPageLayout #left {
  display: none;
}

#NespressoPageLayout #right {
  display: none;
}

#NespressoPageLayout #PcSitePath {
  display: none;
}

/* Make center bigger */
#NespressoPageLayout #center {
  width: 100% !important;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0 !important;
}

/* Set grey background */
#NespressoPageLayout #foreground {
  background: #f6f7f8;
}

/* Hide box-shadow on center content */
#NespressoPageLayout #PcShowStaticContentNo1 {
  box-shadow: none !important;
}

/* general page styles */
:root {
  --n-gap: 20px;
}

@media screen and (max-width: 800px) {
  :root {
    --n-gap: 10px;
  }
}

.n-page {
  background-color: #f6f7f8;
}
.n-page--white {
  background-color: white;
}

.n-row {
  gap: var(--n-gap);
  margin-bottom: var(--n-gap);
}

.coffee-row {
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  flex-wrap: wrap;
}

.coffee-row2 {
  margin-left: 15px;
  margin-right: 15px;
  display: flex;
  flex-wrap: wrap;
}

.coffee-row3 {
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  flex-wrap: wrap;
  height: 9vw;
}

/* card */
.n-card {
  min-height: 124px;
}

.n-card--large {
  height: auto;
}

.n-card-background-image {
  background-size: cover;
  height: 100%;
}

h2.n-card-title {
  font-size: 28px;
}

h3.n-card-title {
  font-size: 20px;
}

.n-card-text {
  font-size: 14px;
}

/* compact-hero */
.n-compact-hero-title {
  font-size: 32px;
}

.n-compact-hero-text {
  font-size: 22px;
}

/* n-hero-right-left-wrapper */
.n-hero-right-left-content-text-wrapper {
  width: 100%;
  padding: 20px;
}

@media screen and (min-width: 800px) {
  .n-hero-right-left-content-text-wrapper {
    width: 50%;
    padding: 40px;
  }
}

/* contact-section */
.n-contact-sections {
  border: none !important;
  border-radius: 0 !important;
}

.n-contact-sections--dark {
  background-color: #60575b !important;
  color: #fff;
}
.n-contact-sections img {
  width: 100%;
}

.n-contact-sections__anchor {
  visibility: hidden;
  position: relative;
  top: -130px;
}

.n-contact-sections-image {
  width: 50px !important;
  margin: 0 auto;
}

.n-contact-sections__link {
  color: #fff !important;
  font-weight: normal;
  border: 1px solid #fff;
  align-self: center;
  padding: 5px 10px;
}

/* two-col-text-block */
.n-two-col-text-block {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;

  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

@media screen and (min-width: 600px) {
  .n-two-col-text-block {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

/* hero-with-link */
.n-hero-with-link {
}

.n-hero-with-link-title {
  font-size: 26px;
}

@media screen and (min-width: 600px) {
  .n-hero-with-link-title {
    font-size: 36px;
  }
}

.n-hero-with-link-background-image {
  background-size: cover;
  height: 100%;
  padding: 100px;
}

@media screen and (max-width: 600px) {
  .n-hero-with-link-background-image {
    padding: 50px 20px;
  }
}

/* image-text */
.n-image-text {
  background-color: #fff !important;
  display: flex;
  gap: 30px;
  padding: 20px;
}

.n-image-text--vertical {
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.n-image-text--horizontal {
  flex-direction: row;
  justify-content: left;
  align-items: center;
  flex-direction: row-reverse;
}

.n-image-text__title {
  color: #000;
}

.n-image-text__image {
  max-width: 100%;
  max-height: 100%;
}

.n-image-text--vertical .n-image-text__image {
  max-height: 188px;
}

.n-image-text--horizontal .n-image-text__image {
  height: 96px;
}

.n-image-text--horizontal .n-image-text__text {
  height: 96px;
  order: 1;
}

/*Main Menu*/

.n-main-menu {
  background-color: #c09473;
  display: flex;
  height: 139px;
  margin-bottom: 20px;
}
.n-main-menu__inner {
  display: flex;
  justify-content: flex-start;
  gap: 40px;
  width: 100%;
  padding: 0 50px 0 20px;
}

.n-main-menu__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}

.n-main-menu__item:last-child {
  margin-left: auto;
}

.n-main-menu__item:hover {
  text-decoration: underline;
  color: white;
}

.n-main-menu__icon {
  width: 41px;
}

.n-main-menu__text {
  color: white;
  margin-bottom: 0;
  font-size: 14px;
}

.main-menu__logo {
  align-self: center;
  flex-basis: 15%;
  max-width: 250px;
  margin-left: 20px;
  margin-right: 30px;
}

/* Panel */
.n-panel {
  background-color: #f6f7f8;
  padding: 40px;
  max-width: 1164px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.n-panel--white {
  background-color: #ffffff;
}

.n-panel--grey {
  background-color: #f6f7f8;
}

/* Accordion */
.n-accordion {
}

.n-accordion__item {
  display: flex;
  position: relative;
  font-size: 16px;
  margin-bottom: 22px;
  max-width: 918px;
}

.n-accordion__icon {
  margin-right: 5px;
  position: absolute;
  left: 0;
  z-index: 0;
  top: 3px;
}

.n-accordion__icon--open {
  display: none;
}

.n-accordion__icon--closed {
}

.n-accordion__details {
  z-index: 1;
}

.n-accordion__details[open] ~ .n-accordion__icon--open {
  display: block;
}

.n-accordion__details[open] ~ .n-accordion__icon--closed {
  display: none;
}

.n-accordion__summary {
  font-size: 16px;
  padding-left: 30px;
  font-weight: bold;
  list-style-type: "";
  margin-bottom: 5px;
}

.n-accordion__answer {
  padding-left: 30px;
}

/* image-full-width */
.n-image-full-width {
  width: 100%;
}

/* Coffee Button */
.coffee-button {
  background-color: #c09473;
}

/* Coffee list and icons */
ul.coffee-list-left {
  text-align: left;
}

.coffee-list-left {
  text-align: left;
}

/* Form pages */
.n-form-page {
  padding-left: 30px;
}

/* Norwegian variables */
:root {
    /* LYRECO */
        /* PRIMARY */
        --no-primary-50: #f7f7fc;
        --no-primary-100: #ececf9;
        --no-primary-200: #e0e1f5;
        --no-primary-300: #b3b3e5;
        --no-primary-400: #8c8ed9;
        --no-primary-500: #2d2e87; /* BRAND */
        --no-primary-600: #202160;
        --no-primary-700: #131439;

        /* SECONDARY */
        --no-secondary-50: #f5fbe4;
        --no-secondary-100: #eff9d2;
        --no-secondary-200: #cce18d;
        --no-secondary-300: #9ac31c; /* BRAND */
        --no-secondary-400: #4d5e1b;
        --no-secondary-500: #35430a;
        --no-secondary-600: #242916;
        --no-secondary-600: #101208;

        /* NEUTRAL */
        --no-neutral-0: #ffffff;
        --no-neutral-100: #f6f7f9;
        --no-neutral-200: #f0f2f4;
        --no-neutral-300: #e1e3ea;
        --no-neutral-400: #c4c9d4;
        --no-neutral-500: #a6adbf;
        --no-neutral-600: #6b7894;
        --no-neutral-650: #51616F;
        --no-neutral-700: #404859;
        --no-neutral-800: #2b303b;

    /* SEMANTIC */
        /* SUCCESS */
        --no-semantic-success-300: #e1f7d4;
        --no-semantic-success-400: #c4f0a8;
        --no-semantic-success-500: #a6e87d;
        --no-semantic-success-600: #245d00;
        --no-semantic-success-700: #2a401d;

        /* WARNING */
        --no-semantic-warning-300: #fff6df;
        --no-semantic-warning-400: #ffefc8;
        --no-semantic-warning-500: #ffe49e;
        --no-semantic-warning-600: #ffb700;
        --no-semantic-warning-700: #423004;

        /* ERROR */
        --no-semantic-error-300: #ffeded;
        --no-semantic-error-400: #fdd9d9;
        --no-semantic-error-500: #f7baba;
        --no-semantic-error-600: #b20202;
        --no-semantic-error-700: #660000;

        /* INFO */
        --no-semantic-info-300: #f0f2f4;
        --no-semantic-info-400: #e1e3ea;
        --no-semantic-info-500: #a6adbf;
        --no-semantic-info-600: #6b7894;
        --no-semantic-info-700: #404859;

    /* SUPPORTING */
        /* MINT */
        --no-supporting-mint-300: #DBEDDE;
        --no-supporting-mint-700: #1E3D24;

        /* SAND */
        --no-supporting-sand-300: #F9EBAA;
        --no-supporting-sand-700: #4C4005;

        /* PURPLE */
        --no-supporting-purple-300: #EDE2FD;
        --no-supporting-purple-700: #4507A2;

        /* CERULEAN */
        --no-supporting-cerulean-300: #BFE8FF;
        --no-supporting-cerulean-700: #004166;

        /* ORANGE */
        --no-supporting-orange-300: #FFEBCC;
        --no-supporting-orange-700: #E68A00;

    /* BADGES */
        /* SELECTION */
        --no-badges-selection: #004166;

        /* SUSTAINABLE */
        --no-badges-sustainable: #1E3D24;

        /* ASSEMBLY */
        --no-badges-assembly: #4C4005;

        /* NEW */
        --no-badges-new: #4507A2;

        /* PROMOTIONS */
        --no-badges-promotions: #D8345F;

        /* OUTLET */
        --no-badges-outlet: #E68A00;
}

/* Styling for category texts */
.lyreco_category_header {
  text-align: left;
  line-height: 1.4;
}

.lyreco_category_header a {
  font-weight: bold;
  text-decoration: underline; 
}

.lyreco_category_description {
    margin-left: 35px;
    margin-right: 35px;
}

.lyreco_category_description a {
    font-weight: bold;
    text-decoration: underline; 
}

.lyreco_category_description h2 {
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.16px;
  line-height: 1.5rem;
  margin-bottom: 8px;
  margin-top: 24px;
}

.lyreco_category_description p {
  font-size: 0.875rem;
  letter-spacing: 0;
  line-height: 1.25rem;
}

@media screen and (min-width: 1280px) {
  .lyreco_category_description {
    margin-left: auto;
    margin-right: auto;
    max-width: 1204px;
  }
}

@media screen and (min-width: 768px) {
  .lyreco_category_description {
    margin-left: 24px;
    margin-right: 24px;
  }
}

.no-pill-btn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-decoration: none;
  height: 50px;
  border-radius: 99px;
  padding: 0 24px;
  font-size: 16px;
  max-width: 200px;
  font-size: 16px;
}

.no-pill-btn-brand-primary {
  border: 1px solid var(--no-primary-500);
  background: var(--no-primary-500);
  color: var(--no-neutral-0);
}

.no-pill-btn-brand-primary:hover {
  background-color: var(--no-neutral-0);
  border: 1px solid var(--no-primary-500);
  color: var(--no-primary-500);
  transition: 0.5s;
}

.no-pill-btn-supporting-cerulean {
  border: 1px solid var(--no-supporting-purple-300);
  background: var(--no-supporting-cerulean-300);
  color: var(--no-neutral-0);
}

.no-pill-btn-supporting-cerulean:hover {
  background-color: var(--no-neutral-0);
  border: 1px solid var(--no-primary-500);
  color: var(--no-primary-500);
  transition: 0.5s;
}

.no-pill-btn-badges-promotion {
  border: 1px solid var(--no-badges-promotions);
  background-color: var(--no-badges-promotions);
  color: var(--no-neutral-0);
}

.no-pill-btn-badges-promotion:hover {
  background-color: var(--no-neutral-0);
  color: var(--no-badges-promotions);
  transition: 0.5s;
}

.no-pill-btn-neutral-dark {
  border: 1px solid var(--no-neutral-800);
  background-color: var(--no-neutral-800);
  color: var(--no-neutral-0);
}

.no-pill-btn-neutral-dark:hover {
  background-color: var(--no-neutral-0);
  color: var(--no-primary-500);
  transition: 0.5s;
}

.hb-product-card-cta {
  display: flex !important;
  align-self: center;
  justify-content: center;
  align-items: center;
  max-width: 160px;
  width: 100%;
  height: 40px;
  text-decoration: none;
  cursor: pointer;
  margin: 4px 0;
  border-radius: 99px;
  border: 1px solid var(--no-primary-500);
  background: var(--no-primary-500);
  color: var(--no-neutral-0);
}

.hb-product-card-cta:hover,
.hb-product-card-cta:focus {
  background-color: var(--no-neutral-0);
  border: 1px solid var(--no-primary-500);
  color: var(--no-primary-500);
  transition: 0.5s;
}

.hb-product-card-cta a:hover {
  color: var(--no-primary-500);
  transition: 0.5s;
}

.hb-product-card-link,
.hb-product-card-link:hover,
.hb-product-card-link:focus,
.hb-product-card-cta,
.hb-product-card-cta:hover,
.hb-product-card-cta:focus {
  text-decoration: none;
}

.hb-product-card-cta a,
.hb-product-card-cta a:hover,
.hb-product-card-cta a:focus {
  text-decoration: none;
  color: inherit;
}

.product-scroll-btn {
  text-align: center;
  max-width: 145px;
  width: 100%;
  height: 30px;
  text-decoration: none;
  cursor: pointer;
  margin: 16px auto 20px -4px;
  border-radius: 99px;
  padding: 0 14px;
  border: 1px solid var(--no-primary-500);
  background: var(--no-primary-500);
  color: var(--no-neutral-0);
}

.product-scroll-btn:hover {
  background-color: var(--no-neutral-0);
  border: 1px solid var(--no-primary-500);
  color: var(--no-primary-500);
  transition: 0.5s;
}

.radius-small {
  border-radius: 10px;
}

.radius-medium {
  border-radius: 10px;
}

.radius-large {
  border-radius: 20px;
}

.radius-round {
  border-radius: 99px;
}