/* adapted from Walmes Zeviani's repo */
/* https://github.com/walmes/datavis/tree/master/slides */

@import url(https://fonts.googleapis.com/css?family=Fira+Code:400,700,400italic);
/* @import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Lato&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Source+Serif+Pro&display=swap'); */
/* @import url('https://fonts.googleapis.com/css?family=Gentium+Basic&display=swap'); */

:root{
    /* blue */
    --main-color: #0066cc;
}


.remark-code,
.remark-inline-code {
    font-family: 'Fira Code';
    font-size: 20px;
}

body {
    /* font-family: 'Roboto Condensed', sans-serif; */
    font-family: 'Lato', sans-serif;
    /* font-family: 'Open Sans', sans-serif; */
    /* font-family: 'Source Serif Pro', serif; */
    /* font-family: 'Gentium Basic', serif; */
}


.huge {
  font-size: 150%;
}

.Huge {
  font-size: 250%;
}

.HUGE {
  font-size: 400%;
}

.tiny {
  font-size: 65%;
}





h3 {
    font-family: 'Oswald';
    font-weight: 200;
}

/* .remark-slide-number { */
/*   font-size: 10pt; */
/*   margin-bottom: -11.6px; */
/*   margin-right: 10px; */
/*   /\* color: #FFFFFF; /\\* white *\\/ *\/ */
/*   opacity: 1; /\* default: 0.5 *\/ */
/* } */

/* Listas ----------------------------------- */

/*---------------------------------------------------------------------- */
/* https://github.com/fernandomayer/pesqrep-slides/blob/master/eco/fc.css */

/* Various left and right split columns*/
.lc-70 { float: left; width: 67.5%; } /* left column */
.rc-30 { float: right; width: 29.5%; } /* right column */
.rc-30 ~ * { clear: both; }

.lc-60 { float: left; width: 58%; }
.rc-40 { float: right; width: 39%; }
.rc-40 ~ * { clear: both; }

.lc-50 { float: left; width: 48.5%; }
.rc-50 { float: right; width: 48.5%; }
.rc-50 ~ * { clear: both; }

.lc-40 { float: left; width: 39%; }
.rc-60 { float: right; width: 58%; }
.rc-60 ~ * { clear: both; }

.lc-30 { float: left; width: 29.5%; }
.rc-70 { float: right; width: 67.5%; }
.rc-70 ~ * { clear: both; }

.lc-33 { float: left; width: 30%; margin-right: 1.5%; }

/* /\* headers and fonts*\/ */
/* h1, h2, h3, h4 { */
/*   margin-top: 0; */
/*   padding-top: 0em; */
/*   font-family: 'Oswald'; */
/*   font-weight: 400; */
/*   margin-left: 0; */
/* } */

.orange {
    color: #ff5533;
}

.bottom {
    margin-top: 3em;
    vertical-align: bottom;
}

.large {
    font-size: 23px;
}

.small {
    font-size: 15px;
}

/* inverse slide */
.inverse {
    background-color: #121316;
    color: #ffffff;
}

/* header colors are the same regardless of inverse or not*/
.remark-slide-content h1, .inverse h1 {
    color: var(--main-color);
    font-size: 34px;
}

.remark-slide-content h2, .inverse h2 {
    color: #5b5b5b; /* #b7b7b7; */
    font-size: 28px;
}

.remark-slide-content h3, .inverse h3 {
    color: #5b5b5b;
    font-size: 22px;
}

/* Linha de borda inferior na página de título. */
.title-slide.remark-slide-content {
    background-color: #FAFAFA; */
    border-bottom: 10px solid var(--main-color); */
    border-bottom: unset;
}

.title-slide.remark-slide-content.section::after {
    background-image: unset;
}

/* Linha de borda inferior nas páginas de conteúdo. */
:not(.title-slide).title-slide.remark-slide-content {
    background-color: #FAFAFA;
    border-bottom: 5px solid var(--main-color);
    border-bottom: unset;
}

.remark-slide-content {
    font-size: 24px;
    font-weight: unset;
}

/* Paginação. */
.remark-slide-number {
    z-index: 10;
    bottom: 0.5em;
    right: 20px;
}

/* Faixa inferior com gradiente. */
/*:not(.title-slide).remark-slide-content:after {
    content: "T. Olivoto | Fitopatometria no software R";
    background: -webkit-linear-gradient(left, var(--main-color) 0%, var(--main-color) 20%, white 100%);
    display: block;
    height: 20px;
    width: 100%;
    left: 0px;
    bottom: 2px;
    position: absolute;
    z-index: 0;
    font-size: 12px;
    color: white;
} */

.title-slide h1  {
    color: var(--main-color);
    font-size: 50px;
    font-weight: 500;
    text-align: left;
    margin-left: 40px;
    padding-top: 150px;
    text-shadow: 0 0 20px #c1c1c1;
}

.title-slide h2  {
    color: #FAFAFA;
    font-size: 35px;
    font-weight: 350;
    text-align: left;
    margin-left: 40px;
    margin-top: -25px;
    padding-bottom: -20px;
}

.title-slide h3  {
    color: #000;
    font-size: 25px;
    font-weight: 300;
    text-align: left;
    margin-left: 40px;
    margin-bottom: 0;
}

/* code */
.remark-inline-code {
    color: var(--main-color);
    border-radius: 1px;
    padding: 0;
    background: #e0e0e0;
}

.inverse .remark-inline-code {
    background: #333333;
}

.remark-code-line-highlighted {
    background-color: var(--main-color);
}

a, a > code {
    color: var(--main-color);
    text-decoration: none;
}

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

.remark-code, .remark-inline-code {
	font-size: 14px;
}

.hljs-github .hljs {
	margin-top: -1em;
}

:not(.hljs).remark-code > .remark-code-line {
    background-color: lightgray;
    padding: 10px;
    margin-top: -1.25em;
    margin-bottom: -1.25em;
}

:not(.title-slide).remark-slide-content.attention h1 {
    color: red;
}