.title-slide {
  background-color:  #4285F4;
  position: relative;
  background-image: url(../figs/QR_AI.png);
  background-position: 98% 95%;
  background-size: 200px;
}


body {
  color: #585E60;
}

h1, h2, h3 {
  font-weight: normal;
  color:  #4285F4;
}

.shout { color:  #4285F4; 
font-family: 'Lato', sans-serif;
font-weight: bold;
}

.whisper { color: #FFA500; 
font-family: 'Zeyada', cursive;
font-size: larger;
}

.onfire { color: #FFA500; }

/* link color */
a, a > code {
  color: #FFA500;
}

/* unvisited link */
a:link {
    color: #FFA500;
}

/* visited link */
a:visited {
    color: #FFA500;
}

/* mouse over link */
a:hover {
    color:  white;
}

/* selected link */
a:active {
    color:  white;
}

.remark-code {
  color:  #4285F4;
}

.remark-inline-code { 
  color:  #4285F4;
}

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

.inverse {
  background-color:  #4285F4;
  color: #FFFFFF;
  /*text-shadow: 0 0 20px #333;*/
}

.inverse h1, .inverse h2, .inverse h3 {
  color: #FFFFFF;
  line-height: 1.0em;
}

.inverse .remark-code {
  color: #3498CC;
}

/* Two-column layout */
.left-column {
  color: #777;
  width: 25%;
  height: 92%;
  float: left;
  font-size: 18px;
}
.left-column h2:last-of-type, .left-column h3:last-child {
  color: #000;
}
.right-column {
  width: 75%;
  float: right;
  padding-top: 1em;
}
.pull-left {
  float: left;
  width: 48%;
}
.pull-right {
  float: right;
  width: 48%;
}
.pull-right ~ * {
  clear: both;
}

.pull-left-2 {
  float: left;
  width: 58%;
}
.pull-right-2 {
  float: right;
  width: 38%;
}

.left-code {
  color: #777;
  width: 38%;
  height: 92%;
  float: left;
}
.right-plot {
  width: 60%;
  float: right;
  padding-left: 1%;
}

img, video, iframe {
  max-width: 100%;
}
blockquote {
  border-left: solid 5px  #4285F4;
  padding-left: 1em;
  background: #f9f9f9;
}
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; }
thead, tfoot, tr:nth-child(even) { background: #eee }

@page { margin: 0; }

.inverse h2 {
  line-height: 1.1;
  font-family: 'Rock Salt'
}

.inverse .remark-inline-code { 
  color: white;
}




.title-slide h1 {
  color: #FFFFFF;
  padding-top: 100px;
  font-size: 40px;
  line-height: 0.05;
  text-align: left;
  padding-bottom: 18px;
  margin-bottom: 18px;
  text-shadow: none;
  word-wrap: break-word;
}

.title-slide h2 {
  color: #FFFFFF;
  font-size: 35px;
  text-align: left;
  padding-top: 0px;
  margin-top: 0px;
  text-shadow: none;
}

.title-slide h3 {
  font-family: 'Cabin', sans-serif;
  font-size: 20px;
  color: #FFFFFF;
  text-align: left;
  text-shadow: none;
  padding: 0px;
  margin: 0px;
  line-height: 1.1;
}


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


li::marker {
  content: "• ";
  color:  #4285F4;
}

b, strong {
   color:  #4285F4;
   }
   

.center-left {
  position:          relative;
  top:               50%;
  transform:         translateY(50%);
}
.center-right {
  position:          relative;
  top:               50%;
  transform:         translateY(50%);
}

.twitter-tweet {
    height: 400px !important;
}

/***********
 * 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: 15px;
    margin: 0 0 25px;
    overflow: hidden;
    padding: 20px;
    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;
}



/***********
 *
 * Changed CSS
 *
 **************/

.opacity{
    opacity: 0.5;
}



.blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(10px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}


.grayscale img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}






/**************
 *
 * Fancy stuff
 *
 **************/


.rotate-left {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    transform: rotate(-2deg); 
}

.rotate-right {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    transform: rotate(2deg);     
}


.caption{
  text-align: center;
  font-size: .8rem;
}