#navbar {
    margin-top: 20px;
}

.ui.comments {
    max-width: none;
}

.ui.comments .comment .avatar {
    text-align: center;
}

.left-floated {
    float: left;
}

blockquote footer {
    text-align: right;
    font-style: italic;
}

.ui.horizontal.segments .ui.segment {
    min-width: 150px; /* otherwise words extend beyond the edge */
}

.hidden {
    display: none;
}

.highlight {
    background: #eab18a;
}

.book-card {
    padding: 0 !important;
}

.book-card .image {
    padding-right: 15px;
}

.book-card h3 {
    margin-top: 15px !important;
    padding-right: 15px !important;
}

.book-card .labels {
    padding-left: 15px;
}

.ui.compact.grid>.row {
    padding: 0;
}

blockquote {
    border-left: 5px solid #ddd;
    padding-left: 10px;
}

.no-top-margin {
    margin-top: 0 !important;
}

.ui.label.unknown-category {
    color: white;
    background: black;
}

.ui.label.uncertain-category {
    color: white;
    background: #666;
}

.ui.label.strange-category {
    color: white;
    background: #999;
}

.ui.label.confirm-category {
    background: #ccc;
}

.ui.label.notable-category {
    /* background set at 91% (232) by default */
}

.collapsed.column {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ui.feed>.event>.content .extra.text {
    max-width: initial !important;
}

#site-search>.results {
    left: unset;
    right: 0;
}

/* fixing search result display in modals */
.modal .ui.search > .results {
    position: relative !important;
    width: 100% !important;
}
.modal .ui.category.search .results {
    width: 100% !important;
}

/* focus highlights for keyboard-navigable elements */
a.keyboard-navigation {
    background: #e0e0e0;
}

a.keyboard-navigation:focus {
    background: #aaa;
}

/* bringing the keyboard shortcut modal above the popups */
.ui.modal {
    z-index: 1901 !important;
}


@media print {
   #navbar,#breadcrumbs {
       display: none;
   }
   .image {
       display: none !important;
    }
    body, .ui.header {
        font-family: serif !important;
    }
}

/* when the viewport is small enough that tags stack vertically, there is a
 * tiny bug (in semantic) where there is no vertical spacing between tags.
 * we can fix this by adding a small margin (NOT padding) */
.ui.label + .ui.label {
    margin-top: 5px
}
