/* DIETISTEN.SE */

:root {
  --section-large: 72px;
  --section-standard: 62px;
}

header {
  background: transparent;

  & div.top-message.cm-top-message {
    background: var(--btn-secondary-bg);
    color: var(--color-black);
  }

  & > div.content-standard {
    padding: 15px 0px;
    max-width: 1380px;
    border-bottom: 1px solid var(--color-black);

    @media (max-width: 1380px) {
      padding: 15px 40px;
    }
  }
}
.hero-articles {
  gap: var(--spacing-4) !important;

  & .card {
    padding: 0 !important;
  }

  & .article-card {
    & .text {
      padding: 0 var(--spacing-5);
    }
  }
}

section.cm-text-media {
  & .card {
    border-top: 1px solid var(--color-neutral-200);
    border-bottom: 1px solid var(--color-neutral-200);
  }
}

/* ARTICLE CARDS */

div.card.article-card,
div.card.article-card-small,
div.card.article-card.cm-article-card {
  & a[href^="/kategori/"] {
    font-family: var(--font-main);
    font-weight: 400;
  }

  & div.m-t-5.m-tablet-t-4.m-lgphone-t-3.display-flex.align-items-center,
  div.m-t-5.m-tablet-t-4.display-flex.align-items-center {
    display: none;
  }
}

div.card.article-card.cm-article-card {
  min-height: 400px;
  padding: unset;
  box-shadow: none;
  background: transparent;

  figure {
    aspect-ratio: 3 / 2;

    & span {
      top: 0 !important;
      left: 0 !important;
      background: var(--color-black);
    }
  }

  & .text-block.m-t-5.m-tablet-t-4 {
    padding: 0 var(--spacing-3);

    & h3 {
      font-size: 22px;
      font-weight: 300;
    }
  }

  @media (max-width: 992px) {
    min-height: 340px;
  }
}

.articles-masonry-list.cm-article-list-masonry {
  gap: 0 !important;
}

.articles-masonry-item .cm-article-card {
  padding: 0 var(--spacing-4) !important;
  padding-top: var(--spacing-4) !important;
}

div.articles-swiper-item.swiper-slide {
  margin: 0 !important;
  padding: 0 var(--spacing-5) !important;
  padding-top: var(--spacing-5) !important;

  &:has(.bgcolor-ad-card) {
    background: var(--ad-card-bg);
  }

  & .card {
    background: none;
  }

  &:first-child {
    padding-left: 0 !important;
  }

  &:last-child {
    border: none;
  }
}

.swiper {
  margin-left: 0;
}

