/*
=========================================================
DECORATIONS CSS
=========================================================
 * Innehåller styling av dekorationer
 *
 * Copyright (C) Limepark AB.
 * https://limepark.se/licensvillkor
=========================================================*/


/*
---------------------------------------------------------
BILDPUFFAR
--------------------------------------------------------- */

.lp-boxes {
  display: grid;
  margin: 0 0 2rem; /* tidigare 3 rem först*/

  grid-gap: var(--lp-spacing);
  grid-template-columns: var(--lp-grid-default);
}

.lp-boxes > div {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 0;
  border-radius: var(--lp-border-radius);
  overflow: hidden;
  box-shadow: var(--lp-box-shadow);
  transition: all .3s ease;
}

.lp-boxes > div:hover {
   transform: scale(1.02);
}

.lp-boxes > .sv-layout > .sv-text-portlet,
.lp-boxes > .sv-layout > .sv-layout {
  height: 100%;
  padding: var(--lp-spacing);
  border-radius: 0 0 var(--lp-border-radius) var(--lp-border-radius);
}

.lp-boxes .sv-text-portlet:not(:last-child) {
  margin: 0 0 1.5rem !important;
}

.lp-boxes h2.subheading {
  margin: 0 !important;
}

.lp-boxes h2.subheading a {
  align-items: center;
  box-sizing: border-box;
  color: #000;
  display: flex;
  -ms-flex-align: center;
  font-size: 2.2rem;
  padding-bottom: var(--lp-spacing-x-small);
  text-decoration: none;
}

.lp-boxes .normal {
   margin-bottom: 0 !important;
}


/*
---------------------------------------------------------
PUFF
--------------------------------------------------------- */

.lp-box {
  background-color: #eee;
  margin-bottom: 3rem;
  padding: 2rem;
}


/*
---------------------------------------------------------
KONTAKTRUTA
--------------------------------------------------------- */

.lp-contact-box {
  background-color: var(--lp-color-5);
  border: 1px solid var(--lp-color-5);
  border-radius: var(--lp-border-radius);
  clear: both;
  list-style-type: none;
  margin: var(--lp-spacing) 0 var(--lp-spacing);
  padding: var(--lp-spacing);
}

.lp-contact-box h2 {
  margin: 0 0 1rem;
  font-weight: 700;
  color: var(--lp-heading-color);
  line-height: 1.25;
  font-size: 3.2rem;
}

.lp-contact-box h3 {
  margin-bottom: 0;
}

.lp-contact-box ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.lp-contact-box a {
   font-weight: 600;
}

.lp-contact-box .sv-text-portlet-content .normal:last-child, 
.lp-contact-box .sv-old-text-portlet .normal:last-child {
   margin-bottom: 0;
}