:root {
  
    --body-bg-color: #7A7480;
  
  
    --bg-page-header: #01447B;
  
  
  
  
    --icon-color: #01447B;
   
}










  body {
    background-color: #7A7480;
  }

  @media print {
    .header {
      background-color: #7A7480 !important;
    }
  }

  .widget .widget-button {
    background-color: rgba(122, 116, 128, 0.9);
  }

  .widget .widget-button:focus,
  .widget .widget-button:hover {
    background-color: hsl(270, 5%, 33%);
  }



  @media (min-width: 768px) {
    .background-image {
      height: 105.5rem;
    }

    .background-image::before {
      display: block;
      
      background-image:
        linear-gradient(
          to bottom,
          rgba(122, 116, 128, 0.0),
          #7A7480
        );
      
    }
  }



  .background-image {
    display: block;
  }



  @media (max-width: 767px) {
    .background-image {
      background-image: url("/uploaded_files/317/dedd8ad15a8a4ddc873d463fd41d6d5a/brygga_1080.jpg");
    }
  }



  @media (min-width: 768px) {
    .background-image {
      background-image: url("/uploaded_files/317/dedd8ad15a8a4ddc873d463fd41d6d5a/brygga_1080.jpg");
    }
  }







  .header {
    color: #7A7480;
  }



  .background-image,
  .widget .background-image {
    background-color: #01447B;
  }

  @media print {
    .header {
      background-color: #01447B !important;
    }
  }

  .widget .widget-button {
    background-color: rgba(1, 68, 123, 0.9);
  }

  .widget .widget-button:focus,
  .widget .widget-button:hover {
    background-color: hsl(207, 98%, 54%);
  }



  .icon-color,
  .custom-icon-wrapper,
  .custom-icon-wrapper--color-only {
    color: #01447B;
  }

  a:focus .icon-color,
  a:hover .icon-color,
  button:focus .icon-color,
  button:hover .icon-color,
  a:focus .custom-icon-wrapper,
  a:hover .custom-icon-wrapper,
  .main__aside button:focus .custom-icon-wrapper,
  .main__aside button:hover .custom-icon-wrapper,
  .category-list a:focus .custom-icon-wrapper,
  .category-list a:hover .custom-icon-wrapper {
    color: #1896FD;
  }

  @media print {
    .main__aside .category-list-item__icon,
    .main__aside .category-list-item .link-color[aria-expanded="true"] .custom-icon-wrapper,
    a:focus .custom-icon-wrapper,
    a:hover .custom-icon-wrapper,
    .main__aside button:focus .custom-icon-wrapper,
    .main__aside button:hover .custom-icon-wrapper,
    .category-list a:focus .custom-icon-wrapper,
    .category-list a:hover .custom-icon-wrapper,
    .category-list a:focus .custom-icon-wrapper--color-only,
    .category-list a:hover .custom-icon-wrapper--color-only {
      color: #01447B;
    }
  }