/* 
Plusbox Dekorationsmall
Envision

I redigeringsläge visas bara formateringen för h2 och h3
*/

.plusbox-envision, .sv-spacer-0_3emvt .plusbox-envision {
   margin-top: 3em;
}
/* Ökar avstånd till Plusboxen ovanför */
.plusbox-envision + * {
   margin-top: 3em !important;
}

/* Styling för knappen */
.plusbox-envision .env-collapse-header {
	padding: 1em 3em 1em 1.8em;
   margin-bottom: 0;
   position: relative;
	border: solid rgba(0, 0, 0, 0.0) 3px;
	box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   font-family: "Poppins", sans-serif;
   font-size: 60%;
   font-weight: 600;
   text-align: left;
   color: #FFF;
   word-break: normal;
}

/* Markerar elementet när det är i fokus */
.plusbox-envision .env-collapse-header:focus {
   border-color: #000000;
}
.plusbox-envision .sv-script-portlet {
   margin-bottom: -0.5em;
   margin-top: -1.5em;
}

/* Innehållet till plusboxen */
.plusbox-envision .env-collapse {
	border-color: #d6d6d6;
	box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
	border-radius: 0;
   background-color: #FFF;
   position: relative;
   padding: 0 2em;
}

/* Fix för layout */
.sv-layout.plusbox-envision .env-collapse {
   top: -1em;
}

/* Ökar avståndet mellan innehållet under knappen */
.plusbox-envision .env-collapse > div {
   padding: 1em 0;
}

/* FontAwesome ikon avstånd till text */
.env-collapse-header.env-collapse-header--fa-icons:before {
   font-family: FontAwesome;
   padding-right: 0.3em;
   font-weight: 100;
   position: absolute;
   top: 1em;
   left: 0.5em;
}
/* FontAwesome plus ikon och placering */
.env-collapse-header.env-collapse-header--fa-icons:after {
   content: "+";
   width: 20px;
   top:50%;
   right: 0.3em;
   position: absolute;
   transform: translate(-50%, -50%);
   font-size: 160%;
   text-align: center;
}
/* FontAwesome minus ikon */
.env-collapse-header.env-collapse-header--fa-icons.fa-minus-after:after {
   content: "-";
   top: 45%;
}

/* Lista med ikoner */
.plusbox-envision .sv-nestedlistmenu-portlet li a:before {
   content: "\f105";
   font-family: "Font Awesome 5 Free";
   font-weight: 600;
   padding-right: 1em;
}

.plusbox-envision .sv-nestedlistmenu-portlet li a {
   text-decoration: none;
   color: #0064a3;
   font-weight: 600;
   font-size: 1.2em;
   width: 100%;
   display: block;
   padding: 0.5em;
}

.plusbox-envision .sv-nestedlistmenu-portlet li a:hover, .plusbox-envision .sv-nestedlistmenu-portlet li a:active {
   background-color: #0064a3;
   color: #FFF;
}

/* Styling för rubriker */
.plusbox-envision .env-collapse h1, .plusbox-envision .env-collapse h2, .plusbox-envision .env-collapse h3, .plusbox-envision .env-collapse h4 {
   font-weight: 500;
}

.plusbox-envision .env-collapse h1 {
   font-size: 130%;
}

.plusbox-envision .env-collapse h2 {
   font-size: 120%;
}

.plusbox-envision .env-collapse h3 {
   font-size: 110%;
}

.plusbox-envision .env-collapse h4 {
   font-size: 100%;
}

/* 
Gammal Plusbox Dekoration
*/

/* Skapar avstånd till annat innehåll */
.sv-font-plusbox-envision {
   margin-top: 1em !important;
   margin-bottom: 0;
}

/* Styling för knappen */
.sv-font-plusbox-envision .env-collapse-header {
	padding: 1em 3em 1em 1em;
   margin-bottom: 0;
   position: relative;
	background-color: #0064a3;
   border: solid rgba(0, 0, 0, 0.0) 3px;
	box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
   font-weight: 600;
   text-align: left;
}

/* Markerar elementet när det är i fokus */
.sv-font-plusbox-envision .env-collapse-header:focus {
   border-color: #000000;
}

/* Färg på plus/minus */
.env-collapse-header.env-collapse-header--icons:after, .env-collapse-header.env-collapse-header--icons:before {
   background-color: #FFF;
}

/* Innehållet till plusboxen */
.sv-font-plusbox-envision + div {
	border-color: #d6d6d6;
	box-shadow: 0 8px 24px 0 rgba(0,0,0,0.16);
	border-radius: 0;
   overflow-x: hidden;
   padding: 0 1em 0 1em;
}

/* Ökar avståndet mellan innehållet under knappen */
.sv-font-plusbox-envision + div > div {
   margin: 1em 0 1em 0;
}

/* Avstånd till innehåll */
.sv-font-plusbox-envision + div > div * {
   padding: 0 0.45em 0 0.45em;
}

/* Avstånd till innehållslistor */
.sv-font-plusbox-envision + div > div ol, .sv-font-plusbox-envision + div > div ul {
   padding: 0 1.45em;
}

/* Plusbox innehåll h3, h4 */
.sv-font-plusbox-envision + div > div h3, .sv-font-plusbox-envision + div > div h4 {
   font-size: 110%;
   margin: 1em 0 0.3em 0;
   font-weight: 500;
}

/* Plusbox innehåll h4 storlek */
.sv-font-plusbox-envision + div > div h4 {
   font-size: 100%;
}