/* psyTeachR default styles. Do not edit this !! */
/* (edit style.css for your own book 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%) */
}

@media screen and (min-width: 991px) {
  .col-lg-3.sidebar-book { flex-basis: 16.667%; max-width: 16.667%; }
  .col-lg-2.sidebar-chapter { flex-basis: 25%; max-width: 25%; }
}

@media screen and (max-width: 991px) {
  #main-nav nav {
    width: 49%;
    display: inline-block;
    vertical-align: text-top;
  }

  .book-toc {
    column-count: 1;
  }

  #content {
    flex:0 0 100%;
    -webkit-flex:0 0 100%;
    max-width:100%
  }
}

.chapter-nav .next, .chapter-nav .prev {
  box-shadow: none;
  border-color: var(--blue);
}

/* references with hanging indent */

.csl-entry {
  margin-left: 0;
  padding-left: 0 ;
  text-indent: -2em ;
}

pkg {
  font-weight: 400;
  font-family: monospace;
  font-size: 90%;
}
pkg::before { content: "{"; }
pkg::after { content: "}"; }

.inline-figure { border: none; }

.small_right, .small_left {
  display: inline-block;
  width: 25%;
  max-width: 200px;
}
.small_right { float: right; margin: 1em 0 1em 1em;}
.small_left { float: left; margin: 1em 1em 1em 0;}
.small_right img, .small_left img { max-width: 100%; }

/* rainbow borders */
body {
  margin-top: 18px;
  box-shadow: 0 -3px 0 0px var(--purple),
              0 -6px 0 0px var(--blue),
              0 -9px 0 0px var(--green),
              0 -12px 0 0px var(--yellow),
              0 -15px 0 0px var(--orange),
              0 -18px 0 0px var(--pink);
}

/* set styles for alert boxes */

.try {
  margin-bottom: 1em;
  padding: 0.5em 0.25em 0 0.25em;
  border-radius: 0.25em;
  background-color: hsla(248, 28%, 48%, .05);
  border: 0.5px solid var(--purple);
  border-left: 6px solid transparent;
}

.try {
  margin-left: 12px;
  box-shadow: -2px 0 0 0px var(--purple),
              -4px 0 0 0px var(--blue),
              -6px 0 0 0px var(--green),
              -8px 0 0 0px var(--yellow),
              -10px 0 0 0px var(--orange),
              -12px 0 0 0px var(--pink);
}

/* mac and PC icons */

mac, pc {
  display: inline;
  border: 1px solid;
  border-radius: 0.25rem;
  padding: 0.125rem 0.25rem 0;
  font-family: monospace;
  font-size: 90%;
  white-space: nowrap;
}

mac { border-color: #a3aaae; }
pc { border-color: #46A7E2; }

mac::before, pc::before {
  margin-right: 0.25rem;
  font-family:"bootstrap-icons";
}
mac::before {
  color: #a3aaae;
  content:"\F65B";
}

pc::before {
  color: #46A7E2;
  content:"\F65E";
}


@media screen and (max-width: 767.98px) {
  #TOC, #quarto-sidebar .sidebar-menu-container ul.mt-1 {
    width: 49%;
    padding:0;
    float: left;
    display: inline-block;
    vertical-align: text-top;
  }
}

/* soft-wrap code blocks */
code.sourceCode > span {
  left: 0 !important;
}

code.sourceCode > span > a { 
  margin-left: -60px;
}

.cell-output code {
  white-space: pre-wrap;
  border: 1px solid grey;
  padding: 1em;
}

.terminal {
  background-color: #88888811;
  border: 5px solid #D6DADC;
  padding: 0.5em 1em 0 1em;
  margin-bottom: 0.5em;
}

if {
  display: inline;
  font-weight: 900;
  font-size: 90%;
  background-color: #00FF0011;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
}

a.glossary {
  font-style: italic;
}
/* override external icon */
code a.external::after,
a.glossary::after {
  margin-left: 0;
  padding: 0;
  background-image: none;
}