{% set toggle_color       = theme.miscellaneous.accordions.toggle_icon_color.color %}
{% set divider_color      = theme.miscellaneous.accordions.divider_color.color %}
{% set dark_toggle_color  = theme.miscellaneous.accordions.dark_toggle_icon_color.color %}
{% set dark_divider_color = theme.miscellaneous.accordions.dark_divider_color.color %}

.section--faqs--faq:first-child {
  border-top: 1px solid ;
}
.section--faqs--faq {
  display:block;
  position:relative;
  border-bottom: 1px solid ;
}
.section--faqs--faq--toggle {
  display:block;
  position:relative;
  padding-right:50px;
  padding-top: 25px;
  padding-bottom: 25px;
  cursor:pointer;
}
.section--faqs--faq--toggle--icon {
  width: 25px;
  height: 25px;
  border: 1px solid ;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  right: 0;
  top: 30px;
  overflow: visible;
}
.section--faqs--faq--toggle--icon .icon--axis {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 1px;
  background: 
}
.section--faqs--faq--toggle--icon .icon--vertical--line {
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(90deg) ;
  
}
.section--faqs--faq--toggle--icon .icon--horizontal--line {
  background: ;
  transform: translate(-50%, -50%);
}
.section--faqs--faq.active .section--faqs--faq--toggle .section--faqs--faq--toggle--icon .icon--vertical--line {
  transform: translate(-50%, -50%) rotate(0);
}
.section--faqs--faq--content {
  width:100%;
}
.section--faqs--faq--content--inner--spacer {
  display:block;
  width:100%;
  height:;
}

{% call mediaLoop() %}
  .all--color--white .section--faqs--faq:first-child {
    border-top: 1px solid ;
  }
	.all--color--white .section--faqs--faq {
		border-bottom-color:;
	}
	.all--color--white .section--faqs--faq--toggle--icon .icon--axis,
	.all--color--white .section--faqs--faq--toggle--icon .icon--horizontal--line {
		background:!important;
	}
	.all--color--white .section--faqs--faq--toggle--icon {
		border-color:!important;
	}
{% endcall %}