div.cm-article-list-grid {
  & div.cm-article-list-grid-card {
    & a.btn-icon {
      background-repeat: no-repeat;
      background-position: center;
      background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.7942 7.95881C13.0533 7.63559 13.0013 7.16358 12.678 6.90453C12.3548 6.64549 11.8828 6.6975 11.6238 7.02072L12.7942 7.95881ZM6.311 14.8488L6.87903 15.3385C6.88489 15.3317 6.89062 15.3248 6.89623 15.3178L6.311 14.8488ZM6.14 15.2668L5.39146 15.2179L5.3908 15.2321L6.14 15.2668ZM6 18.2898L5.2508 18.2551C5.24908 18.2923 5.25013 18.3296 5.25396 18.3667L6 18.2898ZM6.787 18.9768L6.81152 19.7264C6.86154 19.7247 6.91126 19.7181 6.95996 19.7065L6.787 18.9768ZM9.787 18.2658L9.95998 18.9956L9.97162 18.9927L9.787 18.2658ZM10.172 18.0218L10.7506 18.4991L10.7571 18.491L10.172 18.0218ZM16.7971 10.959C17.0562 10.6358 17.0043 10.1638 16.6812 9.90466C16.3581 9.64553 15.886 9.69742 15.6269 10.0206L16.7971 10.959ZM11.6269 7.02052C11.3678 7.34365 11.4196 7.81568 11.7428 8.07484C12.0659 8.33399 12.5379 8.28213 12.7971 7.95901L11.6269 7.02052ZM13.8 5.50976L14.3851 5.97901C14.3949 5.96672 14.4044 5.95412 14.4135 5.94123L13.8 5.50976ZM15.429 5.18976L15.9088 4.61332C15.8849 4.59344 15.8598 4.57507 15.8337 4.5583L15.429 5.18976ZM17.666 7.05176L18.1968 6.52192C18.1805 6.50561 18.1635 6.49007 18.1458 6.47532L17.666 7.05176ZM18.0029 7.87264L18.7529 7.87676L18.7529 7.87676L18.0029 7.87264ZM17.657 8.68976L17.132 8.15412C17.1108 8.17496 17.0908 8.19704 17.0721 8.22025L17.657 8.68976ZM15.6271 10.0203C15.3678 10.3433 15.4195 10.8153 15.7425 11.0746C16.0655 11.3339 16.5376 11.2823 16.7969 10.9593L15.6271 10.0203ZM12.9537 7.37862C12.8923 6.96898 12.5105 6.68666 12.1009 6.74805C11.6912 6.80943 11.4089 7.19127 11.4703 7.60091L12.9537 7.37862ZM16.313 11.2329C16.7234 11.1772 17.0109 10.7992 16.9552 10.3888C16.8994 9.97834 16.5215 9.69082 16.111 9.74659L16.313 11.2329ZM12.209 7.48976L11.6238 7.02072L5.72577 14.3797L6.311 14.8488L6.89623 15.3178L12.7942 7.95881L12.209 7.48976ZM6.311 14.8488L5.74297 14.359C5.53561 14.5995 5.41226 14.9011 5.39159 15.218L6.14 15.2668L6.88841 15.3156C6.88786 15.324 6.88457 15.3321 6.87903 15.3385L6.311 14.8488ZM6.14 15.2668L5.3908 15.2321L5.2508 18.2551L6 18.2898L6.7492 18.3245L6.8892 15.3015L6.14 15.2668ZM6 18.2898L5.25396 18.3667C5.33563 19.1586 6.01588 19.7524 6.81152 19.7264L6.787 18.9768L6.76248 18.2272C6.75928 18.2273 6.75771 18.2268 6.75669 18.2264C6.75526 18.2259 6.75337 18.2249 6.75144 18.2232C6.7495 18.2215 6.74825 18.2198 6.74754 18.2185C6.74703 18.2175 6.74637 18.216 6.74604 18.2128L6 18.2898ZM6.787 18.9768L6.95996 19.7065L9.95996 18.9955L9.787 18.2658L9.61404 17.536L6.61404 18.247L6.787 18.9768ZM9.787 18.2658L9.97162 18.9927C10.2771 18.9151 10.55 18.7422 10.7506 18.499L10.172 18.0218L9.59345 17.5445C9.59575 17.5417 9.59888 17.5397 9.60238 17.5388L9.787 18.2658ZM10.172 18.0218L10.7571 18.491L16.7971 10.959L16.212 10.4898L15.6269 10.0206L9.58689 17.5526L10.172 18.0218ZM12.212 7.48976L12.7971 7.95901L14.3851 5.97901L13.8 5.50976L13.2149 5.04052L11.6269 7.02052L12.212 7.48976ZM13.8 5.50976L14.4135 5.94123C14.5521 5.74411 14.8214 5.6912 15.0243 5.82123L15.429 5.18976L15.8337 4.5583C14.9544 3.99484 13.7873 4.2241 13.1865 5.0783L13.8 5.50976ZM15.429 5.18976L14.9492 5.7662L17.1862 7.6282L17.666 7.05176L18.1458 6.47532L15.9088 4.61332L15.429 5.18976ZM17.666 7.05176L17.1352 7.58161C17.2111 7.6577 17.2535 7.761 17.2529 7.86852L18.0029 7.87264L18.7529 7.87676C18.7557 7.36905 18.5555 6.88127 18.1968 6.52192L17.666 7.05176ZM18.0029 7.87264L17.2529 7.86852C17.2524 7.97604 17.2088 8.07886 17.132 8.15412L17.657 8.68976L18.182 9.22541C18.5446 8.87002 18.7501 8.38447 18.7529 7.87676L18.0029 7.87264ZM17.657 8.68976L17.0721 8.22025L15.6271 10.0203L16.212 10.4898L16.7969 10.9593L18.2419 9.15928L17.657 8.68976ZM12.212 7.48976L11.4703 7.60091C11.8196 9.93221 13.9771 11.5503 16.313 11.2329L16.212 10.4898L16.111 9.74659C14.5881 9.95352 13.1815 8.89855 12.9537 7.37862L12.212 7.48976Z" fill="white"/></svg>');
    }

    & svg {
      display: none;
    }
  }
}

/* dietisten underline styles */
div.text-block.direction-tablet-column.align-tablet-items-start.m-b-7.m-xlphone-b-5.m-lgphone-b-4 {
  & h2 {
    width: 100%;
  }

  & h2::after {
    content: "";
    display: block;
    width: 100%;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='100%25' height='14' viewBox='0 0 1320 16' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0 1L66.89 1C80.1103 1.31 83.2456 15 83.2456 15C83.2456 15 85.9216 1.31 99.5613 1H1320' stroke='%231D1D1D' stroke-width='1'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 14px;
    margin-top: 10px;
    overflow: hidden;
  }
}

/* Headings */
.card.overflow-hidden.text-on-bg.justify-start
  .text-block-md.align-left
  h1.m-z.m-b-2 {
  font-size: 58px;

  @media (max-width: 992px) {
    font-size: 36px;
  }
}

