:root {
  --font-frende: Studio6, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-ionicons: "Ionicons";
  --brand-white: #fff7f1;
  --brand-red: #c60c30;
  --brand-dark: #3f0613;
  --brand-cream: #ffead2;
  --brand-beige: #ffc69d;
  --brand-pink: #ff8e99;
  --brand-peach: #dc1234;
  --brand-brown: #87010b;
  --brand-green: #007162;
  --brand-blue: #0e5eab;
  --brand-blue-5: #F3EFED;
  --brand-black: #3E0714;
  --brand-yellow: #f9c50a;
  --input-fill: #FFF0E1;
  --help-text: #794E56;
  --frende-red-pill: #ef3346;
  --color-frende-red: #c60c30;
  --color-frende-black: #393a41;
  --color-frende-light-blue: #f6f8fa;
  --color-lenker: #306ba1;
  --color-godkjent: #468330;
  --color-vasel: #f9c50a;
  --color-disabled: #aaaaaa;
  --color-blue-80: #5c8ab5;
  --color-blue-60: #88aac9;
  --color-blue-40: #b4c9dc;
  --color-blue-20: #e0e8f0;
  --color-black-100: #000000;
  --color-black-87: #222222;
  --color-black-80: #333333;
  --color-black-70: #4b4b4b;
  --color-black-55: #737373;
  --color-black-28: #9c9c9c;
  --color-black-13: #c4c4c4;
  --color-black-9: #e5e5e5;
  --color-black-7: #ededed;
  --color-black-header: #333333;
  --color-white: #ffffff;
  --color-background: #eef0f2;
  --color-selected: #192e4f;
  --screen-sx: 480px;
  --screen-sm: 768px;
  --screen-md: 922px;
  --screen-lg: 1170px;
  --full-view: 1440px;
  --component-max-width: 700px;
  --input-component-max-width: 500px; }

html, body {
  height: 100%; }

.home-page {
  background-color: #3f0613;
  color: #fff7f1; }
  .home-page .pg-wrapper {
    padding: 2rem;
    padding-top: 0px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
    margin: 0; }
    .home-page .pg-wrapper nav.top-navigation {
      min-height: inherit; }
      .home-page .pg-wrapper nav.top-navigation .menu-container {
        padding: 0px 50px; }
        .home-page .pg-wrapper nav.top-navigation .menu-container .top-menu-items {
          justify-content: flex-end; }
    .home-page .pg-wrapper main {
      flex-grow: 1;
      max-width: 1440px;
      margin: auto; }
      .home-page .pg-wrapper main .text {
        display: flex;
        margin: auto;
        padding: 30px 90px;
        flex-direction: column; }
        @media (max-width: 768px) {
          .home-page .pg-wrapper main .text {
            padding: 15px 45px; } }
        .home-page .pg-wrapper main .text ul.section-selection-menu {
          list-style: none; }
          .home-page .pg-wrapper main .text ul.section-selection-menu li {
            margin-bottom: 8px; }
          .home-page .pg-wrapper main .text ul.section-selection-menu a .arrow {
            position: absolute;
            width: 15px;
            height: 2px;
            background-color: #dc1234;
            margin-left: 9px;
            margin-top: 9px;
            transition: margin-left .5s;
            margin-top: 12px;
            transition: margin-left .5s; }
            .home-page .pg-wrapper main .text ul.section-selection-menu a .arrow:after, .home-page .pg-wrapper main .text ul.section-selection-menu a .arrow:before {
              content: '';
              position: absolute;
              width: 10px;
              height: 2px;
              right: -3px;
              background-color: #dc1234; }
            .home-page .pg-wrapper main .text ul.section-selection-menu a .arrow:after {
              top: -3px;
              transform: rotate(45deg); }
            .home-page .pg-wrapper main .text ul.section-selection-menu a .arrow::before {
              top: 3px;
              transform: rotate(-45deg); }
          .home-page .pg-wrapper main .text ul.section-selection-menu a:hover .arrow, .home-page .pg-wrapper main .text ul.section-selection-menu a:focus .arrow {
            margin-left: 15px; }
        .home-page .pg-wrapper main .text h1,
        .home-page .pg-wrapper main .text h2 {
          color: #fff7f1;
          margin-bottom: 36px; }
      .home-page .pg-wrapper main .image {
        display: flex; }
        .home-page .pg-wrapper main .image img {
          margin: auto;
          max-width: 100%;
          height: auto;
          object-fit: contain; }
  .home-page .top-navigation .frende-logo .text path,
  .home-page .top-navigation .logo svg .text {
    fill: #fff7f1 !important; }
  .home-page .top-navigation .top-menu-items a {
    color: #fff7f1 !important; }
    .home-page .top-navigation .top-menu-items a svg {
      stroke: #fff7f1 !important; }
    .home-page .top-navigation .top-menu-items a:hover {
      color: #ffc69d !important; }
  .home-page .rich-text {
    color: #fff7f1 !important; }
    .home-page .rich-text h1, .home-page .rich-text h2, .home-page .rich-text h3, .home-page .rich-text h4, .home-page .rich-text h5, .home-page .rich-text h6, .home-page .rich-text h7, .home-page .rich-text h8 {
      color: #fff7f1; }
  .home-page .section-selection-menu .section-item {
    color: #fff7f1 !important; }
    .home-page .section-selection-menu .section-item svg {
      fill: #fff7f1 !important;
      stroke: #fff7f1 !important;
      width: 16px;
      height: 16px;
      margin-top: -4px; }

.home-card {
  background-color: #ffead2;
  padding: 36px 15px 51px 15px;
  margin: 15px 30px 15px 0px;
  width: 330px;
  border: none;
  text-align: center; }
  @media (max-width: 922px) {
    .home-card {
      margin-left: auto;
      margin-right: auto; } }
  .home-card .card-body {
    padding: 0px; }
  .home-card:focus, .home-card:hover {
    text-decoration: none; }