/*--- CODE ---*/

/* Background color for highlighted code */
.remark-code-line-highlighted {
  background-color: rgb(206, 233, 255);  /*light blue*/
}

/* Color of inline code, i.e. `code` */
.remark-inline-code {
  color: var(--color-darkgreen);
  background-color: transparent;
  border-radius: 5px; /* Rounded edges */
}

.inverse .remark-inline-code {
  color: var(--color-orange);
  background-color: transparent;
}

/* Code chunk colors */
.hljs-github .hljs {
  background: #fff;
  border-radius: 5px; /* Rounded edges */
  border: 1px solid #000;
}

/* Code chunk output */
.remark-code {
  display: block;
  overflow-x: auto;
  max-height: 100%;
  padding: .5em;
  color: #fff;
  background: rgb(131, 139, 139);
}

.code-output-scroll {
  overflow-y: scroll !important;
  height: 50vh !important;
}


/* https://stackoverflow.com/questions/50919104/horizontally-scrollable-output-on-xaringan-slides */

pre {
  background-color: #000;
  border-radius: 5px; /* Rounded edges */
  max-width: 100%;
  overflow-x: auto;
  margin: 0.5em 0px;
}

/*--- CODE  FONT SIZE---*/

.code30 {
 font-size: 5px;
 width: 90%;
}

.code40 {
 font-size: 3px;
}

.code50 {
  font-size: 50%;
}

.code60 {
  font-size: 60%;
}

.code70 {
  font-size: 70%;
}
  
.code80 {
  font-size: 80%;
}

.code90 {
  font-size: 90%;
}

.code-overflow-y {
  overflow-y: auto;
}



/*--- COLUMN LAYOUTS ---*/

.cols3 {
  width: 32%;
  float: left;
  text-align: left;
  margin-left: 5px;
  margin-right: 5px;
}
.leftcol {
  float: left;
  width: 49%;
}
.rightcol {
  float: right;
  width: 49%;
}

.leftcol55 {
  float: left;
  width: 54%;
}
.rightcol45 {
  float: right;
  width: 44%;
}
.leftcol45 {
  float: left;
  width: 44%;
}
.rightcol55 {
  float: right;
  width: 54%;
}
.leftcol60 {
  float: left;
  width: 59%;
}
.rightcol40 {
  float: right;
  width: 39%;
}
.leftcol40 {
  float: left;
  width: 39%;
}
.rightcol60 {
  float: right;
  width: 59%;
}
.leftcol65 {
  float: left;
  width: 64%;
}
.rightcol35 {
  float: right;
  width: 34%;
}
.leftcol35 {
  float: left;
  width: 34%;
}
.rightcol65 {
  float: right;
  width: 64%;
}
.leftcol70 {
  float: left;
  width: 69%;
}
.rightcol30 {
  float: right;
  width: 29%;
}
.leftcol30 {
  float: left;
  width: 29%;
}
.rightcol70 {
  float: right;
  width: 69%;
}
.leftcol75 {
  float: left;
  width: 74%;
}
.rightcol25 {
  float: right;
  width: 25%;
}
.leftcol25 {
  float: left;
  width: 25%;
}
.rightcol75 {
  float: right;
  width: 74%;
}
.leftcol80 {
  float: left;
  width: 79%;
}
.rightcol20 {
  float: right;
  width: 19%;
}
.leftcol20 {
  float: left;
  width: 19%;
}
.rightcol80 {
  float: right;
  width: 79%;
}

/* Table Row Highlighting */

.remark-slide table {
  border-collapse: collapse;
}

.remark-slide table thead th {
  border-bottom: 1px solid #666;
}

.remark-slide .inverse table, .remark-slide .inverse table thead th {
  border-top: 3px solid #666;
  border-bottom: 3px solid #666;
}

.remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) {
  background: var(--color-tan);
}

.remark-slide .inverse thead, .remark-slide .inverse tfoot, .remark-slide .inverse tr:nth-child(even) {
  background: transparent;
}

.table-blank tr:nth-child(even) {
  background: transparent;
}

/* turns off slide numbers for title page: https://github.com/gnab/remark/issues/298 */
.title-slide .remark-slide-number {
  display: none;
}

.no-slide-number .remark-slide-number {
  display: none;
}



/* turns off slide numbers for title page: https://github.com/gnab/remark/issues/298 */
.banner .remark-slide-number {
  display: none;
}

.primary h1:nth-of-type(1) {
    font-size: 180%;
    text-align: left;
}

.primary h2:nth-of-type(1) {
    font-size: 160%;
    text-align: left;
}

.primary h3:nth-of-type(1) {
    font-size: 130%;
    text-align: left;
}

.primary .remark-slide-number {
  display: none;
}


/* Remove underline from links */
a {
 border: none !important;
}


/* FONT SIZE */

.font70 {
  font-size: 70%;
  color: #8d99ae;
  text-align: center;
}

.font80 {
font-size: 80%;
font-style: italic;
}