/* === Custom Block Styling === */
.accordionBlock {
  padding-top: var(--CB-padding-top);
  padding-right: var(--CB-padding-right);
  padding-bottom: var(--CB-padding-bottom);
  padding-left: var(--CB-padding-left);
  margin-top: var(--CB-margin-top);
  margin-bottom: var(--CB-margin-bottom);
}
/* === Title === */
.accordionTitle {
  font-size: var(--FC-font-size-22);
  display: inline-block;
  color: var(--FC-light-blue);
  cursor: pointer;
  opacity: 1 !important;
}
.accordionTitle::after {
  content: "";
  height: 2px;
  bottom: -10px;
  background-color: var(--CB-background-color, var(--FC-light-blue));
  position: absolute;
  left: 0;
  width: 5%;
  transition: var(--FC-default-transition);
}
.accordionTitleWrapper:hover .accordionTitle::after{
  width: 15%;
}
.active .accordionTitle::after {
  width: 25%;
}
.accordionTitle:not(.begin)::after{
  width: 0% !important;
}
/* === Content === */
.accordionContent {
  display: none;
  padding-left: 24px;
  padding-bottom: 16px;
}
.accordionContent * {
  font-weight: 200;
}
.accordionContent :last-child {
  margin-bottom: 0px;
}



.accordionTitleWrapper{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
}

.accordionDropdownArrow svg{
  fill: var(--FC-light-blue);
  transition: var(--FC-default-transition);
}

.accordionBlock.active .accordionDropdownArrow svg{
  transform: rotate(180deg);
  transition: var(--FC-default-transition);
}





/* Dark Title */
.accordionBlock.darkTitle .accordionTitle{
	color: var(--FC-primary-color);
}





.accordianSubTitle{
  margin-bottom: 16px;
  display: block;
}
.accordianSubTitle p{
  margin-bottom: 0px;
  font-size: var(--FC-font-size-16);
}