body {
	margin: 20px;
}

/* My environments */
.objectivesBox {
  font-size: small;
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  margin-top: 10px;
  border: 2px solid #ede9fb;
  background: #ede9fb 5px center/3em no-repeat; 
}

.warmupBox {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  margin-top: 10px;
  border: 2px solid #ede9fb;
  background: #ede9fb 5px center/3em no-repeat; 
}


.curriculumBox {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  margin-top: 10px;
  border: 2px solid #f9f2ec;
  background: #f9f2ec 5px center/3em no-repeat; 
}



.warmupanswerBox {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  margin-top: 10px;
  border: 2px solid #ffefe6;
  background: #ffefe6 5px center/3em no-repeat; 
}





/* Try new way to do things with _icons_ in callouts */
.warmup {
  background-image: url("../icons/iconmonstr-whats-hot-1-240.png");
}
.curriculum {
  background-image: url("../icons/iconmonstr-school-29-240.png");
}
.warmupanswer {
  background-image: url("../icons/iconmonstr-check-mark-14-240.png");
}




p.caption {
  color: #777;
  margin-top: 10px;
}
p code {
  white-space: inherit;
}
pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}
p.flushright {
  text-align: right;
}
blockquote > p:last-child {
  text-align: right;
}
blockquote > p:first-child {
  text-align: inherit;
}
.header-section-number {
  padding-right: .2em;
  font-weight: 500;
}
.level1 .header-section-number {
  display: inline-block;
  border-bottom: 3px solid;
}
.level1 h1 {
  border-bottom: 1px solid;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}
h1.title {
  font-weight: 700;
}
.smallcaps {
  font-variant: small-caps;
}
.book .book-body .page-wrapper .page-inner section.normal strong {
  font-weight: 600;
}

.answer{
  background-color: rgb(255, 255, 255);
  padding: 1em 1em em 0; /* top right bottom left */
  margin-bottom: 10px;
  margin-top: 10px;
}

.lemma {
  background-color: rgb(249, 236, 242);
  padding: 1em 1em 1em 1em;    /* TRBL */
  margin-bottom: 10px;
}

.example{
  padding: 10px 10px 10px 10px;
  background-color: rgb(240, 240, 240);
  margin-bottom: 10px;
}
button.example-fold-btn{ /* Extra example (exampleExtra) block: button */
  background-color: rgb(232, 239, 252);
  border-radius: 8px;
  border: none;
  margin-bottom: 10px;
  margin-top: 10px;
}
.example-fold-blck { /* Extra example (exampleExtra) block: text */
  padding: 10px 10px 10px 10px;
  border-radius: 8px;
  background-color: rgb(232, 239, 252);
  margin-bottom: 10px;
  margin-top: -10px;
}

button.fold-btn{  /* Question with potential answers: button */
  background-color: rgb(238, 235, 249);
  border-radius: 0;   /* TL TR BR BL */
  border: none;
  margin-top: -10px;
  margin-bottom: 5px;
}
.fold-blck {  /* Question with potential answers: text */
  padding: 10px 10px 10px 10px;
  border-radius: 0 8px 8px 8px;
  background-color: rgb(238, 235, 249);
  margin-bottom: 5px;
  margin-top: -5px;
}
.definition {
  padding: 10px 10px 10px 10px;
  background-color: rgb(247, 255, 230);
  margin-bottom: 10px;
}
.lemma {
  padding: 10px 10px 10px 10px;
  background-color: rgb(238, 235, 249);
  margin-bottom: 10px;
}

/* Two column chunks, from https://github.com/grantmcdermott/two-col-test/blob/master/preamble.css */
.column-left {
  float: left;
  width: 49%;
  text-align: left;
}
.column-right {
  float: right;
  width: 49%;
  text-align: left;
}


/* Space out the entries in the reference list */
.csl-entry {
    padding-bottom: 1em;
}