.accordion button:after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.user-is-tabbing :focus {
  outline: 1px dotted currentColor;
  outline-offset: 2px; }

.accordion .panel {
  background: #fff;
  border-bottom: 1px solid #e1e1e1; }
  .accordion .panel .panel-body {
    padding: 0 0 40px;
    width: 90%; }

.accordion button {
  width: 100%;
  display: block;
  background: transparent;
  color: #000;
  font-size: calc(18px + (27 - 18) * ((100vw - 375px) / (1600 - 375)));
  font-family: utopia-std, serif;
  text-align: left;
  padding: 25px 75px 25px 0;
  border: none;
  position: relative;
  cursor: pointer; }
  .accordion button:after {
    font-size: 27.5px;
    content: "\F10A";
    font-family: "icons" !important;
    position: absolute;
    top: calc(50% - 14px);
    right: 20px;
    transform: rotate(45deg);
    transition: all .3s ease;
    color: currentColor; }
  .accordion button.collapsed:after {
    transform: rotate(0);
    transition: all .3s ease; }
  .accordion button:hover, .accordion .user-is-tabbing button:focus, .user-is-tabbing .accordion button:focus {
    color: #32E5A2; }