/* OpenIntro custom environments */
/* Based on custom block code above, and made to look similar to OS4 styling */

/* chapterintro */

.chapterintro {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  background: #d5e6ef 5px center/3em no-repeat;
  border-top: 3px solid #569BBD;    /* openintro::COL[1,1] */
  border-bottom: 3px solid #569BBD; /* openintro::COL[1,1] */
  background-image: url("www/icons/chapterintro.png");
  background-position: 0.5em 1.5em;
}

/* guidedpractice */

.practice {
  padding: 1em 1em 1em 4em;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #f8f8f8 5px center/3em no-repeat;
  border-top: 1px solid #569BBD;    /* openintro::COL[1,1] */
  border-bottom: 1px solid #569BBD; /* openintro::COL[1,1] */
  background-image: url("www/icons/guided-practice.png");
  background-position: 0.5em 1em;
}

.practice:before {
  content: "See how it's done.";
  clear: right;
  display: block;
  font-weight: bold;
  font-variant: small-caps;
  color: #569BBD;
}

.example {
  padding: 0em 4em 0em 0em;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #f8f8f8 5px center/3em no-repeat;
  border-top: 1px solid #569BBD;
  border-bottom: 1px solid #569BBD;
  background-position: 0.5em 1em;
  background-image: url("www/icons/for-example.png");
}

.example:before {
  content: "Example";
  clear: right;
  display: block;
  font-weight: bold;
  font-variant: small-caps;
  color: #569BBD;
}

/* workedexample */

.workedexample{
  padding: 1em 1em 1em 4em;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #f8f8f8 5px center/3em no-repeat;
  border-top: 1px solid #569BBD;    /* openintro::COL[1,1] */
  border-bottom: 1px solid #569BBD; /* openintro::COL[1,1] */
  background-image: url("www/icons/worked-example.png");
  background-position: 0.5em 1em;
}

.workedexample:before {
  content: "Example:";
  clear: right;
  display: block;
  font-weight: bold;
  font-variant: small-caps;
  color: #569BBD;
}

/* important */

.important {
  padding: 1em 1em 1em 4em;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #f5f5f5 5px center/3em no-repeat;
  border-top: 1px solid #E97583;
  border-bottom: 1px solid #E97583;
  background-image: url("www/icons/important.png");
  background-position: 0.5em 1em;
}

.important strong {
  color: #E97583;
}

/* tip */

.tip {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  background: #f5f5f5 5px center/3em no-repeat;
  border-top: 10px solid #D9D9D9;    /* openintro::COL[6,1] */
  border-bottom: 1px solid #D9D9D9; /* openintro::COL[6,1] */
  background-image: url("www/icons/tip.png");
  background-position: 0.5em 1em;
}

/* observation */

.observation {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  background: #f5f5f5 5px center/3em no-repeat;
  border-top: 10px solid #D9D9D9;    /* openintro::COL[6,1] */
  border-bottom: 1px solid #D9D9D9; /* openintro::COL[6,1] */
  background-image: url("www/icons/observation-icon.png");
  background-position: 0.5em 1em;
}

.observation:before {
  content: "Observation:";
  clear: right;
  display: block;
  font-weight: bold;
  font-variant: small-caps;
  color: #569BBD;
}


/* cautionbox */

.caution {
  padding: 1em 1em 1em 4em;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #f5f5f5 5px center/3em no-repeat;
  border-top: 1px solid #E97583;
  border-bottom: 1px solid #E97583;
  background-image: url("www/icons/stop-sign.png");
  background-position: 0.5em 1em;
}

/* data - datasets in package */

.data {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  margin-top: 10px;
  background: #f5f5f5 5px center/3em no-repeat;
  border-top: 1px solid #D9D9D9;    /* openintro::COL[6,1] */
  border-bottom: 1px solid #D9D9D9; /* openintro::COL[6,1] */
  background-image: url("www/icons/data.png");
}

/* pronunciation - terms and Greek letters */

