/* Malli: @include icon($facebook)*/
.accordion {
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent; }
@media screen and (max-width: 31.1875em) {
  .accordion {
    margin-left: -1.5625rem;
    margin-right: -1.5625rem; } }
.accordion li.accordion-item {
  margin: 0;
  padding: 0;
  z-index: 9;
  position: relative; }
  .accordion li.accordion-item .accordion-title {
    padding: 1.25rem calc((0.9375rem * 2) + 2rem) 1.25rem 1.25rem;
    border: 0;
    border-bottom: 0.0625rem solid #f77c78 !important;
    text-decoration: none;
    transition: background 0.1s;
    background: transparent;
    position: relative;
    width: calc(100% - 0.25rem * 2);
    left: calc(0.25rem); }
  @media screen and (max-width: 31.1875em) {
    .accordion li.accordion-item .accordion-title {
      padding-left: 1.5625rem;
      padding-right: 5.125rem;
      width: 100%;
      left: 0; } }
  .accordion li.accordion-item .accordion-title h3 {
    color: #222222;
    margin: 0;
    transition: color 0.1s; }
    .accordion li.accordion-item .accordion-title.accordion-title[aria-expanded="true"]:before {
      font-family: 'hoyryicon';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\e99e"; }
  .accordion li.accordion-item .accordion-title.accordion-title[aria-expanded="false"]:before {
    font-family: 'hoyryicon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e990"; }
  .accordion li.accordion-item .accordion-title:before {
    font-size: 1.6875rem;
    color: #f3352e;
    right: 0.9375rem;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    transition: color 0.1s; }
  @media screen and (max-width: 31.1875em) {
    .accordion li.accordion-item .accordion-title:before {
      right: 1.5625rem; } }
  .accordion li.accordion-item.is-active .accordion-title, .accordion li.accordion-item .accordion-title:hover {
    background-color: #585858;
    text-decoration: none;
    border-bottom: 0.0625rem solid transparent !important;
    padding-top: calc(1.25rem + 0.0625rem / 2);
    padding-bottom: calc(1.25rem + 0.0625rem / 2);
    margin-top: calc(0.0625rem * -1);
    border-radius: 0.25rem;
    width: 100%;
    left: 0;
    padding-left: calc(1.25rem + 0.25rem);
    padding-right: calc(((0.9375rem * 2) + 2rem) + 0.25rem); }
    .accordion li.accordion-item.is-active .accordion-title:before, .accordion li.accordion-item .accordion-title:hover:before {
      color: #222222;
      right: calc(0.9375rem + 0.25rem); }
    @media screen and (max-width: 31.1875em) {
      .accordion li.accordion-item.is-active .accordion-title, .accordion li.accordion-item .accordion-title:hover {
        border-radius: 0;
        padding-left: 1.5625rem;
        padding-right: 5.125rem; }
        .accordion li.accordion-item.is-active .accordion-title:before, .accordion li.accordion-item .accordion-title:hover:before {
          right: 1.5625rem; } }
    .accordion li.accordion-item.is-active .accordion-title h3, .accordion li.accordion-item .accordion-title:hover h3 {
      color: #222222; }
  .accordion li.accordion-item .accordion-content {
    padding: 1.5625rem 3.75rem 1.875rem 2.5rem;
    border: 0;
    border-bottom: 0.0625rem solid #f77c78 !important;
    background: #ffffff;
    position: relative;
    width: calc(100% - 0.25rem * 2);
    left: calc(0.25rem);
    width: 100%;
    left: 0;
    padding-left: calc(2.5rem + 0.25rem);
    padding-right: calc(3.75rem + 0.25rem); }
  @media screen and (max-width: 31.1875em) {
    .accordion li.accordion-item .accordion-content {
      padding: 1.5625rem 1.5625rem 1.875rem 1.5625rem;
      width: 100%;
      left: 0; } }
  .accordion li.accordion-item.is-active {
    box-shadow: 0 0 0.8125rem rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    z-index: 10; }
    .accordion li.accordion-item.is-active .accordion-content {
      border-bottom: 0.0625rem solid transparent !important;
      border-bottom-left-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem; }
    @media screen and (max-width: 31.1875em) {
      .accordion li.accordion-item.is-active .accordion-content {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0; } }
    .accordion li.accordion-item.is-active .accordion-title {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }