/**
*  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.1 Variable
*
*  1.2 Image-wrapper
*
*  1.3 Content-wrapper
*
*  RESPONSIVE
*
*
*/


/*----------  1.1 Variable  -----------------*/

	.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;
	}

/*----------  1.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;
	}

/*----------  1.3 Content-wrapper  ----------*/

	.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;
	}
	/*----------  1.2.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;
		}
	/*----------  1.2.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;
		}
	/*----------  1.2.3 Content-text  ----------*/
	.slz-author-detail .content-text {
	    padding-top: 15px;
	}

/*===========================================
=            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 RESPONSIVE  ===============*/