/* css styles */
.quarto-title-banner{background-color: transparent}
.nav-link{ white-space: nowrap;}
/* footer{display: none;} */

.navbar-logo{max-height:50px}
@media (max-width: 1200px) {
    .navbar-brand-container{
        flex-grow:1
    }
}

quarto-title-meta:empty + .quarto-title-block {
    display: none !important;
}

.mastodon-share-button{
    display: block;
    padding: 0px 5px;
    background-color:rgb(39, 128, 227);
    color:white;
    margin: 3px 0 0 16px;
    font-family:'Source Sans Pro', -apple-system, 'system-ui', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
    font-size:14px;
    font-weight:600
}
.mastodon-share-button i{
    margin-right:4px
}

.bluesky-share-button{
    display: block;
    padding: 0px 3px;
    background-color:rgb(0, 133, 255);
    color:white;
    margin: 3px 0 0 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Liberation Sans", Helvetica, Arial, sans-serif;;
    font-size:13px;
    font-weight:600
}
.bluesky-share-button img{
    margin-right:2px;
    width:16px
}

.modal-dialog{
    width: 382px;
}
.modal-content{
    border-radius:10px;
}
.modal-header button{
    border:none;
    font-size: 25px;
    line-height: 0px;
}
.modal-content .form-check-label{
    font-size: 13px;
}
.modal-content label[for=msb-address]{
    font-weight: 800;
}
input.form-control{
    border: none;
    border-bottom: 1px solid black;
    padding: 7px 0 0 7px;
    width: 300px;
}
.modal-footer{
    border: none;
    padding: 0 20px 20px 0;
}
.modal-footer button{
    padding: 2px 8px;
    border-radius: 5px;
}
.modal-body {
    padding: 20px 40px;
}
.quarto-post[data-listing-date-sort="null"]:not([data-listing-reading-time-sort]){
    display: none;
}
#quarto-document-content > :not(.quarto-listing){
    text-align: justify;
  }

#annotation-bar{
    color: white;
    padding: 2px 29.75px;
    background-color: #05a5a1;
    font-weight: 600;
    box-shadow: 0px 0px 15px rgba(1, 1, 1, 0.5);
    position: relative;
    z-index: 2;
}

.thumbnail-image{
    max-height: 200px;
}