/* student.css 
   Project: 
   Author: 
   Date: 
	
   Helpful links: 
   	Web colors: 
   		https://en.wikipedia.org/wiki/Web_colors#X11_color_names
	Color picker tool:
		https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Colors/Color_picker_tool
		http://colorpicker.com

	This is from W3Schools.com "How to create a parallax scrolling effect": 
	https://www.w3schools.com/howto/howto_css_parallax.asp

*/


header {
  background-image: url("../img/header.jpg");
  
  height: 80%;
}

h1 {
    font-family: 'Marcellus SC', serif;
}

h2 {
    font-family: 'Marcellus SC', serif;
}

h2 {
    color:#333;
}

.notes {
width:15%;
}

.notes span {
 font-family: "Inconsolata", monospace;
    font-size:.8em;
    font-style:italic;
    color:#777;
}

.title0 h1 {
  /*color: darkslategray;*/
}

.title0 h2 {
  /*color: darkslategray; */
}

.byline {
 font-family: "Inconsolata", monospace;
    color:white;
    background-color:#006BB6;
}
.divider .caption {
 font-family: "Inconsolata", monospace;
}

section.maintext p {
    padding:0 16%;
 font-family: "Inconsolata", monospace;
}

a {
    color:blue;
}

a:hover{
    color:red;
    background:yellow;
}

section.maintext {
    text-align:left;
}

    .divider.bgimg1 {
     background-image: url("../img/DTS-spread.png");
    }

section.mainvideo {
  /* background-image: url("../img/griffith.jpg");*/
}

    .divider.bgimg2 {
      /* background-image: url("../img/beach.jpg"); */
    }

section.mainaudio {
  /* background-image: url("../img/griffith.jpg");*/
}

    .divider.bgimg3 {
    /*  background-image: url("../img/coverphoto.jpg"); */
    }
    
section.sidebar {
  /* background-image: url("../img/griffith.jpg");*/
}

    .divider.bgimg4 {
      /*  background-image: url("../img/griffith.jpg"); */
    }

section.vr360video {
    background:white;
}
.vr360youtube {
    width:75%;
    padding-right:15%;
}

.teaser {
  border-top: 10px solid #333;/* #c76c0c */
  border-left: 2px solid #333; /* #c76c0c */
  width: 250px;
  height: auto;
  margin: 10px;
  padding: 10px;
}

.teaser span {
    
 font-family: "Inconsolata", monospace;
    font-size: 0.9em;
    font-style:italic;
    color:#777;
}

.teaser blockquote {
 font-size: 1.2em;
    font-family: 'Marcellus SC', serif;
}

    .divider.bgimg5 {
      /* background-image: url("../img/beach.jpg"); */
    }

section.slideshow {
  /* background-image: url("../img/griffith.jpg"); */
}

    .divider.bgimg6 {
      /*  background-image: url("../img/coverphoto.jpg"); */
    }

section.gmapmain {
  /* background-image: url("../img/griffith.jpg"); */
}

    .divider.bgimg7 {
      /*  background-image: url("../img/griffith.jpg"); */
    }

section.knightlab {
  /* background-image: url("../img/griffith.jpg"); */
}

    .divider.bgimg8 {
      /*  background-image: url("../img/beach.jpg"); */
    }

section.socialmedia {
  /* background-image: url("../img/griffith.jpg"); */
}

    .divider.bgimg9 {
      /*  background-image: url("../img/coverphoto.jpg"); */
    }

section.dataviz {
  /* background-image: url("../img/griffith.jpg"); */
}

section.footer {
  /* background-image: url("../img/griffith.jpg"); */
}