.pronunciation {
  padding: 1em 1em 1em 4em;
  margin-bottom: 30px;
  margin-top: 30px;
  background: #f5f5f5 5px center/3em no-repeat;
  border-top: 1px solid #D9D9D9;    /* openintro::COL[1,1] */
  border-bottom: 1px solid #D9D9D9; /* openintro::COL[1,1] */
  background-image: url("www/icons/pronunciation.png");
}

/* tutorials */

.singletutorial {
  padding: 1em 1em 1em 4em;
  margin-bottom: 5px;
  margin-left: 30px;
  background: #ffffff 5px center/3em no-repeat;
  background-image: url("images/_icons/singletutorial.png");
}

.alltutorials {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  background: #ffffff 5px center/3em no-repeat;
  background-image: url("images/_icons/alltutorials.png");
}

/* labs */

.singlelab {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  background: #ffffff 5px center/3em no-repeat;
  background-image: url("images/_icons/singlelab.png");
}

.alllabs {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  background: #ffffff 5px center/3em no-repeat;
  background-image: url("images/_icons/alllabs.png");
}


/* underconstruction - for chapters under construction */

.underconstruction {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  font-weight: bold;
  background: #F3CED4 5px center/3em no-repeat;
  border-top: 1px solid #F05133;    /* COL["red", "full"] */
  border-bottom: 1px solid #F05133; /* COL["red", "full"] */
  background-image: url("www/icons/under-construction.png");
}


.scaffolding {
  padding: 1em 1em 1em 4em;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #f8f8f8 5px center/3em no-repeat;
  border-top: 1px solid #569BBD;    /* openintro::COL[1,1] */
  border-bottom: 1px solid #569BBD; /* openintro::COL[1,1] */
  background-image: url("www/icons/sandbox.png");
  background-position: 0.5em 1em;
}

.scaffolding:before {
  content: "Scaffolding for sandbox";
  clear: right;
  display: block;
  font-weight: bold;
  font-variant: small-caps;
  color: #569BBD;
}


.intheworld {
  padding: 1em 1em 1em 4em;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #f8f8f8 5px center/3em no-repeat;
  border-top: 1px solid #569BBD;    /* openintro::COL[1,1] */
  border-bottom: 1px solid #569BBD; /* openintro::COL[1,1] */
  background-image: url("www/icons/magnifier.png");
  background-position: 0.5em 1em;
}

.rmosaic {
  padding: 1em 1em 1em 4em;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #f8f8f8 5px center/3em no-repeat;
  border-top: 1px solid #569BBD;    /* openintro::COL[1,1] */
  border-bottom: 1px solid #569BBD; /* openintro::COL[1,1] */
  background-image: url("www/icons/Rmosaic.png");
  background-position: 0.5em 1em;
}

.rmosaic:before {
  content: "R/mosaic";
  clear: right;
  display: block;
  font-weight: bold;
}
.intheworld:before {
  content: "Math in the world";
  clear: right;
  display: block;
  font-weight: bold;
  font-variant: small-caps;
  color: #569BBD;
}

/* guidedpractice */

.why {
  padding: 1em 1em 1em 4em;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #f8f8f8 5px center/3em no-repeat;
  border-top: 1px solid #569BBD;    /* openintro::COL[1,1] */
  border-bottom: 1px solid #569BBD; /* openintro::COL[1,1] */
  background-image: url("www/icons/question-mark.png");
  background-position: 0.5em 1em;
}

.why:before {
  content: "Why did you ...?";
  clear: right;
  display: block;
  font-weight: bold;
  font-variant: small-caps;
  color: #569BBD;
}

.takenote {
  padding: 1em 1em 1em 4em;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #f8f8f8 5px center/3em no-repeat;
  border-top: 1px solid #569BBD;    /* openintro::COL[1,1] */
  border-bottom: 1px solid #569BBD; /* openintro::COL[1,1] */
  background-image: url("www/icons/highlight.png");
  background-position: 0.5em 1em;
}

.takenote:before {
  content: "Take note!";
  clear: right;
  display: block;
  font-weight: bold;
  font-variant: small-caps;
  color: #569BBD;
}



