@font-face {
    font-family: 'Geostar';
         url('GeostarFill-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
}


html {
    color: #fff;
    font-size: 1em;
    line-height: 1.4;
    height: 100vh;
    width: 98%;
    background-color: hsl(210, 3%, 15%);

}

body {
    margin: 0;
    padding: 0;
    background-color: hsl(210, 3%, 15%);
    font-family: "Open Sans", sans-serif;
    color: #f1f1f1;
}

@font-face {
  font-family: 'MajorMonoDisplay-Regular';
  font-style: italic;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/notoserif/v23/ga6faw1J5X9T9RW6j9bNfFIMZhhWnFTyNZIQD1-_P3Lct-FG.woff2) format('ttf');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

* {
    font-weight: 300;
}

strong {
    font-weight: 600;
}


.sptop {
    margin-top: 1em;
}

.sptopcontext {
    margin-top: 1.6em;
}

.sptopmax {
    margin-top: 4em;
}

.sptopmaxx {
    margin-top: 6em;
}

.nopad {
    padding-left: 0;
    padding-right: 0;
}


.small {
    font-size: 0.8em;
}


.menu {
    height: 700px;
    overflow-y: scroll;
}

.menuitem {
    cursor: pointer;
    color: steelblue;
    font-size: 0.8em;
    border-bottom: #3FB8AF 1px solid;
}

.dropdown-menu {
    max-height: 20em;
    overflow-y: scroll;
}

.card-text {
    line-height: 1em;

}

.card {
    border: none;
    background-color: hsl(210, 3%, 15%);
}

.noUi-horizontal {
    height: 12px;
}

.noUi-horizontal .noUi-handle {
    width: 34px;
    height: 24px;
    left: -17px;
    top: -9px;
    background-color: red;
}

text.nv-legend-text, text.nv-axislabel, text {
    font-size: 0.6em;
    fill: #000
}


text.nv-wrap.nv-axis, text.wrap, text {
    font-size: 0.6em;
    fill: #000
}


.dist {
    font-size: 0.8em;
    color: black;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ddd;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #ddd;
}

.menu_light {
    color: black;
    font-weight: bold;
    cursor: pointer;
}

.nav-item:hover {
    color: #007D79;
    background-color:  hsl(210, 3%, 15%) !important;
}

.active {
    background-color: hsl(210, 3%, 15%) !important;
    font-weight: bold !important;
    color: #fff !important;
    text-decoration: underline;
}

.quote {
    font-size: 1.4em;
    color: #f1f1f1;

}

.strong {
    font-size: 1.2em;
    color: hsl(210, 3%, 15%);
    font-weight: bold;
    text-align: end;
    padding-bottom: 0;
    margin-bottom: 0;
}

.function {
    font-size: 0.8em;
    color: #fff;
    text-align: end;
    padding-top: 0;
    margin-top: 0;
}

span.opening {
    font-size: 2.8em;
    color: #666;
}

p.quote_text {
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-style: normal;
    color: #f1f1f1;
    text-decoration: none !important;
}

.quote_text_singular {
    font-family: "Noto Serif", serif;
    font-weight: 400;
    font-style: normal;
    color: #f1f1f1;
    font-size: 1.8em;
}

.big_text {
    font-size: 2.5em;
}

.context {
    font-style: italic;
    text-align: start;
    color: #f1f1f1;
}

.topic {
    text-align: start;
    font-size: 1.0em;
    color: #f1f1f1;

}

a.detail_links {
    color: #aaa;
    font-size: 1em;
    font-weight: bold;
}

a.entity_links {
    color: #ddd;
    font-size: 0.8em;
    font-weight: bold;
    text-decoration: none;
}

a.entity_links_normal {
    color: #ddd;
    font-size: 0.8em;
    font-weight: normal;
    text-decoration: none;
}

a.entity_links_normal:hover {
    color: #ddd;
    font-size: 0.8em;
    font-weight: normal;
    text-decoration: underline;
}

a.entity_links:hover {
    color: #007D79;
    font-size: 0.8em;
    font-weight: bold;
    text-decoration: underline;
}

a.entity_link {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

a.topic_link {
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}

a.topic_link:hover {
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-decoration: underline;
}

.border_bottom {
    border-bottom: 1px dotted #f1f1f1;
}

.form-control {
    background-color: #666;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
}

.btn {
    padding: .55rem 1.5rem .45rem;
}


/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: hsl(210, 3%, 15%);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ddd;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #ddd;
}

.page-link {
    color: #fff;
    background-color: hsl(210, 3%, 15%);
    border: 1px solid #666;
}

li.page-item.active .page-link {
    color: #fff;
    background-color: #007D79;
    border: 1px solid #007D79;
}

.blockquote-footer::before {
    content: " ";
}

figcaption.blockquote-footer {
    font-size: 1.1em;
    color: #FFF;
    text-align: end;
    font-style: normal;
}

cite {
    font-size: 1.1em;
    color: #FFF;
    font-style: normal;
}

.nav-link {
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
}

.nav-link:hover {
    color: #007D79;
    background-color: #0dcaf0;
}

.navbar-brand {
    color: #fff;
    font-size: 1.8em;
    font-weight: bold;
    font-family: 'Geostar';
    padding-left: 0;
    margin-left: 0;
}

.navbar-brand:hover {
    color: #007D79;

}

.annotation {
    color: #f1f1f1;
    background-color: hsl(210, 3%, 15%);

!important;
    font-variant: small-caps;
}

.header_date {
    padding-left: 1.6em;
    color: #f1f1f1;
    font-size: 1.2em;
    font-weight: normal;
}

.header_date_single {
    padding-left: .6em;
    color: #f1f1f1;
    font-size: 1.2em;
    font-weight: normal;
}

.header_icon {

    width:24px;
    height:24px;
    color: white
}

.text-bg-badge {
    border: 2px solid #444;
}

span.text-bg-badge-small {
    borde1r: 2px solid #444;
    font-size: 0.8em;
    color: #ddd;
    text-decoration: none;
}

span.text-bg-badge-small:before {
    content: " • ";


}

.subdued_link {
    color: #aaa;
    font-size: 0.8em;
    font-weight: bold;
    text-decoration: none;
}

.aggregation_link {
    color: #eee;
    font-size: 0.8em;
    text-decoration: none;
    margin-right: 1rem;
}
.aggregation_link1:before {
    content: " • ";
}

img.side_ad {
    width: 100%;
    height: auto;

}

.card-footer1 {
    background-color: hsl(110, 3%, 25%);
    color: #f1f1f1;

}

.agg_header {
    font-variant: small-caps;
}
.quote_item {
    border: hsl(210, 3%, 15%) 1px solid;
    padding: 1.5em;
    background-color: hsl(210, 3%, 15%);
    transition: background-color 150ms ease-out 10ms

}
.quote_item:hover {
    padding: 1.5em;
    border: #666 1px solid;
}

a {
    text-decoration: none;
}

.ui-menu .ui-menu-item a{
    background:red;
    height:10px;
    font-size:8px;
}

span.quote_text {
    font-size: 1em;
    color: #f1f1f1;
}

span.quote_text:hover {
    font-size: 1em;
    color: #f1f1f1;
    text-decoration: underline;
}

.min_width_badge {
    width: 3em !important;
    text-align: center;

}

.footer_section {
    border-top: 1px solid #666;
    background-color: hsl(210, 3%, 15%) ;
    color: #f1f1f1;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
    padding: 1em;

}

.modal-content {
    color: #f1f1f1;
    background-color: hsl(210, 3%, 15%);
    font-size: 0.8em;
    font-weight: bold;
}

.text-bg-badge {
    border: 2px solid #333;
    border-radius: 3px;
    padding-left: 3px;
    padding-right: 3px;
    color: #aaa
}

.ac-item {
    background-color: hsl(210, 3%, 15%);
    color: #f1f1f1;
    height:auto
}

.ac-item:hover {
    background-color: hsl(210, 3%, 15%);
    color: #f1f1f1;
}

.ac-author {
    font-size: 1em;
    color: #f1f1f1;
    font-weight: bold;
}

.ac-label {
    font-size: 0.8em;
    color: #666;
    background-color: hsl(210, 3%, 15%);
}



.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}

