@font-face {
  font-family: "Avenir Book";
  src: url("fonts/Avenir-Book.eot"); /* IE9 Compat Modes */
  src: url("fonts/Avenir-Book.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("fonts/Avenir-Book.otf") format("opentype"), /* Open Type Font */
    url("fonts/Avenir-Book.svg") format("svg"), /* Legacy iOS */
    url("fonts/Avenir-Book.ttf") format("truetype"), /* Safari, Android, iOS */
    url("fonts/Avenir-Book.woff") format("woff"), /* Modern Browsers */
    url("fonts/Avenir-Book.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: 'Avenir Book', sans-serif;
  color: #000;
}
@media (min-width: 992px) {
  .container-narrow {
    width: 800px;
  }
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: #000000;
  font-weight: 600;
}
/* Buttons */
.btn-pink {
  color: #fff;
  background-color: #C32999;
  border-color: #C32999;
  border-radius: .5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.btn-pink:hover, .btn-pink:focus {
  color: #fff;
  background-color: #7f1a63;
  border-color: #7f1a63;
}
.btn-purple {
  color: #fff;
  background-color: #6846d8;
  border-color: #6846d8;
  border-radius: .5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.btn-purple:hover, .btn-purple:focus {
  color: #fff;
  background-color: #422C89;
  border-color: #422C89;
}
.btn-outline-purple {
  color: #6846d8;
  background-color: #fff;
  border-color: #6846d8;
  border-radius: .5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.btn-outline-purple.active, .btn-outline-purple:hover, .btn-outline-purple:focus {
  color: #fff;
  background-color: #422C89;
  border-color: #422C89;
}
.btn-outline-purple:disabled {
  color: #aaa;
  background-color: #fff;
  border-color: #aaa;
}
/* end of Buttons */
/* Forms */
.form-label {
  font-weight: 600;
}
.form-control, .form-select {
  background-color: #EAEAEA;
  border-color: #EAEAEA;
  border-radius: .5rem;
  padding: .5rem .75rem
}
/* end of Forms */
main {
  z-index: 1;
  position: relative;
}
/* Post It Wall */
body.post-submission {
  height: 100%;
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.post-submission main {
  width: 100%;
  max-width: 450px;
  padding: 15px;
  margin: auto;
}
.post-it::before, .post-it-grid::before {
  content: "";
  background-image: url('../Images/bgd-main.jpg');
  background-size: cover;
  background-position: top right;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  /* opacity: 0.10; */
}
.post-it.post-submission::before {
  content: "";
  background-image: url('../Images/bgd-main-mobile.jpg');
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  /* opacity: 0.10; */
}
.post-it  h5 {
  color: #000;
}
.post-it .notes {
  background-color: grey;
  border-radius: .5rem;
  padding: .75rem 1rem;
  width: 300px;
  min-height: 85px;
  position: absolute;
}
.post-it-grid .card {
  background-color: grey;
  border-radius: .5rem;
  padding: .75rem 1rem;
}
.post-it .notes p, .post-it-grid .card p {
  margin-bottom: 0;
}
.post-it .notes.pink, .post-it-grid .card.pink {
  background-color: #ff7eb9;
}
.post-it .notes.cyan, .post-it-grid .card.cyan {
  background-color: #7afcff;
}
.post-it .notes.yellow, .post-it-grid .card.yellow {
  background-color: #feff9c;
}
.post-it .card {
  background-color: rgb(248, 249, 250);
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
/* end of Post It Wall */
/* Participant Activity */
.splash {
  height: 100vh;
  background-image: url('../Images/banner-main.jpg');
  background-position: center;
  background-size: cover;
}
body.activity-submission {
  height: 100%;
  display: flex;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.activity-submission main {
  width: 100%;
  margin: auto;
}
.activity-submission .card {
  border-radius: .5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
}
.activity-submission .card.winner {
  color: #C6299C;
  background-color: #fff;
  border-color: #C6299C;
  border-radius: .5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  border-width: 3px;
}
/* Moderator Dashboard */
.dropdown-item.active, .dropdown-item:active {
    background-color: #6846d8;
}
.nav-pills .nav-link {
  color: #fff;
  background-color: #6846d8;
  border-color: #6846d8;
  border-radius: .5rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  margin-left: .5rem;
  margin-right: .5rem;
}
.nav-pills .nav-link:hover, .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff;
  background-color: #422C89;
  border-color: #422C89;
}