﻿
/* Malli: @include icon($facebook)*/
.accordion {
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
}
@media print, screen and (max-width: 31.24875em) {
  .accordion {
    margin-left: -1.5625rem;
    margin-right: -1.5625rem;
  }
}
.accordion li.accordion-item {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 9;
  transition: box-shadow 0.3s;
}
.accordion li.accordion-item .accordion-title {
  padding: 1.25rem calc((0rem * 2) + 2rem) 1.25rem 0rem;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 0.0625rem solid #737e83 !important;
  text-decoration: none;
  transition: background-color 0.1s;
  background: transparent;
  position: relative;
  width: calc(100% - 0rem * 2);
  left: calc(0rem);
}
@media print, screen and (max-width: 31.24875em) {
  .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: #283941;
  margin: 0;
  transition: color 0.1s;
}
.accordion li.accordion-item .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: "";
}
.accordion li.accordion-item .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: "";
}
.accordion li.accordion-item .accordion-title:before {
  font-size: 1.3125rem;
  color: #5491a3;
  right: 0rem;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  transition: color 0.1s;
}
@media print, screen and (max-width: 31.24875em) {
  .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, .accordion li.accordion-item .accordion-title:focus {
  background-color: transparent;
  text-decoration: none;
  padding-top: calc(1.25rem + 0.0625rem);
  margin-top: calc(0.0625rem * -1);
  border-radius: 0rem;
  width: 100%;
  left: 0;
  padding-left: calc(0rem + 0rem);
  padding-right: calc(((0rem * 2) + 2rem) + 0rem);
}
.accordion li.accordion-item.is-active .accordion-title:before, .accordion li.accordion-item .accordion-title:hover:before, .accordion li.accordion-item .accordion-title:focus:before {
  color: #5491a3;
  right: calc(0rem + 0rem);
}
@media print, screen and (max-width: 31.24875em) {
  .accordion li.accordion-item.is-active .accordion-title, .accordion li.accordion-item .accordion-title:hover, .accordion li.accordion-item .accordion-title:focus {
    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, .accordion li.accordion-item .accordion-title:focus:before {
    right: 1.5625rem;
  }
}
.accordion li.accordion-item.is-active .accordion-title h3, .accordion li.accordion-item .accordion-title:hover h3, .accordion li.accordion-item .accordion-title:focus h3 {
  color: #5491a3;
}
.accordion li.accordion-item.is-active .accordion-title {
  border-bottom: 0.0625rem solid transparent !important;
}
.accordion li.accordion-item .accordion-content {
  padding: 0.9375rem 0rem 1.875rem 0rem;
  border: 0;
  border-bottom: 0.0625rem solid #737e83 !important;
  background: transparent;
  position: relative;
  width: calc(100% - 0rem * 2);
  left: calc(0rem);
}
@media print, screen and (max-width: 31.24875em) {
  .accordion li.accordion-item .accordion-content {
    padding: 0.9375rem 1.5625rem 1.875rem 1.5625rem;
    width: 100%;
    left: 0;
  }
}
.accordion li.accordion-item.is-active {
  box-shadow: none;
  border-radius: 0rem;
  z-index: 10;
}
.accordion li.accordion-item:hover, .accordion li.accordion-item:focus {
  z-index: 11;
}
@media print {
  .accordion .accordion-title:before {
    display: none !important;
  }
  .accordion .accordion-content {
    display: block !important;
  }
}
