/* Expanderbara ytor */
.con-accordion-heading {
	margin: 0 !important;   
}


/* Rubrik / knapp */
.con-accordion-button {  
   color: #444;
   font-size: 130%;
	font-weight: 300;
   padding: 1rem 1rem 1rem 4.2rem;
   display: block;
   position: relative;
   transition: all 100ms ease;
   background-color: #f9f9f9;
   width: 100%;
   text-align: left;
   border: none;
   border: 1px solid #afafaf;
}

.con-accordion-button:hover{
   background-color: #e6e6e6;
   color: #444;
   
} 

.con-accordion-button:hover::before{
   transform-origin: center;
   transform: scale(1);
   transition: all 100ms ease;
}


/* Ikon */
.con-accordion-button::before {
	 /*font-family: 'helvetica, sans-serif';
    font-weight: bold;*/
    color: #116fa2;     
    position: absolute;
    left: 1em;
    font-size: 80%;
    top: 0.8em;
}

/* Ikon stängd (+) */
.con-accordion__closed {
	border-bottom: 1px solid #b3b3b3;   
}

.con-accordion__closed::before{
    content: "\02795";
}

/* Ikon öppen (-) */
.con-accordion__open{
    background-color: #fff;
    border-bottom: 1px dotted #b3b3b3;      
}

.con-accordion__open::before{
    content: "\02796";
}


/* Innehåll i ytan */
/* .con-decorationAccordion-content .sv-decoration-content{ */
.con-decorationAccordion-border-left {
   border-left: 0.2rem solid #116fa2;
   padding-left: 1.2rem;
}

.con-decorationAccordion-content {   
   /* padding: 1em 2em 1.5em 3.2em; */
   /* padding: 1rem 1rem 1rem 2.6rem; */
   padding: 1rem 1rem 1rem 1.2rem;
   box-sizing: border-box;
   /*border-bottom: 1px solid #b3b3b3;*/
}

.con-decorationAccordion-widecontent {
   box-sizing: border-box;
   border-bottom: 1px solid #b3b3b3;
   padding-bottom: 1rem;
}

.con-decorationAccordion-last-container {
   border-bottom: none;
}



/* Design för att varna om man lägger ytan fel */
/* .sv-editing-mode .con-decorationAccordion-container .sv-decoration-content .con-decorationAccordion-container{ */
.sv-editing-mode .con-decorationAccordion-container .con-decorationAccordion-container{   
    color: #ab362b;
    border: dashed 4px #ab362b;
    position: relative;
    margin-top: 4em;
}

/* .sv-editing-mode .con-decorationAccordion-container .sv-decoration-content .con-decorationAccordion-container .con-accordion-heading::after{ */
.sv-editing-mode .con-decorationAccordion-container .con-decorationAccordion-container .con-accordion-heading::after{ 
   content: "Felaktigt placerad";
    color: red;
    position: absolute;
    top: -2em;
    left: 0;
    font-size: 1rem;
    background-color: #fff;
}

/* .sv-editing-mode con-decorationAccordion-container .sv-decoration-content .con-decorationAccordion-container .normal{ */
.sv-editing-mode .con-decorationAccordion-container .con-decorationAccordion-container .normal{
    color: #ab362b;
}



/* Stor mobil och ner */
@media screen and (max-width: 700px) {
   .con-decorationAccordion-content{
      padding: 1rem 0.5rem 1rem 0.5rem;
   }
}