/* 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);
*/
:root {
  --tab-header-bg:	#C67409;
  --tab-header-text:	#fff;
  --tab-header-border: transparent;
  --tab-header-bg-hover:	#007D36;
  --tab-header-text-hover:	#fff;
  --tab-header-border-hover: var(--tab-header-bg-hover);
  --tab-header-size:	20px;
}

.accordion {
  max-width: var(--text-constrain);
}

.card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card .attribution {
  margin-left: 0;
  margin-right: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: 1.2rem;
  background: var(--scheme-bg-light);
}

.card-header {
  margin-bottom: 0;
  border: none;
  background-color: var(--tab-header-bg);
  color: var(--tab-header-text);
  font-size: 2rem;
  line-height: 1.2;
  position: relative;
}
.card-header button,
.card-header .title {
  padding: 1.2rem;
}
.card-header figure {
  margin: 0 auto;
}
.card-header img {
  width: 100%;
}
.card-header .title {
  display: block;
  color: #fff;
}
.has-media .card-header .wrapper {
  position: absolute;
  bottom: 0;
  z-index: 10;
  left: 0;
  right: 0;
}
.has-media .card-header:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, black 85%);
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.card-header button {
  background: var(--tab-header-bg);
  border: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding: 0.8rem 3.5rem 0.8rem 1.5rem;
  margin: 0;
  display: block;
  width: 100%;
  text-align: left;
  font-size: var(--tab-header-size);
  line-height: 1.2;
  font-weight: bold;
}
.card-header button:focus, .card-header button:hover {
  color: var(--tab-header-text-hover);
  outline: 1px solid var(--tab-header-bg-hover);
  outline-offset: -2px;
  background: var(--tab-header-bg-hover);
  border-color: transparent;
  border-bottom: 1px dotted var(--tab-header-text);
}
.has-media .card-header button {
  text-align: center;
  padding: 0.8rem;
}

.accordion > .card {
  overflow: hidden;
  margin-bottom: -1px;
}
.accordion > .card .card-header {
  margin-bottom: -1px;
}

.card-header button {
  display: block;
  width: 100%;
  text-align: left;
}
.card-header button .icon {
  background: none;
  width: 3.2rem;
  height: 3.2rem;
  min-width: 3.2rem;
  position: relative;
  display: inline-block;
  margin-right: 0.5rem;
  transition: transform 0.3s ease-out, transform 0.3s ease-out, top 0.3s ease-out;
}
.card-header button .icon:before, .card-header button .icon:after {
  background: var(--tab-header-text);
  display: block;
  height: 3px;
  width: 1.4rem;
  transition: transform 0.3s ease-out, transform 0.3s ease-out, top 0.3s ease-out;
  position: absolute;
  left: 25%;
  top: 18%;
  content: "";
}
.card-header button .icon:hover:before, .card-header button .icon:hover:after, .card-header button .icon:focus:before, .card-header button .icon:focus:after {
  color: var(--tab-header-text-hover);
}
.card-header button .icon:after {
  transform: rotate3d(0, 0, 1, -90deg);
}
.has-media .card-header button .icon {
  transition: all 300ms cubic-bezier(0.55, 0.085, 0, 0.99);
  position: relative;
  display: inline-block;
  padding-right: 2rem;
}
.has-media .card-header button .icon:before {
  opacity: 0;
}
.has-media .card-header button .icon:after {
  background: 0;
  transform: none;
}
.has-media .card-header button .icon:after {
  content: "\f078";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: inherit;
  position: absolute;
  top: -1rem;
  right: 0;
  font-size: inherit;
}
.has-media .card-header button .icon:focus:after, .has-media .card-header button .icon:active:after, .has-media .card-header button .icon:hover:after {
  color: inherit;
}

.card:not(.has-media) .icon {
  position: absolute;
  top: 40%;
  right: 0;
}

.transcript-wrapper .card-header button[aria-expanded=true] .icon,
.transcript-wrapper .card-header .icon,
.card-header .icon {
  top: 1.2rem;
}

.card-header button[aria-expanded=true]:before {
  content: "";
}
.card-header button[aria-expanded=true] .icon:after {
  transform: rotate3d(0, 0, 1, 0deg);
  color: var(--tab-header-text);
}
.card-header button[aria-expanded=true]:hover:after, .card-header button[aria-expanded=true]:focus:after {
  color: var(--tab-header-text-hover);
}
.card-header button[aria-expanded=true]:hover .icon:before, .card-header button[aria-expanded=true]:hover .icon:after, .card-header button[aria-expanded=true]:focus .icon:before, .card-header button[aria-expanded=true]:focus .icon:after {
  color: var(--tab-header-text-hover);
}
.has-media .card-header button[aria-expanded=true] .icon:after {
  transform: scaleY(-1);
  top: 2rem;
}

.card {
  padding: 0 0 2.4rem;
}

.card-header button[aria-expanded=true],
.card-header button[aria-expanded=false] {
  color: var(--tab-header-text);
}
.card-header button[aria-expanded=true]:hover, .card-header button[aria-expanded=true]:focus,
.card-header button[aria-expanded=false]:hover,
.card-header button[aria-expanded=false]:focus {
  color: var(--tab-header-text-hover);
}

.transcript-wrapper .card-header button[aria-expanded=true] .icon,
.transcript-wrapper .card-header .icon {
  border: none;
  transform: none;
}
/*# sourceMappingURL=../maps/components-override/accordion.css.map */