/* todo - REMOVE ALL BEFORE PRINT!!! */

.todo {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  background: #fffacd 5px center/3em no-repeat;
  border-top: 1px solid #f4dc00;    /* openintro::COL[6,1] */
  border-bottom: 1px solid #f4dc00; /* openintro::COL[6,1] */
  background-image: url("www/icons/to-do.png");
  font-weight: bold;
}

.todo:before {
  content: "TO DO: ";
}

.objectives {
  padding: 1em 1em 1em 4em;
  margin-bottom: 10px;
  background: #fffacd 5px center/3em no-repeat;
  border-top: 1px solid #f4dc00;    /* openintro::COL[6,1] */
  border-bottom: 1px solid #f4dc00; /* openintro::COL[6,1] */
  background-image: url("www/to-do.png");
  font-weight: bold;
  display: none;
}

.objectives:before {
  content: "Objectives: ";
}

.forinstructor {
  padding: 1em 1em 1em 4em;
  margin-top: 20px;
  margin-bottom: 10px;
  background: #eeeeee 5px center/3em no-repeat;
  border-top: 2px solid #f4dc00;
  border-bottom: 2px solid #f4dc00;
  background-image: url("www/icons/spiral_bound_booklet.png");
}

.forinstructor:before {
  content: "<strong>Instructor notes:</strong><br> ";
}

/* Counting exercises */

.exercises ol ol {
  list-style-type: lower-alpha !important;
}

.exercises ol ol ol {
  list-style-type: lower-roman !important;
}

.exercises strong {
  color: #569BBD; /* openintro::COL[1,1] */
}

/* Counting exercise solutions - odd numbers only */

.exercises-solution ol {
  counter-reset: odd-numbers -1;
  list-style-type: none !important;
}
.exercises-solution li {
  counter-increment: odd-numbers 2;
}
.exercises-solution li:before {
  content: counter(odd-numbers) ". ";
}
.exercises-solution p {
  display: inline;
}

/* Other formatting */

p.caption {
  color: #777;
  margin-top: 10px;
  text-align: left;
}
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;
}

/* Headings */

.header-section-number {
  padding-right: .2em;
  font-weight: 500;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  color: #0033A0; /* #569BBD; */
}
h1.title {
  font-weight: 700;
}
h1 {
  border-bottom: 3px solid;
  border-top: 3px solid;
}
h2 {
  border-bottom: 3px solid #8F8F8C;
  border-top: 3px solid #8F8F8C;
}
h3 {
  border-top: 1px solid #D9D9D9; /* openintro::COL[7,1] */
}

.welcome h1 {
  border-bottom: 0px solid;
  border-top: 0px solid;
}

.welcome h2 {
  border-bottom: 0px solid;
  border-top: 0px solid;
}


/* Fonts */

.smallcaps {
  font-variant: small-caps;
}
.book .book-body .page-wrapper .page-inner section.normal strong {
  font-weight: 600;
}

/* moved this out of Chp 1 but not sure if it's being used anywhere */

.column-left{
  float: left;
  width: 49%;
  text-align: left;
}
.column-right{
  float: right;
  width: 49%;
  text-align: left;
}

/* overwrite bs4_book style */

img.cover {
  box-shadow: none;
}

.inline-figure {
  border: none;
}

/* authorinfo */

.authorinfo {
  padding: 0em 0em 0em 0em;
}

/* wrap long math lines */

.mjx-chtml {
  white-space: normal !important;
}

.mcanswer {
  font-size: 12pt;
  color: white;
  opacity: 0%;
  border: 0px solid #4CAF50;
  display: inline;
}
.mcanswer:hover {
  color: red;
  font-size: 12pt;
  opacity: 100%;
  transition:opacity 3s;
  transition-delay: 3s;
  display: inline;
}
.mcanswer:before {
  font-size: 6px;
  content: "...@";
  color: blue;
}

.madeeasy {
  font-family: Georgia, serif;
  background-color: AntiqueWhite;
}

/* Kill the links to the repo */
.book-extra {
  display: none;
}