/*
*  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: Author List
*
*
*    0. Layout Style
*    1. Author List 
*      - 1.1. General
*      - 1.2. Image Wrapper
*      - 1.3. Content Wrapper
*       
*    n. Responsive
*
*
*
*/


/*----------  0. Layout Style  -----------------*/
    .slz-author-detail + .slz-author-detail {
        margin-top: 30px;
    }

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

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

    .pagination-wrapper .position-page {
        float: right;
        line-height: 40px;
    }

/*----------  1. Author List  ----------*/

    /*----------  1.1. General  ----------*/
        .slz-author-detail .block-wrapper {
            display: table;
            width: 100%;
            padding: 30px;
            border: 2px solid #eaeaea;
        }

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

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

    /*----------  1.3. Content Wrapper  ----------*/
        .slz-author-detail .content-wrapper {
            display: table-cell;
            padding-left: 20px;
            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%;
            display: table-cell;
            vertical-align: top;
        }

        .slz-author-detail .content-wrapper .heading-right {
            text-align: right;
        }

        .slz-author-detail .content-wrapper .name {
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
        }

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

        .slz-author-detail .content-wrapper .info-wrapper ul li {
            display: inline-block;
            vertical-align: top;
        }

        .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 {
            padding: 0 6px;
            content: '/';
            font-size: 11px;
        }

        .slz-author-detail .content-wrapper .info-wrapper ul li .link {
            color: #777;
        }

        .slz-author-detail .content-wrapper .info-wrapper ul li .link:hover,
        .slz-author-detail .content-wrapper .info-wrapper ul li .link:focus {
            color: #304fe9;
        }

        .slz-author-detail .content-wrapper .personal-link {
            color: #777;
            font-size: 13px;
        }

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

        .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: 30px;
            width: 30px;
            font-size: 14px;
            display: block;
            text-align: center;
            color: #868686;
            line-height: 30px;
            position: relative;
            overflow: hidden;
        }

        .slz-author-detail .list-social-wrapper .link:before {
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            top: 0;
            right: -150%;
            left: auto;
            z-index: 1;
            background-color: #304fe9;
            -webkit-transform: skew(-45deg);
            -ms-transform: skew(-45deg);
            -o-transform: skew(-45deg);
            transform: skew(-45deg);
            transition: all 0.3s cubic-bezier(.65,.98,.79,.81);
            -webkit-transition: all 0.3s cubic-bezier(.65,.98,.79,.81);
            -moz-transition: all 0.3s cubic-bezier(.65,.98,.79,.81);
            -o-transition: all 0.3s cubic-bezier(.65,.98,.79,.81);
            z-index: 1;
        }

        .slz-author-detail .list-social-wrapper .link i {
            position: relative;
            z-index: 2;
        }

        .slz-author-detail .list-social-wrapper .link:hover:before,
        .slz-author-detail .list-social-wrapper .link:focus:before {
            right: 0;
        }

        .slz-author-detail .list-social-wrapper .link:hover,
        .slz-author-detail .list-social-wrapper .link:focus {
            color: #fff;
            transition-delay: 0.2s;
            -webkit-transition-delay: 0.2s;
        }
    
        .slz-author-detail .content-text {
            padding-top: 10px;
            color: #777;
        }

/*=====================================
=            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: 30px 0 0 0;
            display: block;
        }
    }

    @media screen and (max-width: 480px) {
        .slz-author-detail .content-wrapper {
            padding-top: 20px;
        }

        .slz-author-detail .content-wrapper .heading-left, 
        .slz-author-detail .content-wrapper .heading-right {
            width: 100%;
            display: block;
            text-align: center;
        }

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

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

        .slz-author-detail .content-text {
            text-align: center;
        }
    }

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