.wp-author-bio-box-widget * {
    box-sizing: border-box;
}

.wp-author-bio-box-widget {
    margin:24px 0;
    background-color:#fff;
}

.wp-author-bio-box-nav {
    margin:0;
    padding:0;
    display:flex;
}

.wp-author-bio-box-nav .wp-author-bio-box-tab-caption {
    text-align:center;
    font-weight:normal !important;
    text-transform:uppercase;
    margin:0 0 0 1px !important;
    flex:1 0 0;
    background-color:rgba(0, 0, 0, .05) !important;
    transition:all 300ms ease-in;
}

.wp-author-bio-box-nav .wp-author-bio-box-tab-caption:first-child {
    margin-left:0 !important;
}

.wp-author-bio-box-nav .wp-author-bio-box-tab-caption:hover {
    background-color:rgba(0, 0, 0, .25) !important;
}

.wp-author-bio-box-nav .wp-author-bio-box-tab-caption.selected {
    background-color:transparent !important;
}

.wp-author-bio-box-nav .wp-author-bio-box-tab-caption a,
.wp-author-bio-box-nav .wp-author-bio-box-tab-caption a:visited,
.wp-author-bio-box-nav .wp-author-bio-box-tab-caption a:focus {
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    padding:16px;
    text-decoration:none !important;
    color:rgba(0, 0, 0, .5) !important;
}

.wp-author-bio-box-nav .wp-author-bio-box-tab-caption:not(.selected) a:hover {
    color:rgba(0, 0, 0, .8) !important;
}

.wp-author-bio-box-nav .wp-author-bio-box-tab-caption.selected a {
    color:rgba(0, 0, 0, 1) !important;
}

.wp-author-bio-box-content .wp-author-bio-box-content-pane {
    display:none;
}

.wp-author-bio-box-content .wp-author-bio-box-content-pane.show {
    display:block !important;
}

.wp-author-bio-box-author-bio {
    display:flex;
    padding:16px 8px;
}

.wp-author-bio-box-avatar,
.wp-author-bio-box-bio {
    padding:0 8px;
}

.wp-author-bio-box-avatar {
    flex-shrink:1;
    min-width:112px;
}

.wp-author-bio-box-avatar img {
    width:100%;
    height:auto;
    border-radius:100%;
}

.wp-author-bio-box-bio {
    flex-grow:1;
}

.wp-author-bio-box-bio .wp-author-bio-box-author-name,
.wp-author-bio-box-bio .wp-author-bio-box-author-title {
    margin:0;
}

.wp-author-bio-box-site-name {
    color:rgba(0, 0, 0, .6);
}

.wp-author-bio-box-bio .wp-author-bio-box-author-title {
    font-size:80%;
    color:#666;
}

.wp-author-bio-box-author-bio-text {
    padding:16px 0 0;
    font-size:75%;
    text-align:justify;
}

.wp-author-bio-box-author-footer {
    display:flex;
    justify-content: space-between;
    background-color:rgba(0, 0, 0, .7);
}

.wp-author-bio-box-info {
    position: relative;
    padding:8px 4px;
}

.wp-author-bio-box-info a .author-box-info-icon,
.wp-author-bio-box-info a:focus .author-box-info-icon,
.wp-author-bio-box-info a:active .author-box-info-icon {
    fill: rgba(255, 255, 255, .5);
    transition: all 200ms ease;
}

.wp-author-bio-box-info a:hover .author-box-info-icon {
    fill: rgba(255, 255, 255, 1);
}

.wp-author-box-tooltip {
    position: absolute;
    display: none;
    padding:16px;
    white-space:nowrap;
    font-size: 14px;
    background-color: #fff;
    right:4px;
    top:8px;
    transform:translateY(-100%);
    box-shadow:0 0 10px 5px rgba(0,0,0,.15);
    opacity:1;
    transition:opacity 200ms ease;
}

.wp-author-box-tooltip.show {
    display:block;
    opacity:1;
}

.wp-author-box-tooltip:after {
    content:'';
    display:block;
    width:0;
    height:0;
    position:absolute;
    right:8px;
    top:99.5%;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid #fff;
}

.wp-author-box-tooltip a {
    display:inline !important;
    padding:0 !important;
}

.wp-author-bio-box-author-social-media {
    margin:0 !important;
    padding:0 !important;
    display:flex;
}

.wp-author-bio-box-author-social-media li {
    list-style:none !important;
    display:block;
    padding:8px 4px;
}

.wp-author-bio-box-author-footer .wp-author-bio-box-info a,
.wp-author-bio-box-author-footer .wp-author-bio-box-info a:visited,
.wp-author-bio-box-author-social-media li a,
.wp-author-bio-box-author-social-media li a:visited,
.wp-author-bio-box-author-social-media li a:focus {
    display:block;
    padding:8px;
    width:48px;
    height:48px;
}

.wp-author-bio-box-author-footer .wp-author-bio-box-info a,
.wp-author-bio-box-author-footer .wp-author-bio-box-info a:visited {
    padding:16px;
    line-height: 1;
}

