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


/*
---------------------------------------------------------
RUTA
--------------------------------------------------------- */

.lp-single-box {
  border: 1px solid #eee;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09);
  margin: 10rem auto 0;
  max-width: 500px;
  padding: 3rem;
}


/*
---------------------------------------------------------
LÄNKKNAPP
--------------------------------------------------------- */

.lp-link-button {
  border-radius: 6px;
  display: inline-block;
  margin: 0 0 6rem;
}

.lp-link-button p {
  margin: 0 !important;
}

.lp-link-button a {
  background: #fff;
  border: 1px solid #333;
  border-radius: 6px;
  color: #231f1d;
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  padding: 2.3rem 12rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.lp-link-button a:hover,
.lp-link-button a:focus {
  background: rgba(255, 255, 255, 0.9);
}

.lp-clickable-area:hover .lp-link-button a,
.lp-clickable-area:focus .lp-link-button a {
  text-decoration: none;
}


/* Undantag - Artikellistning */
.lp-article-list > .sv-text-portlet {
  text-align: center;
}


/* Undantag - Heropuff */
.lp-hero-blurb .lp-link-button a {
  background: rgba(0, 0, 0, 0.2);
  border: none;
  color: #fff;
  padding: 2.3rem 6rem;
}

.lp-hero-blurb .lp-link-button a:hover,
.lp-hero-blurb .lp-link-button a:focus {
  background: rgba(0, 0, 0, 0.4);
}


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

.lp-box-clickable {
  margin: 8rem 0;
  padding-top: 0.5rem;
}

.lp-box-clickable > .sv-layout {
  background: rgba(255, 255, 255, 0.9);
  padding: 3rem 3rem 4rem;
}

.lp-box-clickable h2 {
  color: #333;
  font-size: 2rem;
  margin: 0 0 2rem;
}

.lp-box-clickable a {
  text-decoration: none;
}

.lp-box-clickable p {
  color: #555;
  font-size: 1.6rem;
  margin: 0;
}


/*
---------------------------------------------------------
DOKUMENT & LÄNKAR
--------------------------------------------------------- */

.lp-documents,
.lp-links {
  margin: 0 0 3rem;
  padding-top: 0.5rem;
}

.lp-documents > .sv-layout,
.lp-links > .sv-layout {
  background: rgba(255, 255, 255, 0.9);
  padding: 3rem;
}

.lp-documents-header,
.lp-links-header {
  -webkit-box-align: center;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  margin: 0 0 2.5rem !important;
  padding: 0 0 2.5rem;
}

.lp-documents .lp-icon,
.lp-links .lp-icon {
  font-size: 2rem;
  margin: 0 1.5rem 0.4rem 0;
}

.lp-documents h2,
.lp-links h2 {
  font-weight: normal;
  margin: 0;
}

.lp-documents a,
.lp-links a {
  font-size: 1.6rem;
  padding-right: 1.8rem;
  text-decoration: none;
}

.lp-documents a img,
.lp-links a img {
  display: none;
}

.lp-documents a:after,
.lp-links a:after {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox=\'0%200%209%2014\'%20xmlns=\'http://www.w3.org/2000/svg\'%20fill=\'%23222\'%3E%3Cg%3E%3Cg%20transform=\'translate(-1082%20-120)\'%3E%3Cg%20transform=\'translate(1082%20120)\'%3E%3Cpath%20d=\'M2.219.281L.78%201.72%206.063%207%20.78%2012.281%202.22%2013.72l6-6L8.906%207l-.687-.719z\'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
  content: '';
  display: inline-block;
  height: 12px;
  margin: 0 0 0 1rem;
  margin-left: 1rem;
  margin-right: -1.8rem;
  width: 8px;
}

.lp-documents a:hover,
.lp-documents a:focus,
.lp-links a:hover,
.lp-links a:focus {
  text-decoration: underline;
}


/*
---------------------------------------------------------
KONTAKTPERSON
--------------------------------------------------------- */

.lp-contact {
  background: #f7f7f7;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 3rem 8.5rem 3rem 0;
  min-height: 230px;
  padding: 3rem;
  position: relative;
}

.lp-contact > .sv-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  width: 100%;

  -webkit-box-pack: justify;
  justify-content: space-between;
}

.lp-contact .sv-image-portlet {
  overflow: hidden;
  position: absolute;
  right: -85px;
  top: 30px;
}

.sv-editing-mode .sv-image-portlet {
  margin: 0 0 2rem;
  position: static !important;
}

.lp-contact img {
  border-radius: 50%;
  height: 170px !important;
  width: 170px !important;
}

.lp-contact h2 {
  font-weight: normal;
}

.lp-contact > .sv-layout > .sv-layout:first-of-type p {
  color: #555;
  font-size: 1.6rem;
}

.lp-contact > .sv-layout > .sv-layout:last-of-type {
  border-top: 1px solid #e7e7e7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem 0 0;

  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lp-contact > .sv-layout > .sv-layout:last-of-type p {
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  margin: 0 3rem 0 0;
  min-width: 160px;
}

.lp-contact > .sv-layout > .sv-layout:last-of-type p:before {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox=\'0%200%2013%2020\'%20xmlns=\'http://www.w3.org/2000/svg\'%20fill=\'%23000\'%3E%3Cg%3E%3Cg%20transform=\'translate(-249%20-779)\'%3E%3Cg%20transform=\'translate(249%20779)\'%3E%3Cpath%20d=\'M1.625%200C1.2%200%20.765.153.457.469.149.785%200%201.23%200%201.667v16.666c0%20.437.15.882.457%201.198A1.63%201.63%200%200%200%201.625%2020h9.75c.425%200%20.86-.153%201.168-.469.308-.316.457-.761.457-1.198V1.667c0-.437-.15-.882-.457-1.198A1.63%201.63%200%200%200%2011.375%200h-9.75zm0%201.667h9.75v16.666h-9.75V1.667zM6.5%202.5a.825.825%200%200%200-.813.833c0%20.46.365.834.813.834a.825.825%200%200%200%20.813-.834A.825.825%200%200%200%206.5%202.5zM4.875%2015.833V17.5h3.25v-1.667h-3.25z\'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat;
  content: '';
  float: left;
  height: 20px;
  margin: 0 1.5rem 0 0;
  width: 20px;
}

.lp-contact > .sv-layout > .sv-layout:last-of-type > .sv-text-portlet:last-of-type p:before {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox=\'0%200%2022%2015\'%20xmlns=\'http://www.w3.org/2000/svg\'%20fill=\'%23000\'%3E%3Cg%3E%3Cg%20transform=\'translate(-425%20-782)\'%3E%3Cg%20transform=\'translate(425%20782)\'%3E%3Cpath%20d=\'M0%200v15h22V0H0zm3.649%201.667h14.702L11%206.484%203.649%201.667zm-1.957.729l5.712%203.75-5.712%203.932V2.396zm18.616%200v7.682l-5.712-3.932%205.712-3.75zM8.885%207.136l1.639%201.067.476.287.476-.287%201.64-1.068%207.192%204.948v1.25H1.692v-1.25l7.193-4.948z\'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
  height: 22px;
  margin-top: 0.7rem;
  width: 22px;
}

.lp-contact > .sv-layout > .sv-layout:last-of-type p a {
  text-decoration: none;
}

.lp-contact > .sv-layout > .sv-layout:last-of-type p a:hover,
.lp-contact > .sv-layout > .sv-layout:last-of-type p a:focus {
  text-decoration: underline;
}