.card .text-block > h2[class="m-b-5"],
.text-block-md h2 {
  font-size: 58px;

  @media (max-width: 992px) {
    font-size: 36px !important;
  }
}

/* Footer */
footer {
  background: transparent;
  color: var(--color-black);

  & .content-standard {
    border-top: 1px solid var(--color-black);
    padding-top: var(--spacing-6);
  }

  & .content-standard::before,
  .content-standard::after {
    content: "";
    display: block;
    height: 35px;
    width: 180px;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg width="180" height="34" viewBox="0 0 180 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.1574 32.8732H16.7163V30.2964C15.1062 32.4357 12.8852 33.4838 10.0556 33.4838C7.00804 33.4838 4.5714 32.3492 2.74332 30.1209C0.915237 27.8926 0 24.9673 0 21.3857C0 17.8041 0.958364 14.8787 2.8727 12.6072C4.7439 10.3356 7.18294 9.20104 10.185 9.20104C12.9283 9.20104 15.0607 10.1625 16.5845 12.0399V1.33837H22.1574V32.8732ZM5.83404 21.3448C5.83404 26.2797 7.7939 28.8998 11.4501 28.8998C14.8019 28.8998 16.8912 26.3663 16.8912 21.3448C16.8912 16.3234 14.7157 13.7465 11.4501 13.7465C7.83702 13.7465 5.83404 16.4532 5.83404 21.3448Z" fill="%23070707"/><path d="M33.4733 3.78779C33.4733 5.57859 31.9063 7.10737 30.0351 7.10737C28.1639 7.10737 26.6401 5.57859 26.6401 3.78779C26.6401 1.99699 28.2502 0.511475 30.0351 0.511475C31.8201 0.511475 33.4733 1.99699 33.4733 3.78779ZM32.8192 32.8732H27.2463V9.85727H30.1142L32.8192 12.7153V32.8732Z" fill="%23070707"/><path d="M55.3264 12.6096C57.2407 14.8811 58.1991 17.8498 58.1991 21.4746V22.6092H42.0051C42.18 26.8013 44.3124 29.0296 48.0117 29.0296C50.4938 29.0296 52.3219 27.9383 53.4959 25.7966L58.0242 28.1114C55.8032 31.693 52.4082 33.4838 47.7505 33.4838C44.2237 33.4838 41.4397 32.3492 39.3936 30.0344C37.3475 27.7628 36.3028 24.8375 36.3028 21.2991C36.3028 17.7608 37.2612 14.7489 39.2187 12.5206C41.1785 10.2923 43.8763 9.20105 47.4031 9.20105C50.9299 9.20105 53.4096 10.3356 55.3264 12.6072V12.6096ZM42.0506 18.8113H52.4992C52.238 15.2729 50.5393 13.4821 47.3624 13.4821C44.1854 13.4821 42.3573 15.3595 42.0506 18.8113Z" fill="%23070707"/><path d="M68.1876 4.0498V10.076H73.8899V14.1816H68.1876V26.061C68.1876 28.0272 68.8848 28.8998 70.9309 28.8998C71.8893 28.8998 73.0202 28.7243 74.3691 28.3758V32.7434C72.8884 33.2242 71.2784 33.4862 69.5797 33.4862C64.922 33.4862 62.6147 31.3036 62.6147 26.8927V14.184H59.4809V10.0784H62.6147V4.0522H68.1876V4.0498Z" fill="%23070707"/><path d="M107.148 12.7418L104.143 15.9748C102.183 14.3162 100.051 13.4845 97.7436 13.4845C95.132 13.4845 93.6945 14.446 93.6945 15.9748C93.6945 16.8041 94.0419 17.3714 94.7822 17.7224C95.5226 18.1142 97.0032 18.5084 99.3105 18.9026C105.056 19.9074 107.624 21.8712 107.624 26.1956C107.624 30.5199 103.882 33.4886 97.4393 33.4886C92.8679 33.4886 89.2549 32.1785 86.6865 29.5152L89.7772 26.109C91.8233 28.1186 94.2599 29.1234 97.0464 29.1234C100.266 29.1234 101.879 28.2051 101.879 26.4167C101.879 25.5874 101.532 24.9312 100.791 24.4505C100.051 24.013 98.4408 23.5779 96.0018 23.1837C90.5606 22.2654 88.0353 20.0828 88.0353 16.2825C88.0353 11.8716 91.9095 9.20825 97.6118 9.20825C101.572 9.20825 104.752 10.3885 107.145 12.7466L107.148 12.7418Z" fill="%23070707"/><path d="M117.462 4.0498V10.076H123.164V14.1816H117.462V26.061C117.462 28.0272 118.159 28.8998 120.205 28.8998C121.164 28.8998 122.294 28.7243 123.643 28.3758V32.7434C122.163 33.2242 120.553 33.4862 118.854 33.4862C114.196 33.4862 111.889 31.3036 111.889 26.8927V14.184H108.755V10.0784H111.889V4.0522H117.462V4.0498Z" fill="%23070707"/><path d="M143.973 12.6096C145.887 14.8811 146.845 17.8498 146.845 21.4746V22.6092H130.651C130.826 26.8013 132.959 29.0296 136.658 29.0296C139.14 29.0296 140.968 27.9383 142.142 25.7966L146.671 28.1114C144.449 31.693 141.054 33.4838 136.397 33.4838C132.87 33.4838 130.086 32.3492 128.04 30.0344C125.994 27.7628 124.949 24.8375 124.949 21.2991C124.949 17.7608 125.908 14.7489 127.865 12.5206C129.825 10.2923 132.523 9.20105 136.049 9.20105C139.576 9.20105 142.056 10.3356 143.973 12.6072V12.6096ZM141.143 18.8113C140.882 15.2729 139.183 13.4821 136.006 13.4821C132.829 13.4821 131.001 15.3595 130.695 18.8113H141.143Z" fill="%23070707"/><path d="M170.699 17.982V32.8732H165.126V19.7704C165.126 15.7969 164.168 13.9629 161.209 13.9629C158.25 13.9629 156.115 16.4532 156.115 19.9891V32.8732H150.542V9.85727H156.027V12.8259C157.68 10.4246 159.987 9.20105 162.905 9.20105C167.91 9.20105 170.697 12.4317 170.697 17.9796L170.699 17.982Z" fill="%23070707"/><path d="M84.4247 3.78779C84.4247 5.57859 82.8578 7.10737 80.9866 7.10737C79.1154 7.10737 77.5916 5.57859 77.5916 3.78779C77.5916 1.99699 79.2016 0.511475 80.9866 0.511475C82.7715 0.511475 84.4247 1.99699 84.4247 3.78779ZM83.7706 32.8732H78.1977V9.85727H81.0656L83.7706 12.7153V32.8732Z" fill="%23070707"/><path d="M180 29.556C180 31.3468 178.433 32.8756 176.562 32.8756C174.691 32.8756 173.167 31.3468 173.167 29.556C173.167 27.7652 174.777 26.2797 176.562 26.2797C178.347 26.2797 180 27.7652 180 29.556Z" fill="%23222221"/></svg>');
  }
}

