/*
=========================================================
HEROPUFF
=========================================================
 * Puff med stor bild och/eller text.
 *
 * Limepark AB, 2018
=========================================================*/


/*
---------------------------------------------------------
HEROPUFF
--------------------------------------------------------- */

.lp-hero-blurb {
  color: #fff;
}

.lp-hero-blurb > .sv-decoration-content {
  display: flex;
}

.lp-hero-blurb > .sv-decoration-content > .sv-layout,
.lp-hero-blurb > .sv-decoration-content > .sv-portlet {
  box-sizing: border-box;
  flex: 1 0 50%;
}

.lp-hero-blurb > .sv-decoration-content > .sv-layout,
.lp-hero-blurb > .sv-decoration-content > .sv-portlet {

}

.lp-hero-blurb > .sv-decoration-content > .sv-layout .sv-text-portlet {
  max-width: 670px;
  margin: 0 auto;
}

.lp-hero-blurb > .sv-decoration-content img {
  height: auto;
  max-height: initial;
  max-width: 100%;
  width: 100%;
}

.lp-hero-blurb > .sv-decoration-content > .sv-image-portlet {
  background-position: center;
  background-size: cover;
}

.lp-hero-blurb > .sv-decoration-content > .sv-layout {
  align-self: center;
  padding: 6rem;
}

.lp-hero-blurb > .sv-decoration-content > .sv-layout:first-child {
  text-align: center;
  width: 100%;
}

.lp-hero-blurb > .sv-decoration-content .subheading,
.lp-hero-blurb > .sv-decoration-content .subheading a,
.lp-hero-blurb > .sv-decoration-content .normal,
.lp-hero-blurb > .sv-decoration-content .normal a,
.lp-hero-blurb > .sv-decoration-content .litenxtext,
.lp-hero-blurb > .sv-decoration-content .litenxtext a {
  color: inherit;
}

.lp-hero-blurb > .sv-decoration-content .normal {
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: 600;
  font-style: italic;
}

.lp-hero-blurb > .sv-decoration-content .litenxtext {
  font-size: 1.8rem;
}

.lp-hero-blurb .lp-link-button {
  margin-bottom: 0;
  margin-top: 2rem;
}

.lp-hero-blurb .lp-link-button .normal {
  font-style: normal;
}


/* Om puffen används på en vanlig sida */
.lp-content .lp-hero-blurb {
  margin: 3rem 0;
}