.dottedUnderline { border-bottom: 1px dotted; }

.psyteachr_header {
	/*background-color: red; */
	/*margin-bottom: -20px; */
	/*padding-bottom: -20px; */
	/*height: 20px; */
}

/* color styles */
:root {
  --pink: #983E82;   /* hsl(315, 42%, 42%) */
  --orange: #E2A458; /* hsl( 33, 70%, 62%) */
  --yellow: #F5DC70; /* hsl( 49, 87%, 70%) */
  --green: #59935B;  /* hsl(122, 25%, 46%) */
  --blue: #467AAC;   /* hsl(209, 42%, 47%) */
  --purple: #61589C; /* hsl(248, 28%, 48%) */
  --red: #ff0000; /* hsl(248, 28%, 48%) */
}

/* set styles for alert boxes */
.overview,.info,.lightbulb,.link,
.alert,.danger,.warning,
.task,.compute,.plot,.try {
  padding: 1em 1em 0.25em 3.5em;
  margin-bottom: 10px;
  background-color: hsla(0, 0%, 100%, .1);
  background-position: 0.5em 0.5em;
  background-size: 2.5em;
  background-repeat: no-repeat;
  border-radius: 0.5em;
}

/* Overview/info/lightbulb  */
.overview {
  background-image: url("../images/icons3/overview.png");
  background-color: hsla(122, 25%, 46%, .2);
  border: 1px solid var(--green);
}
.info {
  background-image: url("../images/icons3/info.png");
  background-color: hsla(49, 87%, 70%, .1);
  border: 1px solid var(--yellow);
}
.lightbulb {
  background-image: url("../images/icons3/lightbulb.png");
  background-color: hsla(49, 87%, 70%, .1);
  border: 1px solid var(--yellow);
}
.link {
  background-image: url("../images/icons3/link.png");
  background-color: hsla(49, 87%, 70%, .1);
  border: 1px solid var(--yellow);
}

/* Warnings etc  */
.alert {
  background-image: url("../images/icons3/alert.png");
  background-color: hsla(300, 42%, 42%, .10);
  border: 1px solid var(--pink);
}
.danger {
  background-image: url("../images/icons3/danger.png");
  background-color: hsla(315, 42%, 42%, .10);
  border: 1px solid var(--red);
}
.warning {
  background-image: url("../images/icons3/warning.png");
  background-color: hsla(300, 42%, 42%, .10);
  border: 1px solid var(--pink);
}

/* Exercises etc  */
.compute {
  background-image: url("../images/icons3/compute.png");
  background-color: hsla(248, 28%, 48%, .1);
  border: 1px solid var(--purple);
}
.task {
  background-image: url("../images/icons3/task.png");
  background-color: hsla(248, 28%, 48%, .1);
  border: 1px solid var(--purple);
}
.plot {
  background-image: url("../images/icons3/plot.png");
  background-color: hsla(248, 28%, 48%, .1);
  border: 1px solid var(--purple);
}
.try {
  background-image: url("../images/icons3/try.png");
  background-color: hsla(248, 28%, 48%, .1);
  border: 1px solid var(--purple);
}

/* OVERVIEW div box elements */
.overviewtitle {
  width: 100%;
  border-bottom: 5px solid green;
  padding-top: 0px;
  padding-bottom: -10px;
  margin: 0px;
  margin-bottom: 15px;
  display:block;
  font-size:1.5em;
  font-weight: bold;
  height:40px;
}

.overviewsection {
  width: 100%;
  border-bottom: 2px solid grey;
  padding-top: 0px;
  padding-bottom: -10px;
  margin: 0px;
  display:block;
  font-size:1.2em;
  font-weight: bold;
  height:30px;
}

/* generic block header */
.blockheader {
  width: 100%;
  border-bottom: 2px solid grey;
  color: grey;
  padding-top: 0px;
  padding-bottom: -10px;
  margin: 0px;
  margin-bottom: 15px;
  display:block;
  font-size:1.2em;
  font-weight: bold;
  height:40px;
}




/* increase the width of the page */
.book .book-body .page-wrapper .page-inner {
  max-width: 1000px !important;
}

/* update the background color of R code chuncks, was 247 3x */
.r {
  background-color: rgb(240, 235, 235) !important;
}