@media (min-width: 680px) {
  footer {
    & .content-standard::after {
      display: none;
    }
  }
}

@media (max-width: 680px) {
  footer {
    & .content-standard::before {
      display: none;
    }

    & .content-standard::after {
      align-self: center;
      width: 100%;
      background-repeat: no-repeat;
      background-position: center;
    }
  }
}

/* inputs */

input[type="search"] {
  outline: 1px solid var(--color-neutral-200);
}

/* Article */

a[href*="/tagg/"] {
  background: var(--color-surface-secondary);
}

.font-header:not(button) {
  text-transform: Capitalize;
}

.ew blockquote::before,
.ew-html blockquote::before {
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;

  position: unset !important;
  width: 100%;
  line-height: 0;
  padding-top: 48px;
  margin-bottom: 32px;
  height: 70px;
  background-image: url('data:image/svg+xml,<svg width="83" height="64" viewBox="0 0 83 64" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.858 63.64C23.048 59.856 38.872 44.376 38.872 24.252C38.872 9.03 29.928 0 19.006 0C7.654 0 0 7.998 0 19.694C0 31.046 6.88 38.528 17.028 38.528C22.618 38.528 27.434 36.464 30.702 33.11H30.874C29.67 47.214 17.458 58.566 8.342 61.92L8.858 63.64ZM52.03 63.64C66.22 59.856 82.044 44.376 82.044 24.252C82.044 9.03 73.1 0 62.178 0C50.826 0 43.172 7.998 43.172 19.694C43.172 31.046 50.052 38.528 60.2 38.528C65.79 38.528 70.606 36.464 73.874 33.11H74.046C72.842 47.214 60.63 58.566 51.514 61.92L52.03 63.64Z" fill="%23EC613B"></path></svg>');
}
.ew blockquote,
.ew-html blockquote {
  border: none;
  font-style: normal;
  background: transparent;
  padding: 62px 0px;
  border-top: 1px solid var(--color-neutral-200);
  border-bottom: 1px solid var(--color-neutral-200);

  & p {
    font-family: "Playfair Display";
    font-size: 36px !important;
    font-weight: 600;
    line-height: 44px;

    @media (max-width: 992px) {
      font-size: 30px;
      line-height: 44px;
    }
  }
}

@media (min-width: 992px) {
  .text-block.ew-html > p,
  .text-block.ew-html li {
    font-size: 18px;
  }
}