.separator {
    border-top: 1px solid #666;
    margin-top: 1em;
    margin-left: 0.8em;
}

#open_preferences_center {
    visibility: hidden;
}

.card_quote {
    background-color: #2b2b2b;
    color: #f1f1f1;

    transition: background-color 150ms ease-out 10ms
}

.card {
    --bs-card-border-radius: 0;
}

.card_pad {
    padding-top: 1em;
    padding-bottom: 1em;
}

.title_label {
    font-size: 2.2rem;
    color: #f1f1f1;
    font-weight: normal;
}

.title_entity {
    font-size: 2.2rem;
    color: #f1f1f1;
    font-weight: bold;
}

.title_description {
    font-size: 1.2rem;
    color: #f1f1f1;
    font-weight: normal;
}

#title_bar1 {
    transform: rotate(-2deg);


}

.blink {
 animation: blinkMe 1s linear infinite;
}
@keyframes blinkMe {
 0% {
  opacity: 0;
 }
 50% {
  opacity: 1;
 }
 100% {
  opacity: 0;
 }
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000000;
    float: left;
    display: none;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color:rgba(0, 0, 0, 0.2);
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;

}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
    text-decoration: none;
}

.ui-state-hover, .ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    background-image: none;
}

.bar_pad {
    padding-top: .5em;
    padding-bottom: .5em;
    color: #f1f1f1;
}
a.bar_pad {
    color: #f1f1f1;
}

.bar_pad:hover {
    color: #007D79;
}

@media only screen and (max-width: 600px) {
  .navbar-brand {
    padding-left: .5em;
  }
    .nav-link {
        font-size: 1.6em;
        padding-left: .5em;
    }
}




.twitter-share-button {
    color: white;
}

.fb-share-button {
    color: white;
}

.img_disabled {
    cursor: not-allowed;
    opacity: 0.5;
    color:#666;
}

.rss_icon {
    font-size: 0.6em;
    color: #f1f1f1;
    padding-left: 2em;
    cursor: pointer;
}

.rss_link {

    color: #f1f1f1;
    padding-left: 0.5em;
    cursor: pointer;
}

.rss_link:hover {
    color: #ffffff;
    padding-left: 0.5em;
    cursor: pointer;
}

.rss_link:visited {
    color: #ffffff;
    padding-left: 0.5em;
    cursor: pointer;
}

@media only screen and (max-width: 900px) {
    .rss_link {
        display: none;
    }
}