/*
=========================================================
BOLAGET CSS
=========================================================
 * Innehåller styling för underwebben Bolaget. Ersätter gamla bolaget.css
 * 
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/
/* stylelint-disable */
main {
    max-width: 100vw;
    overflow: hidden;
  }

  body{
    --lp-main-menu-border-width:8px;
    --lp-main-menu-item-padding:3.6rem;
    --lp-font-family-heading: "Briston", "Playfair Display", "Baskerville", "Georgia", serif;;
  }

  .lp-js-megamenu__link:after,
  .lp-startpage .sv-jcrmenu-portlet a:after  {
    background-color: var(--lp-element--background);
  }

  h1.heading,
  h1 {
    font-family: var(--lp-font-family-heading);
  } 

  html:not(.sv-edit-mode) .lp-startpage .lp-hero-content .lp-scroll-to-content .lp-icon {
    animation: scrollToContent 2500ms infinite ease-in-out
  }
  
  @keyframes scrollToContent {
    0% {
      transform: translateY(0)
    }
  
    60% {
      transform: translateY(-0.5em)
    }
  
    100% {
      transform: translateY(0)
    }
  }

  /*
  ---------------------------------------------------------
  Layout
  --------------------------------------------------------- */

  .lp-beige-section {
    background: var(--lp-color-brand);
    bottom: 0;
    left: -100%;
    position: absolute;
    right: -100%;
    top: 0;
    z-index: -1;
  }
  
  /*
  ---------------------------------------------------------
  SIDHUVUD
  --------------------------------------------------------- */
  
  .lp-stickyheader-wrapper--small .lp-header,
  .lp-header {
    border: none;
  }
  
  div .lp-stickyheader-wrapper--small .lp-topmenu>ul>li>a>*,
  div .lp-topmenu>ul>li>a>* {
    padding-top:  var(--lp-main-menu-item-padding);
    padding-bottom:  var(--lp-main-menu-item-padding);
  }

  .lp-topmenu>ul>li>a>*>span,
  .lp-topmenu>ul>li>a span {
    line-height: 1;
  }

  .lp-header .lp-logo img {
     width:190px !important;
  }

  /* .lp-topmenu > ul > li > a:hover > *,
  .lp-topmenu > ul > li > a:focus > *,
  .lp-topmenu > ul > li > a.lp-current > * {
    border-bottom-width:var(--lp-main-menu-border-width);
    padding-bottom:calc(var(--lp-main-menu-item-padding) - var(--lp-main-menu-border-width));
  } */

  .lp-js-megamenu__link {
     border-color: var(--lp-color-brand);
  }
  
  /* .lp-header .lp-topmenu a .lp-toggle__trigger-button[aria-expanded='true']:after {
    bottom: -25px;
  } */
  
  .lp-linkbutton a, .lp-corporate-go-to-start{
    background-color: var(--lp-element--background);
    color: var(--lp-element--contrast);
  }
     
  .lp-bolaget-bg-layout .lp-linkbutton a:hover,
  .lp-linkbutton a:hover, 
  .lp-corporate-go-to-start:hover{
    background-color: var(--lp-element--background-dark);

  }

  .lp-header,
  .lp-stickyheader-wrapper--small .lp-header,
  .lp-footer {
    background-color: var(--env-ui-color-brand-30);
  }

  /*
  ---------------------------------------------------------
  SIDFOT
  --------------------------------------------------------- */
  
  .lp-footer .lp-logo img {
     width:280px !important;
  }

  /*Tar bort svart gradient-filter*/   
  .lp-startpage .lp-hero-content {
    background: none;
  }

  /*
  ---------------------------------------------------------
  HERO
  --------------------------------------------------------- */

  .lp-startpage .lp-hero-content {
    align-self: initial;
  }

  .lp-startpage .lp-hero-content > div {
    padding-bottom: 8vh;
  }

  .lp-startpage .lp-hero-content .sv-text-portlet-content h1.heading {
    font-size: clamp(2rem, 4.2vw, 4.2rem);
    font-family: var(--lp-font-family);
    margin-bottom: 0 !important;
    line-height: 1.4;
  }
  
  .lp-startpage .lp-hero-content .sv-text-portlet-content .preamble {
    font-size: clamp(4rem, 7vw, 9rem);
    font-family: var(--lp-font-family-heading);
    line-height: 1.2;
  }

  /*
  ---------------------------------------------------------
  Startsida 
  --------------------------------------------------------- */
  .lp-startpage .lp-content .sv-text-portlet .sv-text-portlet-content .preamble {
    margin: 0 auto 3rem;
    max-width: 85rem;
  }

  .lp-startpage .lp-content [class*='lp-bg-block'] .sv-text-portlet .sv-text-portlet-content .preamble {
    margin-bottom: 0;
  }
     
  /*
  ---------------------------------------------------------
  Meny
  --------------------------------------------------------- */
  .lp-js .lp-menu,
  ul.lp-level-2,
  .lp-level-3 > li > a,
  .lp-level-4 > li > a {
    background-color: var(--env-ui-color-brand-20);
  }

  ul.lp-level-1 {
    background-color: var(--lp-body--background);
  }

  .lp-menu button {
    color: var(--lp-element--background);
    border-color: var(--env-ui-color-brand-30);
  }

  .lp-menu a {
    color: var(--env-ui-color-brand-20-contrast);
  }

  .lp-menu a, .lp-level-1 > li > a,
  .lp-menu > ul:first-child,
  ul.lp-level-2,
  .lp-level-3 > li > a,
  .lp-level-4 > li > a,
  .lp-level-5 > li > a,
  .lp-level-6 > li > a,
  .lp-submenu .lp-menu {
    border-color: var(--env-ui-color-brand-30);
  }

  .lp-menu .lp-level-2 .lp-current > a {
    background-color: var(--env-ui-color-brand-30);
    color: var(--env-ui-color-brand-30-contrast);
  }

  /* Meny på sidan */

  .lp-js .lp-submenu .lp-menu,
  .lp-submenu ul.lp-level-2 {
    background-color: var(--lp-body--background);
  }
/*      

     .lp-menu button {
        color: #2c3f5c;
     }

     
.lp-menu {
  border-color: #e4e4e4;
}

.lp-menu a {
  border-color: #ded0b5;
}

.lp-menu .lp-level-2 .lp-current > a {
    background-color: #ded0b5;
} */

/* Nivåer */
/* .lp-level-1 > li > a {
    border-color: #78b8cb;
}
     
ul.lp-level-2 {
  border-color: #ded0b5;
}

.lp-level-3 > li > a {
  background-color: #eeece7;
  border-color: #ded0b5;
}

.lp-level-4 > li > a {
  background-color: #f1f0ec;
  border-color: #ded0b5;
}

.lp-level-5 > li > a {
  background-color: #f5f4f1;
  border-color: #ded0b5;
}

.lp-level-6 > li > a {
  background-color: #f5f4f1;
  border-color: #ded0b5;
}
   */

.sv-archivemenu-portlet li a:hover {
  text-decoration: underline;
}
  /*
  ---------------------------------------------------------
  SMARTPHONE
  --------------------------------------------------------- */
  @media screen and (max-width: 800px) {

    .lp-startpage .lp-hero-content > div {
      padding-bottom: 0;
      padding-top: 0;
    }
    .lp-header .lp-logo img {
      max-width: 175px !important;
    }

    .heading,
    .lp-cruncho.lp-cruncho--single-event .lp-cruncho-event-title {
      font-size: 3.6rem;
    }
  }