/* --- KASSA --- */
.checkout .tws-checkout--delivery-method .tws-checkout--delivery-method-description, .checkout .tws-checkout--payment-method .tws-checkout--payment-method-description
 {
		overflow: visible;
    max-height: none;
}
.checkout .tws-checkout--delivery-method.tws-checkout--overflow-detected .tws-checkout--delivery-method-description::after, .checkout .tws-checkout--payment-method.tws-checkout--overflow-detected .tws-checkout--payment-method-description::after {
    background: none;
}
.checkout .tws-checkout--delivery-method-more, .tws-checkout--payment-method-more {
    display: none;
}

/* --- PRODUCT PAGE --- */

.tws-article-description--text-container {
    max-height: none;
    overflow: visible;
}
.slot--article-description .tws-article-description .tws-article-description--show-more {
    display: none;
}


/* --- SKYLTFÖNSTER --- */

.bountiful--start-page .bountiful--component-container .tws-content-box--table {
	padding: 0px;
}

@media (max-width: 768px) {
.bountiful--start-page .bountiful--component-container .tws-content-box--table .tws-content-box--first-line {
    font-size: 12px;
    margin: 0;
}
  .bountiful--start-page .bountiful--component-container .tws-content-box--table .tws-content-box--second-line {
    font-size: 10px;
    margin: 0;
}
  .bountiful--start-page .tws-container--tws-content-box .tws-content-box--third-line {
    font-size: 10px;
}
}

/* --- ACCORDION --- */

.articlegroup details {
    border-radius: 4px;
    padding: .5em .5em 0;
}
.articlegroup summary {
    font-weight: bold;
    margin: -.5em -.5em 0;
    padding: .5em;
	  cursor: pointer;
}
.articlegroup details[open] {
    padding: .5em;

}

.articlegroup details[open] summary {
    margin-bottom: .5em;
  	font-size:0px;
}

.articlegroup details[open] summary::after {
	font-size:14px;
  content:"Läs mindre";
}

* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

.container {
  position: relative;
  text-align: center;
  color: white;
}

.bottom-left {
  position: absolute;
  bottom: 20px;
  left: 20px;
}