/* Rem Unit font sizes with relative fallback http:/seesparkbox.com/foundry/scss_rem_mixin_now_with_a_better_fallback
	Usage: @include font-size(1, large);
*/
.accordion {
  --tab-border-color:	#D0D7DE;
  --tab-header-bg:	#D0D7DE;
  --tab-header-bg-rgb:	208, 215, 222;
  --tab-header-size:	1.9rem;
  --text-color:	#333F48;
  --link-hover:	#9f3050;
}

.card {
  color: var(--text-color);
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid var(--tab-border-color);
  border-bottom: none;
}
.card:last-child {
  border-bottom: 1px solid var(--tab-border-color);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: 24px 24px;
  padding: 2.4rem 2.4rem;
}

.card-header {
  padding: 0;
  margin-bottom: 0;
  font-size: var(--tab-header-size);
}
.card-header button {
  padding: 12px 10px;
  padding: 1.2rem 1rem;
  color: var(--text-color);
  background-color: rgba(var(--tab-header-bg-rgb), 0.3);
  border: none;
  box-shadow: inset 0 -1px var(--tab-header-bg-rgb);
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
}
.card-header button[aria-expanded=true] {
  color: var(--link-hover);
}

.card.bg {
  padding: 0;
}
.card.bg .card-header button {
  background-color: transparent;
}
.card.bg .card-header button[aria-expanded=true] {
  background-color: rgba(var(--tab-header-bg-rgb), 0.3);
}

.accordion {
  clear: both;
}
.accordion > .card {
  overflow: hidden;
  margin-bottom: -1px;
}
.accordion > .card .card-header {
  margin-bottom: -1px;
}
/*# sourceMappingURL=maps/accordion.css.map */