.expandmore__button {
  background: none;
  background-color: #20588c;
  color: #fff;
  font-size: inherit;
  text-align: left;
}

h2 .expandmore__button {
    text-shadow: #000 0px 1px 1px;
}

h3.blue .expandmore__button, h4.blue .expandmore__button, h5.blue .expandmore__button, h6.blue .expandmore__button {
    background-color: #20588c;
}

h3 .expandmore__button, h4 .expandmore__button, h5 .expandmore__button, h6 .expandmore__button {
    background-color: #ea6e07;
    text-shadow: none;
}

p .expandmore__button {
    background-color: transparent;
    border: none;
    color: black;
    padding: 0;
    text-shadow: none;
}

p button:focus, p button:active {
    box-shadow: none;
}

.expandmore__button:before {
    border: white solid 1px;
    border-radius: 1em;
    display: inline-block;
    height: 1em;
    font-family: Roboto;
    line-height: 1em;
    position; absolute;
    text-align: center;
    width: 1em;
}

.full > .expandmore__button {
    border-radius: 0;
    box-sizing: border-box;
    padding: 0.5em;
    width: 100%;
}

.expandmore__button[aria-expanded=false]:before,
.expandmore__button[data-expanded=false]:before{
  content : '+';
}
.expandmore__button[aria-expanded=true]:before,
.expandmore__button[data-expanded=true]:before{
  content : '\2013';
}

.js-to_expand[aria-hidden=true],
.js-to_expand[data-hidden=true] {
  display: none;
}