/*simple-accordion v1.0.1*/

.tc-simple-accordion {
    margin-inline: auto;
    width: var(--tc-simple-accordion-width);
    max-width: var(--tc-simple-accordion-maxwidth);
}
.tc-simple-accordion header{
  padding: 1rem;
    background-color: var(--tc-simple-accordion-header-clr);
}
.tc-simple-accordion header *{
  color: var( --tc-simple-accordion-header-txt-clr);
}

.tc-simple-accordion-segment-btn {
    background-color: var(--tc-simple-accordion-segment-btn-clr);
    color: var(--tc-simple-accordion-segment-btn-txt-clr);
    cursor: pointer;
    padding: 1rem;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
  }
  
  .tc-simple-accordion-segment-btn[data-active], .tc-simple-accordion-segment-btn:hover {
    background-color: var(--tc-simple-accordion-segment-btn-hover-clr);
  }
  
  .tc-simple-accordion-segment-panel {
    padding: 1.5rem 1rem;
    background-color: var(--tc-simple-accordion-segment-panel-clr);
    display: none;
    overflow: hidden;
  }
  .tc-simple-accordion-segment-panel * {
    color: var(--tc-simple-accordion-segment-panel-txt-clr);
  }

  .tc-simple-accordion-segment-btn:after {
    content: '+';
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--tc-simple-accordion-segment-btn-txt-clr);
    float: right;
    margin-left: 5px;
  }
  
  .tc-simple-accordion-segment-btn[data-active]:after {
    content: "-";
  }