.card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: cover;
}

hr {
    border: 0;
    border-top: 4px double #222222;
}


/* .hover-button > .button_class {
    display: none;
}

.hover-button:hover > .button_class {
    display: block;
} */

.btn.disabled {
    pointer-events: auto;
}

.alert-trim {
  display: inline-block;
}

.overlay_button_panel_slim {
    padding: 0.25rem 0.35rem;
    position: absolute;
}

.overlay_button_panel {
    background-color: #dddddd;
    font-size: 0.875rem;
    padding: 0.25rem 0.35rem;
    border-radius: 0.375rem;
    opacity: 0.7;
    position: absolute;
    border: 1px solid #444444;
}

.opacity-85 {
    opacity: 0.85;
}

.overlay_button_panel a {
    text-decoration: none;
    color: #222222;
}

.overlay_button_panel.favourite_button_panel {
    left:1rem;
    top:1rem;
    padding: 0.25rem 0.35rem;
}

.overlay_button_panel.vote_button_panel {
    right:1rem;
    top:1rem;
}

.overlay_button_panel.unpublished_flag {
    left:5rem;
    top:9rem;
}

.vote-arrow {
    padding: 1px 2px;
}

.fa-button-highlight {
    color:orange;
}

.image
{
    height:auto;
    width:auto;
}

.image-preview
{
    max-height:15vh;
    max-width:15vw;
}

.image-summary
{
    max-height:8vh;
    max-width:8vw;
}

.image-preview.none
{
    width: 3vw;
}

.image-game
{
    max-height:100%;
    max-width:100%;
}

#id_audiences div 
{
    margin-left:15px;
}

.highlight {
    color:orange
}

.tooltip-wrapper {
  display: inline-block; /* display: block works as well */
}

.tooltip-wrapper .btn[disabled] {
  /* don't let button block mouse events from reaching wrapper */
  pointer-events: none;
}

.tooltip-wrapper.disabled {
  /* OPTIONAL pointer-events setting above blocks cursor setting, so set it here */
  cursor: not-allowed;
}

.list-group-item.active a {
  color: var(--bs-list-group-active-color);
}

.btn p {
    margin-bottom: 0;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0.1, 0.1, 0.1, 0.45);
}

.actions .list-group-item p {
    margin-bottom: 0;
}

.notification-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: red;
  border-radius: 50%;
  vertical-align: middle;
  margin-left: 4px;
}