/* -------------------------------------------------------
 *
 *     !! This file was generated by xaringanthemer !!
 *
 *  Changes made to this file directly will be overwritten
 *  if you used xaringanthemer in your xaringan slides Rmd
 *
 *  Issues or likes?
 *    - https://github.com/gadenbuie/xaringanthemer
 *    - https://www.garrickadenbuie.com
 *
 *  Need help? Try:
 *    - vignette(package = "xaringanthemer")
 *    - ?xaringanthemer::write_xaringan_theme
 *    - xaringan wiki: https://github.com/yihui/xaringan/wiki
 *    - remarkjs wiki: https://github.com/gnab/remark/wiki
 *
 * ------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);
@import url(https://fonts.googleapis.com/css?family=sourcesans);

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

body {
  font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif;
  font-weight: normal;
  color: #000;
}
h1, h2, h3 {
  font-family: 'Yanone Kaffeesatz';
  font-weight: normal;
  color: #dc322f;
  margin-bottom:0.2px;
}
.remark-slide-content {
  background-color: #FFF;
  font-size: 35px;


  padding: 1em 2em 1em 2em;
}
.remark-slide-content h1 {
    font-size: 65px;
}
.remark-slide-content h2 {
    font-size: 55px;
}
.remark-slide-content h3 {
    font-size: 45px;
}
.remark-code, .remark-inline-code {
  font-family: 'Source Code Pro', 'Lucida Console', Monaco, monospace;
}
.remark-code {
  font-size: 0.9em;
}
.remark-inline-code {
  font-size: 1em;
  color: #6c71c4;


}
.remark-slide-number {
  color: #DD0101;
  opacity: 1;
  font-size: 0.6em;
  margin-right: 1115px;
}
strong{color:#d33682;}
a, a > code {
  color: #0062B5;
  text-decoration: none;
}
.footnote {

  position: absolute;
  bottom: 3em;
  padding-right: 4em;
  font-size: 0.9em;
}
.remark-code-line-highlighted {
  background-color: #268bd240;
}
.inverse {
  background-color: #0f6070;
  color: #fdf6e3;
}
.inverse h1, .inverse h2, .inverse h3 {
  color: #fdf6e3;
}

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


.inverse h1{
  font-size: 3em;
}

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

.inverse h3{
  font-size: 55px;
}

.inverse .MathJax_CHTML {
    font-size: 1.3em !important;
    color: #FFFFFF;
}


.roja {
  background-color: #d22000;
  color: #fdf6e3;

}
.roja h1 {
  color: #FFFFFF;
  font-size: 3em;
  font-weight: bold;
  text-align: right;
}

.roja h2 {
  color: #183636;
  font-size: 2em;
  text-align: right;
}

.roja h3 {
  color: #FFFFFF;
  font-size: 1.5em;
}

.front {
  background: linear-gradient(90deg, #0f6070  0%, #fff 100%);
}

.front h1 {
  color: #FFFFFF;
  font-size: 2.2em;
}

.front h2 {
  color: #FFFFFF;
  font-size: 1.3em;
}


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


.title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
  color: #fdf6e3;
}
.title-slide {
  background-color: #002b36;

}
.title-slide .remark-slide-number {
  display: none;
}
/* Two-column layout */
.left-column {
  width: 20%;
  height: 92%;
  float: left;
}
.left-column h2, .left-column h3 {
  color: #93a1a1;
}
.left-column h2:last-of-type, .left-column h3:last-child {
  color: #586e75;
}
.right-column {
  width: 75%;
  float: right;
  padding-top: 1em;
}
.pull-left {
  float: left;
  width: 47%;
}
.pull-right {
  float: right;
  width: 47%;
}

.pull-left-narrow {
  float: left;
  width: 33%;
}

.pull-right-narrow {
  float: right;
  width: 33%;
}


.pull-left-wide {
  float: left;
  width: 66%;
}

.pull-right-wide {
  float: right;
  width: 66%;
}

.pull-right ~ * {
  clear: both;
}
img, video, iframe {
  max-width: 100%;
}
blockquote {
  border-left: solid 5px #cb4b16;
  padding-left: 1em;
}

table {
  margin: auto;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}
table thead th { border-bottom: 1px solid #ddd; }
th, td { padding: 5px; }

.large { font-size: 130%
}

.medium { font-size: 85%
}

.small { font-size: 70%
}

.smally { font-size: 60%
}
.tiny { font-size: 50%
}

.red { font-color: #000
}

@page { margin: 0; }
@media print {
  .remark-slide-scaler {
    width: 100% !important;
    height: 100% !important;
    transform: scale(1) !important;
    top: 0 !important;
    left: 0 !important;
  }
}

.MathJax_CHTML {
    font-size: 1em !important;
    color: #225b7c;
}

table {
  padding: 0; }
  table tr {
    border-top: 1px solid #cccccc;
    background-color: white;
    margin: 0;
    padding: 0; }
    table tr:nth-child(2n) {
      background-color: #f8f8f8; }
    table tr th {
      font-weight: bold;
      border: 1px solid #cccccc;
      text-align: left;
      margin: 0;
      padding: 6px 13px; }
    table tr td {
      border: 1px solid #cccccc;
      text-align: left;
      margin: 0;
      padding: 6px 13px; }
    table tr th :first-child, table tr td :first-child {
      margin-top: 0; }
    table tr th :last-child, table tr td :last-child {
      margin-bottom: 0; }

/*
br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 2; /* change this to whatever height you want it */
}
*/


/*
.remark-slide-content:not(.exclude) {
  background-image: url(../images/footer.png);
  background-position: 9% 100%;
  background-size: 900px;
  padding-left: 100px;  /* delete this for 4:3 aspect ratio */
}
*/



/******************
 *
 * Coloured content boxes
 *
 ****************/


.content-box {
    box-sizing: content-box;
    	background-color: #e2e2e2;
  /* Total width: 160px + (2 * 20px) + (2 * 8px) = 216px
     Total height: 80px + (2 * 20px) + (2 * 8px) = 136px
     Content box width: 160px
     Content box height: 80px */
}


.content-box-blue,
.content-box-gray,
.content-box-grey,
.content-box-army,
.content-box-green,
.content-box-purple,
.content-box-red,
.content-box-yellow {
    border-radius: 10px;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

.content-box-blue {
    background-color: #F0F8FF;

}

.content-box-gray {
    background-color: #e2e2e2;
}

.content-box-grey {
	background-color: #F5F5F5;
}

.content-box-army {
	background-color: #737a36;
}

.content-box-green {
	background-color: #d9edc2;
}

.content-box-purple {
	background-color: #e2e2f9;
}

.content-box-red {
	background-color: #f9dbdb;
}

.content-box-yellow {
	background-color: #fef5c4;
}


.full-width {
    display: flex;
    width: 100%;
    flex: 1 1 auto;
}


/**************
 *
 * Font colours
 *
 **************/


.black { color: black; }
.red { color: red; }
.blue { color: blue; }
.green { color: green; }
.yellow { color: yellow; }
.orange { color: orange; }
.purple { color: purple; }
.gray { color: gray; }
.grey { color: gray; }
.white{ color: white; }
.curso{ color: #0f6070; }
.bold { font-weight: bold; }
.bolder { font-weight: bolder; }


iframe {
    border: 1px solid black;
    width: 100%;
}

.output {
    background: #eee;
}

/* scroll vertical code blocks */

.pre {
  height: 30pc;
  overflow-y: scroll;
}

/* then add to code like this:this
.pre[
```{r}
fu <- function(x){
  x
}
```
]

*/

.scrollable-slide {
    height: 800px;
    overflow-y: auto !important;
}