/*
*  STYLE FOR AUTHOR LIST
*
*
*  [Table of contents]
*
*  [&. Content / #key]
*  [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
*
*  Summary:
*
*
*  1. General
*  2. Image Wrapper
*  3. Content Wrapper
*     - 3.0. Content Wrapper Layout
*     - 3.1. Heading Left
*     - 3.2. Heading Right
*     - 3.3. Content Text
*  n. Responsive
*
*
*/


/*----------  1. General  -----------------*/
    .slz-author-detail + .slz-author-detail {
        margin-top: 30px;
    }

    .slz-author-detail .block-wrapper {
        display: table;
        width: 100%;
        padding: 30px;
        background-color: #fafafa;
    }

    .entry-content .pagination {
        padding-left: 0;
    }

    .pagination-wrapper .pagination {
        float: left;
    }

    .pagination-wrapper .position-page {
        float: right;
    }

/*----------  2. Image Wrapper  ------------*/
    .slz-author-detail .image-wrapper {
        display: table-cell;
        width: 140px;
        vertical-align: top;
    }

    .slz-author-detail .image-wrapper img {
        width: 100%;
        height: auto;
    }

/*----------  3. Content Wrapper  ----------*/

    /*----------  3.0. Content Wrapper Layout  ----------*/
        .slz-author-detail .content-wrapper {
            display: table-cell;
            padding-left: 30px;
            vertical-align: top;
        }

        .slz-author-detail .content-wrapper .heading-wrapper {
            display: table;
            width: 100%;
        }

        .slz-author-detail .content-wrapper .heading-left, 
        .slz-author-detail .content-wrapper .heading-right {
            width: 50%;
        }

        .slz-author-detail .content-wrapper .heading-left {
            display: table-cell;
            vertical-align: top;
        }

        .slz-author-detail .content-wrapper .heading-right {
            vertical-align: top;
            display: table-cell;
            text-align: right;
        }
        
    /*----------  3.1. Heading Left  ----------*/
        .slz-author-detail .content-wrapper .name {
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            color: #333;
        }

        .slz-author-detail .content-wrapper .info-wrapper {
            margin-top: 5px;
        }

        .slz-author-detail .content-wrapper .info-wrapper ul {
            font-size: 12px;
            font-weight: 600;
            margin: 0;
            padding-left: 0;
            text-transform: capitalize;
        }

        .slz-author-detail .content-wrapper .info-wrapper ul li {
            position: relative;
            padding: 0 6px;
            display: inline-block;
            vertical-align: top;
        }

        .slz-author-detail .content-wrapper .info-wrapper ul li:first-child {
            padding-left: 0;
        }

        .slz-author-detail .content-wrapper .info-wrapper ul li .link {
            margin: 0;
            text-transform: capitalize;
            font-size: 12px;
            color: #da0f32;
            font-weight: 600;
        }

        .slz-author-detail .content-wrapper .info-wrapper ul li:last-child {
            padding-right: 0;
        }

        .slz-author-detail .content-wrapper .info-wrapper ul li+li:before {
            font-size: 15px;
            line-height: 20px;
            position: absolute;
            left: -2px;
            top: 2px;
            content: '/';
            color: #9a9a9a;
        }

    /*----------  3.2. Heading Right  ----------*/
        .slz-author-detail .content-wrapper .personal-link {
            color: #777;
        }

        .slz-author-detail .content-wrapper .personal-link:hover {
            color: #da0f32;
        }

        .slz-author-detail .list-social-wrapper {
            list-style: none;
            padding-left: 0;
            margin-top: 5px;
            font-size: 0;
        }

        .slz-author-detail .list-social-wrapper li {
            display: inline-block;
            vertical-align: top;
            margin: 0 4px;
        }

        .slz-author-detail .list-social-wrapper li:first-child {
            margin-left: 0;
        }

        .slz-author-detail .list-social-wrapper .link {
            height: 24px;
            width: 24px;
            font-size: 14px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            display: block;
            text-align: center;
            color: #868686;
            line-height: 26px;
        }

        .slz-author-detail .list-social-wrapper .link:hover {
            color: #FFF;
            background-color: #da0f32;
        }

    /*----------  3.3. Content Text  ----------*/
        .slz-author-detail .content-text {
            padding-top: 15px;
        }

/*=====================================
=            n. Responsive            =
=====================================*/

    @media screen and (max-width: 600px) {
        .slz-author-detail .image-wrapper {
            display: block;
            margin: 0 auto;
            text-align: center;
        }

        .slz-author-detail .content-wrapper {
            padding: 20px 0 0 0;
            display: block;
        }
    }
    @media screen and (max-width: 480px) {
        .slz-author-detail .content-wrapper .heading-left, 
        .slz-author-detail .content-wrapper .heading-right {
            width: 100%;
            display: block;
            text-align: left;
        }

        .slz-author-detail .block-wrapper {
            padding: 15px;
        }

        .pagination-wrapper .position-page {
            display: none;
        }
    }

/*=====  End of n. Responsive  ======*/