/*
=========================================================
SKEWED CSS
=========================================================
 * Innehåller styling för anpassning av sidhuvud och sidfot
 * 
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/

/*
---------------------------------------------------------
SIDFOT
---------------------------------------------------------*/


.lp-footer {
  margin: calc(4vw + 6rem) 0 0;
  position: relative;
}

.lp-footer::before {
  border-bottom: 4vw solid #463c3c;
  border-left: 0 solid transparent;
  border-right: 100vw solid transparent;
  content: '';
  height: 0;
  left: 0;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  transform: translateY(-100%);
  width: 0;
  z-index: -1;
}

@media screen and (max-width:800px) {
  .lp-footer {
    padding-top: 2rem;
  }

  .lp-page-header .heading {
  padding-bottom: 0em;
}
}

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

.lp-header-background.lp-header-background--has-image {
  height: 30vw;
  max-height: 55rem;
  min-height: 20rem;
}

.lp-header-background.lp-header-background--has-image {
  position: relative;
  isolation: isolate;
}

.lp-header-background.lp-header-background--has-image::after {
  border-bottom: 4vw solid #fff;
  border-left: 100vw solid transparent;
  border-right: 0 solid transparent;
  bottom: 0;
  content: '';
  height: 0;
  left: 0;
  overflow-x: hidden;
  position: absolute;
  width: 0;
  z-index: 1;
}

.lp-page-header .heading {
  padding-bottom: 1em;
}


/*
---------------------------------------------------------
KOLLAGEMENY
--------------------------------------------------------- */

.sv-template-landningssida-niva-3 .pagecontent > .sv-marketplace-limepark-collage-menu:last-child {
  margin-bottom: 6rem;
}