blockquote:not(.alert *) {
  padding-left: 1.5rem;
}

blockquote:not(.alert *) p {
  padding-left: 1rem;
  margin-bottom: 0;
  max-width: 40%;
  margin-left: 2%;
}

blockquote:not(.alert *) p em {
  padding-left: 1rem;
}
blockquote:not(.alert *) p em:before {
  content: "— "
}
blockquote:not(.alert *):before,
blockquote:not(.alert *):after {
  font-family: FontAwesome;
  font-size: 12pt;
  margin-left: 2%;
}
blockquote:not(.alert *):before {
  content: "\f10d";
}
blockquote:not(.alert *):after{
  content: "\f10e";
}

h2 {
  scroll-margin-top: 7rem;
}

h1 + h2 {
  margin-top: 1.5ex;
}

body, header {
  background-color: #ffffff;
}

html {
  font-size: 1.1rem;
}

p img {
  margin-left: auto;
  margin-right: auto;
  width: 40%;
}

div.mushroom-alert:before {
  content: url('/assets/mushrooms.png');
  display: inline-block;
  vertical-align: text-top;
  float: left;
  margin-right: 0.75ch;
}

div.signpost-alert, div.deer-alert, div.tree-alert, div.owl-alert {
  min-height: 128px;
}

div.signpost-alert:before {
  content: url('/assets/signpost.png');
  display: inline-block;
  vertical-align: text-top;
  float: left;
  margin-right: 0.75ch;
}

div.owl-alert:before {
  content: url('/assets/owl.png');
  display: inline-block;
  vertical-align: text-top;
  float: left;
  margin-right: 0.75ch;
}

div.tree-alert:before {
  content: url('/assets/tree.png');
  display: inline-block;
  vertical-align: text-top;
  float: left;
  margin-right: 0.75ch;
}

div.deer-alert:before {
  content: url('/assets/deer.png');
  display: inline-block;
  vertical-align: text-top;
  float: left;
  margin-right: 0.75ch;
}

.alert blockquote p:before,
.alert blockquote p:after {
  font-family: FontAwesome;
  font-size: 12pt;
}
.alert blockquote p:before {
  content: "\f10d";
  margin-right: 1ch;
}
.alert blockquote p:after{
  content: "\f10e";
  margin-left: 1ch;
}