:root {
  --theme-color: #f7da21;
  --cross-promote-color: #b3a7fe;
}

body{
  padding-top: 4.6rem;
  padding-bottom: 4.6rem;
}

.bg-theme{
  background-color: var(--theme-color);
}

.bg-cross-promote{
  background-color: var(--cross-promote-color);
}

.shadow-top{
  box-shadow: 0 -0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.text-black{
  color: black;
}
.text-white{
  color: white;
}

.hover:hover{
  opacity: 60%;
}

.noselect{
  cursor: default;
  user-select: none;
}


/* mods of bootstrap classes */

.active{
  background-color: var(--theme-color) !important;
  color: black !important;
}

.dropdown-menu{
  min-width: 6rem;
}

.dropdown-header{
  font-size: medium;
}

.dropdown-item{
  padding-top: .21rem;
  padding-bottom: .21rem;
}

.dropdown-item:active{
  background-color: var(--theme-color);
}

/* misc */

#date-header{
  font-size: 1.4rem;
}

#cross-promote{
  margin-bottom: 2px;
}