/* Style sheet for Reveal.js Presentations
Author: Vincent Bauer
Date: 3/25/2016
*/


/* R code */

body{
	background-color: white;
}


.slide {
    background-color: white;
}
.reveal code {
	background-color: #f5f5f5;	/* code bg color*/
}

.reveal p code {
	background-color: #f5f5f5;	/* code bg color*/
}

.slides {
	/* width: 90vw1000px!important */
	width: 1050px!important
}


.remark-slide-content:after {
    content: "Footer text";
    position: absolute;
    bottom: 5px;
    right: 35px;
    height: 40px;
    width: 120px;
    background-repeat: no-repeat;
    background-size: contain;
}



#footer{
	bottom: 2rem;
	position: absolute;
	right: 2rem;
	font-family: "News Cycle", Impact, sans-serif;
	font-size: 1.25rem;
}

.reveal pre code { /* code boxes */
	word-wrap: normal; /* wrap code */
	overflow: visible; /* wrap code */
  	white-space: pre-line; /* wrap code */
  	background-color: #FEFCFF;	/* code output bg color*/
  	width: 950px; /* larger box*/
  	font-size: 80%;
}

.reveal pre code.sourceCode { /* R input code */
  	background-color: #f5f5f5;	/* code bg color*/
  }

.reveal pre  { /* code section */
	margin-left: 0px; /* left align code section */
	width: 950px; /* larger box*/
	font-size: 80%;
	background-color: #f5f5f5; /* I don't think this matters */
}

.reveal pre.text code {  /* code section when highlight=FALSE*/
	white-space: pre-line; /* wrapping, although it overflows*/
}

/* Headings */

.reveal h1 { /* Heading 1 */
	text-shadow: 0px 0px 6px rgba(0, 0, 0, 0); /* shadows */
	font-weight: bold; /* bold */
	font-size: 2em;
}

.reveal h2.author { /* Heading 2 for an author */
	text-align: center;
	font-style: normal; /* could make bold or italics */
}

.title {
	font-size: 2.25em!important;
	text-align: center;
	color: red!important;
}

.subtitle {
	font-size: 2em!important;
	text-align: left!important;
	font-weight: bold!important;
}


.date {
	text-align: center;
}

/* Images */




.reveal section img { 
	background:none; 
	border:none; 
	box-shadow:none; 
}



/* Slide content area */
/* these need to be at the bottom, do NOT move them */

.reveal .slides { /* all slide content */
  text-align: left; /* left align */
  font-size: 80%; /* smaller text */
}

.reveal .slides section>* { /* this is for left align */
  margin-left: 0;
  margin-right: 0;
}


.reveal table td {
    border-style: none!important;

}

.reveal table {
    border-style: none!important;
}

.reveal table th {
    border: none;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    font-size: 65%;

}

.reveal tbody {
    border-bottom: 1px solid black;
    font-size: 65%;
}


.table>thead>tr>th {
  border-color: black;
  font-size: 65%;


}


/** Remove borders within the table body **/
.table>tbody>tr>td {
  border: none;
  border-style: hidden!important;
}


/** Add a top border to the table header row **/
.table thead tr:first-child { 
  border-top: 2px solid black;
  font-size: 65%;
}


/** Add a bottom border to the table body **/
.table tbody tr:last-child {
  border-bottom: 2px solid black;
  font-size: 65%;
}



/** Make the table header row a normal weight; not bold **/
.table th{
  font-weight: normal;
}


/** Make the caption italic and black **/
.table caption{
  font-style: italic;
  color: black;
}


.reveal .controls .navigate-left,
.reveal .controls .navigate-right,
.reveal .controls .navigate-up,
.reveal .controls .navigate-down {
	display: none;
}