/* Author box appearance based on Fancier Author Box 1.4 by ThematoSoup.
 * GPL-2.0-or-later; see ../images/author-box/NOTICE.txt. Scoped to this theme feature. */
.dms-author-box { margin: 2em 0; clear: both; }
.dms-author-box a { text-decoration: none !important; }
.dms-author-box img { border: none !important; }
.dms-author-box .ts-fab-list { overflow: hidden; margin: 0 !important; padding: 0 !important; }
.dms-author-box .ts-fab-list li {
    display: block; float: left; clear: none; list-style: none !important;
    margin: 0 5px 0 0 !important; padding: 0 !important; background: none !important;
}
.dms-author-box .ts-fab-list li:before { display: none !important; }
:where(.dms-author-box) .ts-fab-list li a {
    display: block; line-height: 16px; height: 16px; padding: 8px 12px 8px 27px;
    background: var(--inactive-tab-background, #e9e9e9) url('../images/author-box/tab_icons.png') no-repeat;
    border: 1px solid var(--inactive-tab-border, #e9e9e9); border-bottom: none !important;
    font-size: 13px; color: var(--inactive-tab-color, #333); font-weight: bold; box-sizing: content-box;
}
.dms-author-box .ts-fab-list li.active a {
    background-color: var(--active-tab-background, #333);
    color: var(--active-tab-color, #fff); border-color: var(--active-tab-border, #333);
}
.dms-author-box .ts-fab-list a:focus-visible { outline: 2px solid #087cad; outline-offset: -3px; }
.dms-author-box .ts-fab-list .ts-fab-bio-link a { background-position: 8px 8px; }
.dms-author-box .ts-fab-list .ts-fab-bio-link.active a { background-position: -279px 8px; }
.dms-author-box .ts-fab-list .ts-fab-latest-posts-link a { background-position: 8px -192px; }
.dms-author-box .ts-fab-list .ts-fab-latest-posts-link.active a { background-position: -280px -192px; }
.dms-author-box .ts-fab-tab {
    border: 2px solid var(--tab-content-border, #333); padding: 12px;
    background: var(--tab-content-background, #fff); color: var(--tab-content-color, inherit);
    min-height: 80px; overflow: hidden;
}
.dms-author-box .ts-fab-tab[hidden] { display: none !important; }
.dms-author-box .ts-fab-avatar { display: block; float: left; width: 80px; }
.dms-author-box .ts-fab-avatar > img { width: 80px; max-width: 100% !important; }
.dms-author-box .ts-fab-text { margin-left: 96px; line-height: 1.5; overflow-wrap: anywhere; }
.dms-author-box .ts-fab-header { margin-bottom: 10px; }
.dms-author-box .ts-fab-text h4 {
    clear: none !important; font-size: 14px; line-height: 1 !important; font-weight: bold;
    margin: 0 0 0.2em !important; padding: 0;
}
.dms-author-box .ts-fab-description { font-size: 12px; }
.dms-author-box .ts-fab-social-links { margin: 5px 0 0; text-align: center; }
.dms-author-box .ts-fab-social-links a {
    display: inline-block; margin: 0 1px; opacity: 0.5; transition: opacity 0.2s;
}
.dms-author-box .ts-fab-social-links a:hover { opacity: 1; }
.dms-author-box .ts-fab-latest { margin: 0 !important; padding: 0 !important; }
.dms-author-box .ts-fab-latest li {
    list-style: none !important; line-height: 1.2; margin: 0 0 0.6em !important; clear: none !important;
}
.dms-author-box .ts-fab-latest li span { font-size: 12px; }
.dms-author-box .latest-see-all { font-weight: normal; }
