/*
 *  4.6 Authorbox
 * ---------------
 */
.authorbox {
    positon: relative;
    box-sizing: border-box;
    padding: 30px;
    margin-bottom: 30px;
    border: $line;
    background: $bodybg;

    .author_info {
        padding-bottom: 10px;
        @include arrowline($bodybg, $main_color, $line, 10px);

        .author_img {
            width: 130px;
            height: 130px;
            display: inline-block;
            vertical-align: middle;
            position: relative;


            img {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                height: 100%;
                border-radius: 50em;
            }
        }

        .author_name {
            width: calc(100% - 160px);
            display: inline-block;
            vertical-align: middle;
            box-sizing: border-box;
            padding-left: 10px;
        }
    }

    .on_the_web {
        padding-top: 10px;
        width: 100%;
        box-sizing: border-box;

        > div {
            padding-top: 10px;
        }
    }

    .author_desc {
        @extend .on_the_web;

        + .on_the_web {
            margin-top: 10px;
        }
    }

    .website {
        a {
            font-weight: bold;
        }
    }

    .social_media_links {
        line-height: 2.5;

        a {
            margin-right: 5px;
            transition: 0.3s all;

            &:last-of-type {
                margin-right: 0px;
            }

            i {
                padding: 0.55em 0.4em;
                background-color: $a_color;
                color: set-button-color($a_color);
                border-radius: 50%;
                transition: 0.3s all;

                &:hover {
                    background-color: $a_hover_color;
                    color: set-button-color($a_hover_color);
                    transition: 0.3s all;
                }
            }
        }
    }
}

.author_website_label,
.social_links_label {
    font-style: italic;
    color: lighten($main_color, 10%);
}