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

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

 #aw-leesmeer-txt,
 .aw-leesmeer-txt {
  max-height: 210px;
  overflow: hidden;
  transition: max-height 0.4s ease;
	/* Tekst blijft volledig zichtbaar (#000) tot ~2 regels voor het einde;
	   pas de laatste 56px (±2 regels) fade't uit naar transparant. */
    -webkit-mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 56px), rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, #000 0, #000 calc(100% - 56px), 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 */
}


#aw_readmore_description #aw-leesmeer-txt, #aw_readmore_description .aw-leesmeer-txt {
	max-height: auto;
}

#aw_readmore_description .aw-toggle-leesmeer {
	display:block;
}

@media (max-width: 600px) {
	#aw_readmore_description .aw-toggle-leesmeer {
		display:block;
	}
	#aw_readmore_description#aw-leesmeer-txt.open, .#aw_readmore_description.aw-leesmeer-txt.open {
 		max-height: none !important;
	}
	#aw_readmore_description#aw-leesmeer-txt,
 	#aw_readmore_description.aw-leesmeer-txt {
  		max-height: 200px;
 		overflow: hidden;
  		transition: max-height 0.4s ease;
  			&.open {
   				max-height: none; /* genoeg ruimte voor alles */
				mask-image: none;
				-webkit-mask-image: none;	  
  			}
	}
}