.a-author {
    @include at-x-large-size {
        text-align: center;
    }
}

.a-author__image {
    border-radius: 50%;
    height: 90px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 5px;
    position: relative;
    width: 90px;

    &:before {
        background-image: url('../../static/img/pattern-1.jpg');
        background-position: center;
        border-radius: 50%;
        background-size: 400%;
        bottom: -5px;
        content: '';
        left: -5px;
        overflow: hidden;
        position: absolute;
        right: -5px;
        top: -5px;
        z-index: -1;
    }

    img {
        border-radius: 50%;
        height: 80px;
        overflow: hidden;
        width: 80px;
    }
}

.a-author__byline {
    @include font("GRAPHIK", 10px, 400, 12px);
    color: $dune;
    letter-spacing: 1.5px;
    margin-bottom: 6px;
    text-transform: uppercase;

    a {
        color: inherit;
    }
}

.a-author__byline-name {}
.a-author__byline-prefix,
.a-author__byline-conjunction {}

.a-author__bio {
    margin-bottom: 13px;
    margin-top: 13px;

     @include at-x-large-size {
        margin-bottom: 25px;
        margin-top: 10px;
     }

    .bb-p {
        @include font("MILLER_DISPLAY", 12px, 400, 16px);
        color: $dune;
        margin: 0 0 13px 0;

         @include at-x-large-size {
            @include font-size(13px);
         }

        &:last-child {
            margin-bottom: 0;
        }
    }

    a {
        color: inherit;
    }
}

.a-author__separator {
    display: none;
}

.a-author__article-date {
    @include font("GRAPHIK", 10px, 400, 12px);
    color: $dune;
    letter-spacing: 1.5px;
    margin-top: 6px;
    text-transform: uppercase;

    @include at-x-large-size {
        margin-top: 13px;
    }
}


.a-event-author {
    @include at-x-large-size {
        text-align: center;
    }
}

.a-event-author__image {
    height: 90px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 90px;
}

.a-event-author__separator {
    display: none;
}

.a-event-author__title {}
.a-event-author__location {
    @include font("GRAPHIK", 10px, 400, 12px);
    color: $dune;
    letter-spacing: 1.5px;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.a-event-author__date {
    @include font("GRAPHIK", 10px, 400, 12px);
    color: $dune;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
    margin-top: 13px;
    text-transform: uppercase;

    @include at-x-large-size {
        margin-bottom: 13px;
    }
}

.a-event-author__btn {
    @include button-group();
    @include button-group-light();
    margin-bottom: 20px;
    margin-top: 13px;
    text-align: center;

    @include at-x-large-size {
        margin-bottom: 13px;
        margin-top:0;
        width: 100%;
    }

    &:hover {
        @include button-group-light-hover();
    }
}