@CHARSET "ISO-8859-1";

.claps-toggle-text {
    --collapse-hf: 80px;
    --collapse-ht: 100px;
}

/* Accessible toggle with a text-link appearance. */
.claps-toggle-text button.claps-text-collapse-button {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    letter-spacing: inherit;
    margin: 0;
    padding: 0;
    text-align: inherit;
    text-transform: none;
}

.claps-toggle-text button.claps-text-collapse-button:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}


/* define the inner text areas block position */
.claps-text-inner {
    position: relative;
}

/* collapse and set the height of the toggle text */
.claps-toggle-text .claps-text-inner {
    transition: height 0.5s ease;
    overflow: hidden;
}

.claps-toggle-text .claps-text-toggle-collapsed {
    height: var(--collapse-ht);
}

/* add gradient to the collapsed text */
.claps-toggle-text .claps-text-toggle-collapsed:after {
    content: "";
    display: inline-block;
    position: absolute;
    pointer-events: none;
    height: var(--collapse-hf);
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(0deg, #fff 20%, transparent);
}

/* style the expand text link */
.claps-toggle-text .claps-text-expand-button {
    padding: 0.5em;
    text-align: left;
    /*color: #ff0000!important;*/
}

/* change the cursor to a pointed when hovering over the expand text link */
.claps-toggle-text .claps-text-expand-button span {
    cursor: pointer;
}
/* define the font family for the toggle icon */
.claps-toggle-text1 .claps-text-expand-button .claps-text-toggle-icon {
    font-family: ETMODULES, "sans-serif";
    /*font-weight: bold;*/
}
/* set the max height and transition of the expanded toggle */
.claps-toggle-text .claps-text-toggle-expanded {
    height: auto;
}

/* hide the gradient when the toggle is expanded */
.claps-toggle-text .claps-text-toggle-expanded:after {
    display: none;
}