.overlay-expand {
  max-height: 6em;
  overflow: hidden;
  pointer-events: none;
  position: relative;
  margin-bottom: 2em !important;
  cursor: pointer;
}
.overlay-expanded {
  pointer-events: none;
  max-height: 100%;
  position: relative;
  margin-bottom: 2em !important;
}
.overlay-expanded h1,
.overlay-expanded h2,
.overlay-expanded h3,
.overlay-expanded h4,
.overlay-expanded h5,
.overlay-expanded p,
.overlay-expanded ul  {
  cursor: pointer;
}
.overlay-expand:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 4em;
  display: inline-block;
  cursor: pointer;
}
.overlay-expanded:after {
  display: none !important;
}
.overlay-expand:after,
.overlay-expand h1,
.overlay-expand h2,
.overlay-expand h3,
.overlay-expand h4,
.overlay-expand h5,
.overlay-expand p,
.overlay-expanded ul
.overlay-expanded h1,
.overlay-expanded h2,
.overlay-expanded h3,
.overlay-expanded h4,
.overlay-expanded h5,
.overlay-expanded p,
.overlay-expanded ul {
  pointer-events: all;
}

.yellow-fade-out:after {
  background: -moz-linear-gradient(bottom, rgba(255,242,211,1) 0%, rgba(255,242,211,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,255,242,211,1), color-stop(100%,rgba(255,242,211,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, rgba(255,242,211,1) 0%,rgba(255,242,211,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, rgba(255,242,211,1) 0%,rgba(255,242,211,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, rgba(255,242,211,1) 0%,rgba(255,242,211,0) 100%); /* IE10+ */
  background: linear-gradient(to top, rgba(255,242,211,1) 0%,rgba(255,242,211,0) 100%); /* W3C */
}

.dark-navy-fade-out:after {
  background: -moz-linear-gradient(bottom, rgba(16,46,79,1) 0%, rgba(16,46,79,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,16,46,79,1), color-stop(100%,rgba(16,46,79,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, rgba(16,46,79,1) 0%,rgba(16,46,79,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, rgba(16,46,79,1) 0%,rgba(16,46,79,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, rgba(16,46,79,1) 0%,rgba(16,46,79,0) 100%); /* IE10+ */
  background: linear-gradient(to top, rgba(16,46,79,1) 0%,rgba(16,46,79,0) 100%); /* W3C */
}

.white-fade-out:after {
  background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,255,255,255,1), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
  background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
}

.black-fade-out:after {
  background: -moz-linear-gradient(bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,0,0,0,1), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
  background: linear-gradient(to top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
}

.plus-minus-toggle {
  cursor: pointer;
  height: 21px;
  position: relative;
  float:left;
}

.plus-minus-toggle:before, .plus-minus-toggle:after {
  background: #112e50;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 21px;
  transition: transform 500ms ease;
  margin-top: -3.7em;
}

.plus-minus-toggle:after {
  transform-origin: center;
}

.plus-minus-toggle.collapsed:after {
  transform: rotate(90deg);
}

.plus-minus-toggle.collapsed:before {
  transform: rotate(180deg);
}

.click-collapse {
  font-size: 13px;
}