.remark-slide-content h1 {
    font-size: 50px;
    line-height: 50px;
	margin-bottom: 15px;
}

.remark-slide-content {
  font-size: 26px !important;  /* make this larger to increase font size of slide content */
  padding: 1em 3.5em 0.8em 3.5em !important;
}

.remark-slide-content li {
  margin-bottom: 10px;
}

.remark-slide-content pre {
  margin: 0px 0px 15px 0px;
}

.remark-slide-content p {
  margin: 15px 0px;
}


.remark-code {
  font-size: 20px !important;
}

code.remark-inline-code {
	letter-spacing: -0.05em
}



.iframeworkshop{
  margin-left: 25%;
}


h1 > code {
  font-size: 0.85em;
}

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

.doExercise {
  color: #76ba43 !important;
}

.only-beginners {
 visibility: hidden;
}

.separator-slide {
  /* color: #FFFFFF; */
  color: black;
}

.title-slide {
  background-color: #0E3C46;
}

.title-slide h1 {
  font-size: 85px;
  line-height: 123%;
  color: #FFFFFF;
}

.title-slide h3 {
  font-size: 55px;
  color:  #FFFFFF;
}

/*.separator-slide h1 {
  color: #0e343f;
}/*

/*.title-slide .container {
  width: 100%;
  height: 200px;
}

.title-slide .bird {
  background-image: url("images/bird-zevross.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
}*/


.title-slide-rstudio{
  background-image: url("images/section-1/rstudio-title-sara.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 50%;
}


.title-slide .logo {
  position: absolute;
  bottom: 50px;
  right: 75px;
  background-image: url("images/logo-zevross.svg");
  background-size: 25%;
  background-repeat: no-repeat;
  background-position: right bottom;
  
  width: 105%;
  height: 40%;
  
  /* margin-top: -70px; */
}

.title-slide .databird {
  position: absolute;
  bottom: 120px;
  right: 75px;
  background-image: url("images/databird.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: right bottom;
  
  width: 105%;
  height: 60%;
  
  /* margin-top: -70px; */
}

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

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



.remark-preview-area {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 99;
}

.remark-preview-area .remark-slide-scaler {
  transform: scale(1) !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;  
  box-shadow: none;
}

.remark-preview-area::before {
  padding: 10px;
  content: "Preview";
  font-size: 24px;
  color: white;
  background-color: #261515;
  width: 100%;
  display: block;
}

/* https://meta.superuser.com/questions/4788/css-for-the-new-kbd-style */
kbd {
  -moz-border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #fff inset;
  color: #333;
  display: inline-block;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  line-height: 1.4;
  margin: 0 .1em;
  padding: .1em .6em;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
}

/* https://stackoverflow.com/questions/248011/how-do-i-wrap-text-in-a-pre-tag%3E */
pre {
    /*white-space: pre-wrap;       Since CSS 2.1 */
   /* white-space: -moz-pre-wrap;   Mozilla, since 1999 */
     /*white-space: -pre-wrap;      Opera 4-6 */
    /*white-space: -o-pre-wrap;     Opera 7 */
   /* word-wrap: break-word;        Internet Explorer 5.5+ */
}