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


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

/* Obs! En variant för landningssidorna utgår ifrån dessa regler */

.lp-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0rem -1.5rem 0rem;

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

.lp-boxes > div {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 0 2rem;
  min-width: 250px;
  padding: 0 1rem;
  width: 33.3%;

  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.lp-boxes .sv-image-portlet {
  min-height: initial;
   max-width: 380px;
   max-height: 227.133px;
   

}

.lp-boxes .sv-text-portlet {
  background: #ecf0f6;
  height: 100%;
}

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

.lp-boxes h2.subheading a {
  -webkit-box-align: center;
  align-items: center;
  border-bottom: 2px solid #006eab;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  font-size: 2rem;
  margin: 1rem;
  padding-bottom: 1rem;
  padding-right: 3.4rem;
}

.lp-boxes h2.subheading a::after {
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox=\'0%200%2022%2023\'%20xmlns=\'http://www.w3.org/2000/svg\'%20fill=\'%23000\'%3E%3Cg%3E%3Cg%20transform=\'translate(-433%20-742)\'%3E%3Cg%20transform=\'translate(215%20708)\'%3E%3Cpath%20d=\'M229%2034.83c-6.065%200-11%204.92-11%2010.968%200%206.046%204.935%2010.966%2011%2010.966s11-4.92%2011-10.966c0-6.047-4.935-10.967-11-10.967zm0%201.688c5.15%200%209.308%204.146%209.308%209.28%200%205.134-4.158%209.28-9.308%209.28-5.15%200-9.308-4.146-9.308-9.28%200-5.134%204.158-9.28%209.308-9.28zm.608%203.875l-1.216%201.187%203.384%203.374h-8.7v1.687h8.7l-3.384%203.375%201.216%201.186%205.42-5.404-5.42-5.405z\'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-size: 2rem 2rem;
  content: '';
  display: inline-block;
  height: 2rem;
  margin-left: 1rem;
  margin-right: -3.4rem;
  width: 2.4rem;

  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.lp-boxes p.normal {
  margin: 1rem !important;
}

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

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


/*
---------------------------------------------------------
CALL TO ACTION
--------------------------------------------------------- */


.sv-cta-button-service {
  color: #999;
  font-style: italic;
  font-weight: normal;
}

.sv-cta-button-service a {
  -webkit-box-align: center;
  align-items: center;
  background-color: #f4efe4;
  border-radius: 4px;
  color: #222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  margin: 5px 0 20px;
  outline: 0;
  padding: 11px 20px 9px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;

  -webkit-box-pack: center;
  justify-content: center;
}

.sv-cta-button-service a:before {
  background-color: #a09061;
  background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D\'0%200%2028%2028\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20fill%3D\'%23fff\'%3E%3Cg%20%20transform%3D%22translate(-917%20-44)%22%3E%3Cpath%20d%3D%22M12.031%200c-1.11%200-2.219.156-3.312.469l-.781.219L8%201.5c.043.738-.32%201.45-1%201.844a1.973%201.973%200%200%201-2.094-.063l-.656-.437-.594.531A12.028%2012.028%200%200%200%20.375%209.094l-.188.781.688.344C1.535%2010.55%202%2011.21%202%2012c0%20.79-.465%201.45-1.125%201.781l-.719.344.219.781c.262%201.051.645%202.102%201.219%203.094a12.158%2012.158%200%200%200%202.062%202.625l.594.563.656-.438c.617-.406%201.41-.488%202.094-.094A1.977%201.977%200%200%201%208%2022.5l-.063.813.782.218c1.39.395%202.84.508%204.281.375V28h15V14h-4.406l-.469-.219C22.465%2013.45%2022%2012.79%2022%2012c0-.79.465-1.45%201.125-1.781l.719-.344-.219-.781C23.363%208.043%2022.98%206.992%2022.406%206a12.158%2012.158%200%200%200-2.062-2.625l-.563-.563-.687.47A1.973%201.973%200%200%201%2017%203.343l-.031-.031A1.974%201.974%200%200%201%2016%201.5l.063-.813L15.28.47A11.779%2011.779%200%200%200%2012.031%200zM12%202.094c.742%200%201.496.086%202.219.25.21%201.094.742%202.117%201.781%202.719%201.05.605%202.219.535%203.281.156.504.539.992%201.117%201.375%201.781.387.672.63%201.379.844%202.094-.852.73-1.5%201.699-1.5%202.906%200%20.73.215%201.41.563%202h-2.907A5.83%205.83%200%200%200%2018%2012c0-3.3-2.7-6-6-6s-6%202.7-6%206%202.7%206%206%206c.344%200%20.672-.04%201-.094v4c-1.09.102-2.168.016-3.219-.218-.207-1.106-.73-2.145-1.781-2.75-1.05-.606-2.219-.536-3.281-.157-.508-.543-.992-1.117-1.375-1.781-.387-.672-.63-1.379-.844-2.094C3.352%2014.176%204%2013.207%204%2012s-.648-2.176-1.5-2.906C2.934%207.668%203.71%206.37%204.75%205.25c1.05.36%202.21.41%203.25-.188%201.04-.597%201.57-1.625%201.781-2.718A9.987%209.987%200%200%201%2012%202.094zM12%208c2.219%200%204%201.781%204%204a3.94%203.94%200%200%201-.563%202H13v1.844A3.69%203.69%200%200%201%2012%2016c-2.219%200-4-1.781-4-4%200-2.219%201.781-4%204-4zm3%208h11v1H15v-1zm0%203h11v7H15v-7zm7.281.781L20%2022.063l-1.281-1.282-1.438%201.438%202%202%20.719.687.719-.687%203-3-1.438-1.438z%22%20transform%3D%22translate(917%2044)%22%20id%3D%22icons8-administrative-tools%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 50px;
  margin: 2px 1.5rem 0 0;
  width: 50px;

  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.sv-cta-button-service a:hover,
.sv-cta-button-service a:focus {
  text-decoration: underline;
}