/* TALEP */

/* [THE ENTIRE TAB] */
.talep {
  position: relative;
	margin-bottom: 20px;
}

/* [THE LABEL] */
.talep input#talep-1 {
 	 display: none;
}
.talep label[for=talep-1] {
    font: normal 13px / 15px "Roboto", Helvetica, Arial, Verdana, sans-serif;
    background: #ba0d13;
    color: #fff;
    padding: 5px 60px;
    cursor: pointer;
    margin-bottom: 10px;
    display: inline-block;
}

/* [THE CONTENTS] */
.talep-text {
	font-size: 13px;
}	

.talep-content {
  overflow: hidden;
  /* CSS animation will not work with auto height */
  /* This is why we use max-height */
  transition: max-height 0.5s; 
  max-height: 0;
}

.talep input:checked ~ .talep-content {
  /* Set the max-height to a large number */
  /* Or 100% viewport height */
  max-height: 100vh;
}