.readmore-text,
.text {
  margin: 1.5em 0;
  padding: 1em;
  border: none;
  overflow: hidden;
  position: relative;
  -webkit-transition: height .3s;
  -moz-transition: height .3s;
  -ms-transition: height .3s;
  -o-transition: height .3s;
  transition: height .3s
}

.readmore-text h2,
.readmore-text h3,
.readmore-text h4,
.readmore-text li,
.readmore-text ol,
.readmore-text p,
.readmore-text table,
.readmore-text ul,
.text h2,
.text h3,
.text h4,
.text li,
.text ol,
.text p,
.text table,
.text ul {
  display: none
}

.readmore-text.open,
.text.open {
  max-height: 400px;
  overflow-y: scroll;
  border: 1px solid #ccc;
  background: #fafad6
}

.readmore-text.open h2,
.readmore-text.open h3,
.readmore-text.open h4,
.readmore-text.open li,
.readmore-text.open ol,
.readmore-text.open p,
.readmore-text.open table,
.readmore-text.open ul,
.text.open h2,
.text.open h3,
.text.open h4,
.text.open li,
.text.open ol,
.text.open p,
.text.open table,
.text.open ul {
  display: block;
  margin-bottom: 1em
}

.readmore-text.open .close-btn,
.text.open .close-btn {
  display: block
}

.readmore-text li,
.readmore-text p,
.text li,
.text p {
  font-style: normal;
  font-size: 1em;
  font-family: courier, "courier new", fixed-width
}

.readmore-text .close-btn,
.text .close-btn {
  display: none;
  text-align: center;
  padding: .5em;
  border-radius: .5em;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  background: #efef7b;
  font-family: courier, "courier new", fixed-width;
  font-weight: 700
}

.readmore-text .close-btn:hover,
.text .close-btn:hover {
  cursor: pointer
}

.readmore-text .readmore-btn,
.readmore-text .readmore-text-btn,
.text .readmore-btn,
.text .readmore-text-btn {
  font-family: courier, "courier new", fixed-width;
  font-weight: 700;
  text-align: center;
  margin-bottom: .5em;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: block;
  background: #efef7b;
  padding: .3em;
  text-align: center;
  z-index: 200
}

.readmore-text .readmore-btn:hover,
.readmore-text .readmore-text-btn:hover,
.text .readmore-btn:hover,
.text .readmore-text-btn:hover {
  cursor: pointer
}

.single .article .readmore-text p:first-of-type:first-letter,
.single .article .text p:first-of-type:first-letter {
  font-size: inherit;
  margin: auto;
  padding: auto;
  font-family: courier, "courier new", fixed-width;
  line-height: auto;
  float: none;
  font-weight: 400
}