*{
 font-size: 100%;
 font-family: Helvetica;
}


nav {
  font-size: 18px;
  background-color: whitesmoke;
}


nav a {
  color:#ae8f68;
  font-weight: bold;

}

nav a:hover{
   border-bottom: 3px solid  #ae8f68;
   color:#ae8f68;
   font-weight: bold;
   text-decoration: none;


}

nav li {
    margin-right: 30px;

}

footer{
    color: #5c5c5c;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}

footer a {
  color:#e56646;
  text-decoration: underline;
  font-weight: bold;


}

footer a:hover{
  color:#e56646;
  font-weight: bold;


}

.main-text{
  padding-top:10%;
  padding-right: 10%;
  padding-left: 10%;
  padding-bottom: 5%;
}

.main-text a{
  color: #2d8659;
  text-decoration: underline;
}

.main-text a:hover{
  color:#e56646;
}

.main-text{
  font-size: 16px;
  color: #5c5c5c;
}



.main-text i{
  color:#e56646;
}

.main-text hr{
  border: 1px solid #ae8f68;

}

.jumbotron{
  background: whitesmoke;
}

.accordion .blockquote{
  background-color: gray;
}


/* From W3 schools*/
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: whitesmoke;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  border: 1px solid #e3980b;
}






/*-- https://stackoverflow.com/questions/13354578/custom-li-list-style-with-font-awesome-icon */
.course-intro ul {
  list-style: none;
  padding: 0;
}
.course-intro li {
  padding-left: 1.3em;
}
.course-intro li:before {
  content: "\f140"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

/*-- end of stackoverflow code */

/*timeline from https://bootsnipp.com/snippets/xrKXW* with some modifications*/

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #e3980b;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

/*end of timeline*/

#toc a{
  color: #2d8659;
  text-decoration: underline;
}