.wp-author-bio-box-author-footer .wp-author-bio-box-info a:focus,
.wp-author-bio-box-author-social-media li a,
.wp-author-bio-box-author-social-media li a:visited,
.wp-author-bio-box-author-social-media li a:focus {
    background:transparent !important;
    opacity:.5;
    transition:opacity 200ms ease;
}

.wp-author-bio-box-author-footer .wp-author-bio-box-info a:focus,
.wp-author-bio-box-author-social-media li a:hover {
    opacity:1 !important;
}

.wp-author-bio-box-icon {
    display:inline-block;
    width:32px;
    height:32px;
    background-size: contain;
}

.wp-author-bio-box-icon-facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%23FFF' d='M9.88 22h3.66v-9.12h3.06l.46-3.55h-3.53V7.05c0-1.03.29-1.73 1.76-1.73h1.89V2.14C16.87 2.1 15.76 2 14.46 2c-2.73 0-4.57 1.66-4.57 4.7v2.62H6.81v3.55h3.07V22z'/%3E%3C/svg%3E");
}

.wp-author-bio-box-icon-twitter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%23FFF' d='M22.1 5.82c-.55.82-1.24 1.54-2.05 2.13.01.17.01.35.01.53 0 5.43-4.13 11.68-11.67 11.68-2.32 0-4.47-.68-6.3-1.85.32.03.65.06.98.06 1.92 0 3.69-.66 5.09-1.76a4.123 4.123 0 0 1-3.83-2.85c.25.04.5.08.77.08.37 0 .74-.06 1.07-.15a4.112 4.112 0 0 1-3.29-4.03v-.04c.56.3 1.19.49 1.86.51a4.143 4.143 0 0 1-1.8-3.42c0-.75.2-1.45.56-2.06 2.02 2.48 5.04 4.12 8.46 4.28-.07-.3-.11-.62-.11-.94a4.106 4.106 0 0 1 4.11-4.09c1.19 0 2.25.49 3 1.3.93-.19 1.81-.53 2.61-1-.31.95-.96 1.76-1.81 2.26.8-.09 1.59-.3 2.34-.64z'/%3E%3C/svg%3E");
}

.wp-author-bio-box-icon-pinterest {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%23FFF' d='M12.35 2.03c-5.5 0-8.38 3.5-8.38 7.38 0 1.88 1 3.75 2.62 4.75.5.25.38 0 .75-1.5 0-.12 0-.25-.12-.38-2.24-2.75-.37-8.13 4.88-8.13 7.62 0 6.12 10.5 1.38 10.5-1 .13-1.88-.62-1.88-1.62v-.5c.5-1.38.88-2.63 1-4 0-2.62-3.88-2.25-3.88 1.25 0 .62.12 1.25.38 1.75 0 0-1.25 5.12-1.5 6-.25 1.5-.12 3 .12 4.38-.12.12 0 .12 0 .12h.12c.88-1.25 1.62-2.5 2.12-3.88.12-.62.75-2.88.75-2.88.62.88 1.75 1.38 2.88 1.38 3.88 0 6.62-3.38 6.62-7.5s-3.48-7.12-7.86-7.12z'/%3E%3C/svg%3E");
}

.wp-author-bio-box-icon-instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%23FFF' d='M15.48 12.03c0-1.88-1.5-3.38-3.37-3.38s-3.38 1.5-3.38 3.38 1.5 3.38 3.38 3.38 3.37-1.51 3.37-3.38zm1.75 0c0 2.88-2.25 5.12-5.12 5.12s-5.13-2.25-5.13-5.12S9.23 6.9 12.1 6.9s5.13 2.25 5.13 5.13zm1.37-5.38c0 .75-.5 1.25-1.25 1.25s-1.25-.5-1.25-1.25.5-1.25 1.25-1.25 1.25.63 1.25 1.25zm-6.5-2.87c-1.5 0-4.62-.12-5.88.38-.88.38-1.63 1.12-1.88 2-.5 1.25-.38 4.37-.38 5.87s-.12 4.62.38 5.88c.25.88 1 1.62 1.88 1.88 1.25.5 4.5.37 5.88.37s4.62.12 5.87-.37c.88-.38 1.5-1 1.88-1.88.5-1.38.37-4.5.37-5.88s.12-4.62-.37-5.87c-.25-.88-1-1.63-1.88-1.88-1.24-.63-4.37-.5-5.87-.5zm10 8.25v4.12c0 1.5-.5 3-1.62 4.25-1.12 1.12-2.63 1.62-4.25 1.62H7.98c-1.5 0-3-.5-4.25-1.62-1-1.12-1.62-2.63-1.62-4.25V7.9c0-1.62.62-3.12 1.62-4.25 1.25-1 2.75-1.62 4.25-1.62h8.25c1.5 0 3 .5 4.25 1.62 1 1.12 1.62 2.62 1.62 4.25v4.13z'/%3E%3C/svg%3E");
}

