﻿/********** Author Page **********/
.author .cd-tab-filter { width: 100%; margin: 0; }
.author .cd-tab-filter::after { display: inline-block; left: 16px }
.author .cd-tab-filter ul { display: inline-block; float: right; position: relative; width: 100%; height: auto; max-height: 300px; overflow-x: hidden; overflow-y: auto; text-align: right; background: #fff; cursor: text; padding: 0 12px; border: 1px solid #ddd; direction: rtl;  font-size: 16px; color: #666; outline: none; }
.author .cd-tab-filter.is-open ul { z-index: 1; }
.author .cd-tab-filter li { display: none; width: 100%; border: none; margin-bottom: 0 }
.author .cd-tab-filter li.placeholder { display: block !important; margin-left: 0 }
.author .cd-tab-filter a { display: inline-block; width: 100%; padding: 0; text-align: right; height: 40px; line-height: 40px; border: none; border-radius: 0 }
.author .cd-tab-filter a:hover { background: none !important; color: #1d1d1d; opacity: 0.4 }
.author .cd-tab-filter a.selected { background: #f2f2f2; color: #1d1d1d; box-shadow: none; padding-right: 12px; }
.author .cd-tab-filter.is-open ul li { display: block }
.author .cd-tab-filter-wrapper { z-index: 3; width: 100%; height: auto; float: right; display: inline-block; padding: 16px; background: #e8e8e8; position: relative; margin-top: 16px; max-height: unset }
.author .cd-tab-filter-wrapper:before { display: none }
.author .cd-tab-filter-wrapper:after { content: ""; display: table; clear: both; }
.author .authorData { display: inline-block; width: 100%; margin: 30px 0; box-shadow: none; background: none }
.author .authorData .imgCntnr { display: inline-block; float: right; width: 150px; padding-bottom: calc((150px * 100) / 100); position: relative; border-radius: 50%; overflow: hidden; background: #e8e8e8; }
.author .authorData .imgCntnr img { width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%) }
.author .authorData .data { float: right; margin-right: 24px; width: calc(100% - 210px); display: inline-block;  direction: rtl; color: #1d1d1d; font-size: 16px; text-align: right }
.author .authorData .data .name { display: inline-block; width: 100%; font-family: DroidKufiBold, Arial; font-size: 22px; line-height: 1.2; float: right; margin: 5px 0 10px 0 }
.author .authorData .data .bio, article .authorDtls .articleHeader .bio { display: inline-block; float: right; width: 100%;  font-size: 14px; line-height: 1.8; margin-top: 10px; max-height: 78px; overflow: hidden; cursor: auto }
.author .authorData .data .bio p, article .authorDtls .articleHeader .bio p { cursor: auto }
.author .authorData .data .artclsNum { display: inline-block; width: 100%; margin-bottom: 20px; float: right }
.author .authorData .data .lastArtcl { display: inline-block; width: 100%; float: right; height: 58px; overflow: hidden; font-size: 16px; margin-bottom: 20px; }
.author .authorData .data .lastArtcl span { color: #666; margin-left: 5px }
.author .authorData .data .date { font-size: 14px; color: #666; display: inline-block; width: 100%; float: right }
.author .authorData .data .icon-date:before { content: "c"; font-size: 16px; float: right; margin-left: 5px; line-height: 1.6; }
.author .allArtclsTtl { display: inline-block; width: 100%; background: #474747; height: 40px; padding: 0 12px }
.author .allArtclsTtl h2 {  font-size: 18px; color: #fff; text-align: right; direction: rtl; line-height: 2.2 }
/** Author Page Listing **/
.author .cd-gallery li .articleDate {  font-size: 14px; color: #666; display: inline-block; width: 100% }
.author .cd-gallery li .icon-date:before { content: "c"; font-size: 16px; float: right; margin-left: 5px; line-height: 1.6 }
.author .cd-gallery li .authorName { display: none }
.innerListing.authorsListing.author .ttl .more { display: none }