/*
	CSS styles for the Rose-Hulman conference pages.  These are designed to be responsive 
  and easy to update in the future as well as provide a clean light-weight look.
*/

/* color theme based on RHIT brand guidelines */
.w3-rhit-l5 {color:#000 !important; background-color:#ffe8e8 !important}
.w3-rhit-l4 {color:#000 !important; background-color:#ffb3b3 !important}
.w3-rhit-l3 {color:#fff !important; background-color:#ff6666 !important}
.w3-rhit-l2 {color:#fff !important; background-color:#ff1a1a !important}
.w3-rhit-l1 {color:#fff !important; background-color:#cc0000 !important}
.w3-rhit-d1 {color:#fff !important; background-color:#730000 !important}
.w3-rhit-d2 {color:#fff !important; background-color:#660000 !important}
.w3-rhit-d3 {color:#fff !important; background-color:#590000 !important}
.w3-rhit-d4 {color:#fff !important; background-color:#4d0000 !important}
.w3-rhit-d5 {color:#fff !important; background-color:#400000 !important}

.w3-rhit-light {color:#000 !important; background-color:#ffe8e8 !important}
.w3-rhit-dark {color:#fff !important; background-color:#400000 !important}
.w3-rhit-action {color:#fff !important; background-color:#400000 !important}

.w3-rhit {color:#fff !important; background-color:#800000 !important}
.w3-text-rhit {color:#800000 !important}
.w3-border-rhit {border-color:#800000 !important}

.w3-hover-rhit:hover {color:#fff !important; background-color:#800000 !important}
.w3-hover-text-rhit {color:#800000 !important}
.w3-hover-border-rhit:hover {border-color:#800000 !important}


/* side-bar */
.my-sidebar {
  right: 0;
  width: 100%;
  z-index: 999;
}

/* sticky header */
.my-top {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  z-index: 998;
}

.my-hide-small {
  display: none;
}


/* horizontal rule */
.my-hr {
  border: 0; 
  height: 1px; 
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0))
}


/* program attributes */
.talktitle {
  font-style: italic;
  font-weight: bold;
}

.talkauthor {
  margin-left: 16px;
}

.talklocation {
  margin-left: 16px;
}

.talkuniversity {
  margin-left: 16px;
  font-style: italic;
}


/* talk ratings */
div.stars{
  display: inline-block;
}

input.star{
  display: none;
}

label.star {
  float: right;
  padding: 2px;
  font-size: 25px;
  color: #444;
}

input.star:checked ~ label.star:before {
  content:'\f005';
  color: orange;
}


input.star-5:checked ~ label.star:before {
  color: orange;
}

input.star-1:checked ~ label.star:before {
  color: orange;
}

label.star:hover{
  color: orange;
}

label.star:hover ~ label.star:before {
  color: orange;
}

label.star:before{
  content:'\f006';
  font-family: FontAwesome;
}


/* changes to defaults for larger screens */
@media only screen and (min-width: 768px) {
  .my-sidebar {
    right: 0;
    width: 25%;
    z-index: 999;
  }
  
  .my-hide-small {
    display: block;
  }
}