.wp-author-bio-box-icon-youtube {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' xml:space='preserve'%3E%3Cpath fill='%23FFF' d='M5.98 2h1.2L8 5.09 8.76 2h1.21L8.59 6.59v3.13H7.4V6.59L5.98 2zm5.49 1.98c-.93 0-1.55.62-1.55 1.53V8.3c0 1 .52 1.53 1.55 1.53.85 0 1.52-.57 1.52-1.53V5.51c0-.89-.66-1.53-1.52-1.53zm.44 4.28c0 .31-.16.54-.44.54-.29 0-.46-.24-.46-.54V5.61c0-.31.14-.54.44-.54.33 0 .46.22.46.54v2.65zm3.95-4.23v4.32c-.13.16-.42.43-.62.43-.23 0-.28-.16-.28-.38V4.03H13.9v4.76c0 .56.17 1.02.74 1.02.32 0 .77-.17 1.22-.71v.63h1.06v-5.7h-1.06zm1.83 11.55c-.37 0-.45.26-.45.64v.55h.89v-.55c0-.37-.07-.64-.44-.64zm-3.92.03c-.07.04-.14.09-.21.17v3.38a.8.8 0 0 0 .24.19c.16.08.4.09.52-.06.06-.08.09-.2.09-.37v-2.8c0-.18-.04-.32-.11-.42-.12-.16-.35-.18-.53-.09zm4.03-4.33c-2.17-.15-9.22-.15-11.39 0-2.35.16-2.62 1.58-2.64 5.31.02 3.72.29 5.15 2.64 5.31 2.17.15 9.22.15 11.39 0 2.35-.16 2.62-1.58 2.64-5.31-.02-3.72-.3-5.15-2.64-5.31zM7.52 20.19H6.39V13.9H5.21v-1.07H8.7v1.07H7.52v6.29zm4.04 0h-1.01v-.6c-.19.22-.38.39-.58.5-.54.31-1.29.3-1.29-.8v-4.53h1.01v4.16c0 .22.05.37.27.37.2 0 .47-.25.59-.41v-4.12h1.01v5.43zm3.88-1.13c0 .67-.25 1.19-.92 1.19-.37 0-.68-.14-.96-.49v.42h-1.02v-7.35h1.02v2.37c.23-.28.54-.51.9-.51.74 0 .98.62.98 1.36v3.01zm3.73-1.46h-1.93v1.02c0 .41.03.76.44.76.43 0 .45-.29.45-.76v-.38h1.04v.41c0 1.04-.45 1.68-1.51 1.68-.96 0-1.46-.7-1.46-1.68v-2.43c0-.94.62-1.6 1.53-1.6.97 0 1.43.62 1.43 1.6l.01 1.38z'/%3E%3C/svg%3E");
}

.wp-author-bio-box-article-info {
    padding:8px;
}

.wp-author-bio-box-article-info-item {
    display:flex;
    padding:8px 0;
}

.wp-author-bio-box-article-info-item-title {
    flex:140px 0 0;
    padding:0 8px;
    color:#666;
}

.wp-author-bio-box-article-info-item-details {
    flex-grow:1;
    padding:0 8px;
}

.wp-author-bio-box-article-terms {
    margin:0 !important;
    padding:0 !important;
}

.wp-author-bio-box-article-terms li {
    list-style:none !important;
    display:inline-block;
}

.wp-author-bio-box-article-terms li:not(:last-child):after {
    content:'|';
    padding:0 8px;
}

.wp-author-bio-box-popular-posts {
    padding:16px;
}

.wp-author-bio-box-popular-posts ul {
    margin:0 !important;
    padding:0 !important;
    display:flex;
    flex-wrap:wrap;
}

.wp-author-bio-box-popular-posts ul li {
    list-style:none !important;
    flex:50% 0 0;
    padding-left:24px;
    position:relative;
}

.wp-author-bio-box-popular-posts ul li:before {
    display:block;
    position:absolute;
    left:0;
    top:0;
    content:'\25FC';
}

@media (max-width:767px) {
    .wp-author-bio-box-author-bio,
    .wp-author-bio-box-bio-header {
        display:block;
    }

    .wp-author-bio-box-author-bio {
        text-align:center;
    }

    .wp-author-bio-box-avatar {
        width:96px;
        margin:0 auto 16px;
    }

    .wp-author-bio-box-nav .wp-author-bio-box-tab-caption {
        font-size:75%;
    }

    .wp-author-bio-box-author-bio .wp-author-bio-box-bio {
        padding:0 16px;
    }

    .wp-author-bio-box-author-social-media {
        justify-content:center;
    }

    .wp-author-bio-box-author-footer .wp-author-bio-box-info a,
    .wp-author-bio-box-author-social-media li a {
        width:36px;
        height:36px;
    }

    .wp-author-bio-box-icon {
        width:24px;
        height:24px;
        font-size:32px;
    }

    .wp-author-bio-box-article-info {
        padding:16px;
    }

    .wp-author-bio-box-article-info-item {
        display:block;
    }

    .wp-author-bio-box-article-info-item-title {
        font-size:70%;
        text-transform:uppercase;
    }

    .wp-author-bio-box-popular-posts ul {
        display:block;
    }

    .wp-author-bio-box-author-footer .wp-author-bio-box-info a {
        padding:10px;
    }

    .wp-author-box-tooltip {
        top: 0;
        right: 0;
    }
}