/* 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/coverphoto.jpg");*/
  
  height: 100%;
}

header video {
  width: 100%; 
  height: 100vh;
  object-fit: cover;

}

.title h1 {
  /* color: blanchedalmond;*/
}

.title h2 {
  /*  color: navajowhite;*/
}

.title0 h1 {
  /*color: darkslategray;*/
  padding-top: 70px;
}

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

.flowers img {
  width:100%;
  position: fixed;

}

.rohingyavideo {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background-color: white;

}



.rohingyavideo video{
/*  width: 400px;
  float: left;
  padding-right: 1%;*/
  width: 100%;
  height: 100vh;
  object-fit: fill;
}






.rwandavideo video{
  width: 100vw;
}

.afghanistanvideo {
  width: 100%;


}
/*
.Acaption {
  position: absolute;
  bottom: 0;
  margin-bottom: -10px;
  color: #fff;
  font: timesnewroman;
  padding: none;
}*/

.afghanistanvideo video{
   width: 100%; 
}

section.maintext {
  /* background-image: url("../img/griffith.jpg"); */
  background-color: white;
  position: relative;
  z-index: 1;
  width:100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

    .divider.bgimg1 {
       background-image: url("../img/BOMA1.jpg");
       padding-bottom: 10px;
       position: sticky;
       position: -webkit-sticky;
       top: 0;
    }

  .divider.bgimg2 {
      background-image: url("../img/womeninfo.jpg");
      height: 90%;
      position: sticky;
       position: -webkit-sticky;
       top: 0;
       z-index: -1;
    }

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

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

      .divider.bgimg3 {
      background-image: url("../img/flowers.jpg");
      position: sticky;
      position: -webkit-sticky;
      z-index: -1;
      top: 0;
    }


section.container-wrapper-genially {
  float: right;
  width: 400px
  ;
}

.teaser blockquote {
 display: block;
 border: none;
 background: #fff;
 padding: 15px; 
 position: relative;
 font: times new roman;
 font-size: 15px;
 line-height: 1.2;
 color: darkgray;
 text-align: left;
 font-style: italic;
}

.name{
  font-size: 12px;
  padding-top: 10px;
  color: gainsboro;
  font-style: normal;
}


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

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

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

    .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"); */
}

section.scrolltext {
  background-color: transparent;
  max-width: 430px;
  margin: auto;
}


.footer {
  height: 30px;
  color: #fff;
  background-color: lightgray;
  padding: 30px;
}


.vidcap {
  margin-left: 30px;
  font-size: 14px;
}

.rightway {
  float: right;
}