/*
  Colors
*/
/*
  Width
*/
/*
  Space
*/
/*
	Shadow
*/
/*
  Icon Accordion
  Icon + title rows. A row that carries a description is a native <details>, so
  it opens without JS. All typography comes from .content-editor - the rules
  below only place the parts and draw the toggle.
*/
.icon-accordion {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
  width: 100%;
  /*
    Rows
  */
}
.icon-accordion__item {
  display: block;
  width: 100%;
}
.icon-accordion__head {
  display: flex;
  flex-direction: column;
  list-style: none;
}
.icon-accordion__head::-webkit-details-marker {
  display: none;
}
.icon-accordion__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.icon-accordion__icon img {
  width: auto;
  height: 120px;
}
.icon-accordion__title {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
  padding: 20px 0;
  text-align: left;
}
.icon-accordion__title h3 {
  flex: 1;
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5em;
  color: #5c5656;
}
.icon-accordion {
  /*
    Toggle - only on rows that open
  */
}
.icon-accordion__toggle {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  background: #f1eded;
  border-radius: 50%;
  cursor: pointer;
}
.icon-accordion__toggle svg {
  width: 10px;
  height: 10px;
  fill: #aa001f;
}
.icon-accordion__item[open] .icon-accordion__toggle-stem {
  display: none;
}
.icon-accordion__item[open] .icon-accordion__title h3 {
  color: #9d0d22;
}
.icon-accordion {
  /*
    Description
  */
}
.icon-accordion__panel {
  padding-bottom: 24px;
  margin-top: -2rem;
  margin-bottom: 4rem;
}
.icon-accordion .content-editor {
  text-align: left;
  font-size: 0.875rem;
}
@media only screen and (max-width: 559px) {
  .icon-accordion__item {
    border-top: 1px solid #ede9e9;
  }
  .icon-accordion__item:first-child {
    border-top: 0;
  }
}
@media only screen and (min-width: 560px) {
  .icon-accordion__head {
    flex-direction: row;
    align-items: center;
  }
  .icon-accordion__icon {
    flex: 0 0 32%;
    margin-bottom: 0;
  }
  .icon-accordion__title {
    min-height: 115px;
    border-top: 1px solid #ede9e9;
  }
  .icon-accordion__item:first-child .icon-accordion__title {
    border-top: 0;
  }
  .icon-accordion__panel {
    margin-left: 32%;
    width: auto;
  }
}