/* Fonts */

@import url('https://fonts.googleapis.com/css?family=Lora&display=swap');

* {
  font-family: 'Lora';
}

.title-slide {
  background-color: #252626	;
}


.title-slide h1 {
  color: #62d5f2;
  font-size:40px;
}

.title-slide a {
  color: #ffcc66;

}

.title-slide h2 {
  color: #e8c725;
  font-size:20px;
}

.title-slide h3 {
  color: whitesmoke;
  font-size:20px;
}

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

.hide-count .remark-slide-number {
  display: none;
}

.remark-slide-number {
  color: whitesmoke;
}

a{
  color: #ffcc66;
  
}

h1 {
  color: whitesmoke;
}

p, h4 {
  font-size: 30px;
  color:whitesmoke;
  background-color: #252626	;
}

h2 {
  color: #35c9ee;
}

h3 {
  color: whitesmoke;
  font-size: 100px;
}


strong {
  color: #ffcc66;
}

.font-75{
  font-size:75px;
}

.font-20{
  font-size:20px;
}

.remark-slide-content {
    background-color: #252626	;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-size:30px;
}


td{
  font-size:32px;
  padding:5px;
  text-align:center;
}

th, td{padding: 5px;
  font-size:32px;
}

thead, tfoot, tr:nth-child(even) { background: #eee }


div.my-header {
    background-color: #b0a160;
    color: #434e52;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 30px;
    width: 100%;
    text-align: left;
}

div.my-footer {
    background-color: #b0a160;
    color: #434e52;
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 33px;
    width: 100%;
    text-align: center;
}

div.my-footer a{
  font-weight: bold;
  color: #434e52;

}

div.column_left {
  float: left;
  width: 27.5%;
  padding: 0px;
}

div.column_center {
  float: left;
  width: 45%;
  padding: 0px;
}

div.column_right {
  float: left;
  width: 27.5%;
  padding: 0px;
}

div.column_left_third {
  float: left;
  width: 30%;
  padding: 15px;
}

div.column_center_third {
  float: left;
  width: 30%;
  padding: 15px;
}

div.column_right_third {
  float: left;
  width: 30%;
  padding: 15px;
}


div.column_half_left {
  float: left;
  width: 50%;
  padding: 0px;
}

div.column_half_right {
  float: left;
  width: 50%;
  padding: 0px;
}

/* Clearfix (clear floats) */
div.row::after {
  content: "";
  clear: both;
  display: table;
}

ul li{
  color:whitesmoke;
  list-style-type: square;
  font-size:30px;
}

ol li{
  color:whitesmoke;
  font-size:30px;

}

li {
  margin: 30px 0;
}

  
  
.question{
  background-color:#cfafaf;
  font-size: 43px;
  color:#000000;
  text-align:center;

}

.pull-left {
  float: left;
  width: 49%;
}
.pull-right {
  float: right;
  width: 49%;
  padding-left: 1%;
}

.pull-left2 {
  float: left;
  width: 65%;
}
.pull-right2 {
  float: right;
  width: 30%;
  padding-left: 1%;
}

.pull-left-small {
  float: left;
  width: 30%;
}
.pull-right-large {
  float: right;
  width: 65%;
  padding-left: 1%;
}


.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.remark-code, .remark-inline-code { 
  font-family: 'Source Code Pro', 'Lucida Console', Monaco, monospace;
  font-size: 22px;
}

.strike{
  text-decoration: line-through;

}

.pull-left h3 {
  color: #1fc4ed;
}

.pull-right h3 {
  color: #1fc4ed;
}


.left-panel {
  width: 44%;
  float: left;
}
.right-panel {
  width: 55%;
  float: right;
  padding-left: 1%;
}

.emph {
  color: #e8c725;
  font-weight: bold;
}

td{
  font-size:32px;
  padding:5px;
  text-align:center;
  
}

th, td{padding: 5px;
  font-size:30px;
}

.code {
  font-family: monospace;
}

thead, tfoot, tr:nth-child(even) { background: #DFD9BF}


table, th, td {
  border: 1px solid;
  border-color: #464026;
  background-color: #f2f2f2;
  text-align: left;
}

table.display td { white-space: nowrap; }

.reference{
    position: fixed;
    bottom: 33px;
    right:35px;
    font-size:18px;
    font-family: 'Lora';
    color:whitesmoke;

}

.footnote{
    position: fixed;
    bottom: 33px;
    left: 33px;
    font-size:18px;
    font-family: 'Lora';
    color:whitesmoke;

}

.large{
  font-size:50px;
}




/*Logo*/
.remark-slide-content:not(.title-slide){
  background-image: url(figures/gradetools-logo.png);
  background-position: 50% 50%;
  background-size: 80px;
}
/*end of logo*/

.panelset {
   --panel-tab-active-foreground: whitesmoke;
   
}


/*code*/

/*code*/

pre {
  border:1px solid whitesmoke;
  padding: 0.50em;
  overflow-x: auto;
  color:whitesmoke;
}

.remark-code, .remark-inline-code { 
  font-family: monospace;
  font-size: 25px;
  color:whitesmoke;
}

h2 .remark-inline-code { 
  font-family: monospace;
  font-size: 42px;
  color:#1fc4ed;
}


.hljs-github .hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
}

.remark-code-has-line-highlighted .remark-code-line:not(.remark-code-line-highlighted) {
  opacity: 0.8;
}

.remark-code-line-highlighted {
  background-color: #d7c7ac;

}

/*end of code*/