/*
 * Gebruik zoveel mogelijk nested CSS
 * Meer informatie: https://www.w3schools.com/cssref/sel_nesting.php
 */

 #aw-leesmeer-txt {
  max-height: 300px;
  overflow: hidden;
  transition: max-height 0.4s ease;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));
    -webkit-mask-image: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0) 100%);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(rgba(0, 0, 0, 0)));
    mask-image: linear-gradient(to bottom, #000 0, rgba(0, 0, 0, 0) 100%);

  &.open {
    max-height: none; /* genoeg ruimte voor alles */
	mask-image: none;
	-webkit-mask-image: none;
	  
  }
}
.aw-toggle-leesmeer {
  cursor: pointer;
}

.aw-toggle-leesmeer:focus,
.aw-toggle-leesmeer:active {
  background-color: transparent !important;
  color: inherit !important;
  box-shadow: none !important;
  outline: none !important; /* verwijdert focus-ring */
}