/** used on https://www.labor.alaska.gov/lss/sick-leave-faq.html **/
/** provides an accordian display such as on an FAQ page **/


/* Collapse state */
.accordion__panel {
  text-align: left;
  overflow: hidden;        /* prevent inner scrollbars */
  padding: 0 1em;
  max-height: 0;           /* collapsed */
  transition: max-height 0.2s ease-in-out, visibility 0.2s ease-in-out;
  visibility: hidden;
}

/* Expanded state */
.js .accordion__panel.is-active {
  max-height: none;        /* allow natural height */
  visibility: visible;
}
.AccordionContent p{padding-right:3px;line-height:1.25em;}
.drop-group,.AccordionTitle{border-bottom:1px solid rgb(226,226,226);}
.drop-group{padding:5px 0; margin-bottom: 1rem;}
.drop-group ul{list-style-type:disc;list-style:inside;}
.clickpara{padding:0 1rem;margin-left:1rem;display:inline-block;}
#AccordionHeader{border-bottom:0.1875rem solid #ececec;background-color:#f5f5f5;padding:1rem 1rem 0.5rem 0.5rem;margin-left:-1px;}
.AccordionContainer{word-wrap:break-word;background-color:#ffffff;border-bottom:0.0625rem solid #e2e2e2;}
.AccordionTitle a{color:#014c8b;}
.clickable-heading,.sim-click{cursor:pointer;margin-bottom:0;padding:3px;padding-left:.5rem;z-index:1;}
.clickable-heading p{margin-bottom:0;}


.clickable-heading::after {
  content: "+ Show";
  display: block; /* forces it onto a new line */
  margin-top: 0.25em;
  font-size: 0.875em;
  color: #014c8b;
  font-weight: 400;
  text-decoration: underline;
  cursor: pointer;
}


.clickable-heading[aria-expanded="true"]::after {
  content: "X Hide";
  display: inline-block;
  float: right;
  margin-top: 2em;
  font-size: 1rem;
  color: #5c70c9;
  font-weight: 400;
  cursor: pointer;
  line-height: 1;
  padding: 0.1em 0.4em;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #f9f9f9;
  transition: background-color 0.2s ease;
}

.clickable-heading[aria-expanded="true"]::after:hover {
  background-color: #e0e0e0;
}