:root {
  --emphasisColor: #007d9f;
  --codeColor: #641227;
  /* slightly wider */
  --contentWidthWide: calc(var(--contentWidthRegular) + 250px);
}

:root[data-theme="dark"] {
  --emphasisColor: #00b3e3;
  --codeColor: #ffaaaa;
}

/* Make self check questions wider for quizlys */
#self-check {
  width: calc(var(--contentWidthRegular) + 100px);
  margin: auto;
  margin-left: -50px;
}

h1,
h2,
.runestone-sphinx h1,
.runestone-sphinx h2
{
    color:  var(--emphasisColor);
    border-bottom: 2px solid  #70d549;
}

strong,
.runestone-sphinx strong
{
    color:  var(--emphasisColor);
    font-weight: bolder;
}

a,
.runestone-sphinx a
{
  text-decoration: underline !important;
}

blockquote,
.runestone-sphinx blockquote
{
  font-size: inherit;
}

code,
.runestone-sphinx code
{
  padding: 0;
  color: var(--codeColor);
  background-color: inherit;
  font-weight: bold;
  font-size: 100%;
}

td, th,
.ptx-runestone-container td, .ptx-runestone-container th, 
.runestone-sphinx td, .runestone-sphinx th  { 
     text-align: left; 
     padding: 5px;
     border: 1px solid black;
}

div.pogil table { 
  border-collapse: collapse; 
  border: 1px solid black;
}

div.pogil table td, div.pogil table th {
	padding: 3px;
	border: 1px solid black;
}

div.logo-header { 
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}


div#teacher-logo { 
  background-color: #70D549;
}

div#student-logo { 
  background-color: #00B3E3;
}

/* fix overflowing videos */
.runestone iframe
{
  width: 100%;
}