.eeat-author-box {
clear: both;
padding: 30px;
margin: 30px 0;
background: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 8px;
font-size: 16px;
line-height: 1.6;
}
.eeat-author-box .eeat-author-box-content a,
.eeat-review-guidelines .eeat-guideline-content a,
.eeat-multi-author-social a {
text-decoration: unset !important;
} .eeat-author-box-avatar {
flex-shrink: 0;
}
.eeat-author-box-avatar img {
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
}
.eeat-auhtor-box-avatar-content-outer {
display: flex;
gap: 20px;
} .eeat-author-box-content {
flex: 1;
} .eeat-author-box-header {
margin-bottom: 15px;
}
.eeat-author-box-name {
margin: 0 0 5px 0;
font-size: 24px;
font-weight: 700;
line-height: 1.2;
}
.eeat-author-box-name a {
color: inherit;
text-decoration: none;
}
.eeat-author-box-name a:hover {
color: #f15b27;
}
.eeat-author-box-name a:focus {
outline: unset;
} .eeat-author-box-title {
display: flex;
gap: 10px;
align-items: center;
color: #6c757d;
font-size: 14px;
}
.eeat-job-title {
font-weight: 600;
}
.eeat-credentials {
padding: 2px 8px;
background: #e9ecef;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
} .eeat-author-box-bio {
margin-bottom: 15px;
color: #495057;
}
.eeat-author-box-bio p {
margin: 0 0 10px 0;
}
.eeat-author-box-bio p:last-child {
margin-bottom: 0;
} .eeat-author-box-expertise {
margin-bottom: 15px;
padding: 15px;
background: #fff;
border-radius: 6px;
font-size: 14px;
}
.eeat-author-box-expertise strong {
display: inline-block;
margin-bottom: 5px;
color: #212529;
font-weight: 600;
} .eeat-author-box-footer {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #dee2e6;
} .eeat-author-box-email a {
display: flex;
align-items: center;
gap: 5px;
color: #6c757d;
text-decoration: none;
font-size: 14px;
}
.eeat-author-box-email a:hover {
color: #f15b27;
}
.eeat-author-box-email .svg {
font-size: 16px;
width: 16px;
height: 16px;
}
.eeat-author-box-email a:focus {
outline: unset;
} .eeat-author-box-social {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.eeat-social-link {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background: #e9ecef;
border-radius: 50%;
color: #495057;
text-decoration: none;
transition: all 0.3s ease;
}
.eeat-social-link:hover {
background: #f15b27;
color: #fff;
transform: translateY(-2px);
}
.eeat-social-link svg {
font-size: 18px;
width: 18px;
height: 18px;
} .eeat-social-facebook:hover {
background: #1877f2;
}
.eeat-social-twitter:hover {
background: #1da1f2;
}
.eeat-social-linkedin:hover {
background: #0077b5;
}
.eeat-social-instagram:hover {
background: #e4405f;
}
.eeat-social-youtube:hover {
background: #ff0000;
}
.eeat-social-whatsapp:hover {
background: #25d366; }
.eeat-social-reddit:hover {
background: #ff4500; }
.eeat-social-pinterest:hover {
background: #bd081c; }
.eeat-social-github:hover {
background: #333; }
.eeat-social-discord:hover {
background: #5865f2; }
.eeat-social-tiktok:hover {
background: #010101; color: #fff;
}
.eeat-social-telegram:hover {
background: #0088cc; }
.eeat-social-skype:hover {
background: #00aff0; }
.eeat-social-snapchat:hover {
background: #fffc00; color: #000;
}
.eeat-social-medium:hover {
background: #00ab6c; }
.eeat-social-vimeo:hover {
background: #1ab7ea; }
.eeat-social-quora:hover {
background: #b92b27; }
.eeat-social-tumblr:hover {
background: #35465c; }
.eeat-social-stackoverflow:hover {
background: #f48024; }
.eeat-social-twitch:hover {
background: #9146ff; }
.eeat-social-patreon:hover {
background: #ff424d; }
.eeat-social-bluesky:hover {
background: #118bee; }
.eeat-social-wordpress:hover {
background: #21759b; }
.eeat-social-rss:hover {
background: #f26522; }
.eeat-social-email:hover,
.eeat-social-user_email:hover {
background: #7f7f7f; }
.eeat-social-phone:hover {
background: #0a8754; } .eeat-author-box.eeat-has-tabs .eeat-author-box-content {
position: relative;
} .eeat-author-tabs-nav {
display: flex;
gap: 10px;
margin: 20px 0 0 0;
border-bottom: 2px solid #e9ecef;
position: relative;
}
.eeat-tab-button {
display: flex;
align-items: center;
gap: 5px;
padding: 10px 15px;
background: none;
border: none;
border-bottom: 2px solid #e9ecef;
color: #6c757d;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
margin-bottom: -1.5px;
position: relative;
}
.eeat-tab-button:hover {
color: #495057;
background: #f8f9fa;
}
.eeat-tab-button.active {
color: #212529;
border-bottom-color: #f15b27;
}
.eeat-tab-button .svg {
font-size: 16px;
width: 16px;
height: 16px;
}
.eeat-tab-button { outline-style: none;
} .eeat-author-tabs-content {
padding-top: 20px;
}
.eeat-tab-panel {
display: none;
}
.eeat-tab-panel.active {
display: block;
animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .eeat-posts-list {
list-style: none;
margin: 0;
padding: 0;
}
.eeat-post-item {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #e9ecef;
}
.eeat-post-item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.eeat-post-link {
display: flex;
justify-content: space-between;
align-items: center;
text-decoration: none;
color: #212529;
transition: color 0.3s ease;
}
.eeat-post-link:hover {
color: #f15b27;
}
.eeat-post-title {
flex: 1;
font-weight: 500;
}
.eeat-post-date {
color: #6c757d;
font-size: 13px;
white-space: nowrap;
margin-left: 15px;
} .eeat-custom-content {
line-height: 1.6;
}
.eeat-custom-content p {
margin: 0 0 10px 0;
}
.eeat-custom-content p:last-child {
margin-bottom: 0;
} .eeat-no-posts {
color: #6c757d;
font-style: italic;
} .eeat-review-guidelines {
margin: 30px 0px 0px;
display: flex;
align-items: flex-start;
justify-content: space-between;
background-color: #FFF;
padding: 10px;
border-radius: 5px;
}
.eeat-guideline-item {
display: flex;
align-items: flex-start;
gap: 4px;
width: 50%;
}
.eeat-guideline-icon {
flex: 0 0 auto;
width: 20px;
height: 20px;
display: flex;
align-items: flex-start;
justify-content: center;
margin-top: 3px;
}
.eeat-guideline-item:last-child:not(:only-child) {
justify-content: end;
}
.eeat-reviewed-by.eeat-guideline-item .eeat-guideline-icon {
margin-top: 0;
} .eeat-guideline-item:last-child {
margin-bottom: 0;
}
.eeat-guideline-item:hover {
transform: translateY(-1px);
}
.eeat-fact-checking .eeat-guideline-icon {
color: #f15b27;
}
.eeat-reviewed-by .eeat-guideline-icon {
color: #f15b27;
}
.eeat-guideline-content {
font-size: 15px;
line-height: 1.5;
}
.eeat-guideline-content a {
color: #333;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 5px;
transition: color 0.2s ease;
}
.eeat-guideline-content a:hover {
color: #0073aa;
}
.eeat-guideline-content strong {
font-weight: 600;
color: #222;
}
.eeat-popup-content-hidden {
display: none;
}
.eeat-reviewed-by.eeat-guideline-item .eeat-guideline-icon {
margin-top: 0;
} .eeat-popup-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 999999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.eeat-popup-overlay.active {
opacity: 1;
visibility: visible;
}
.eeat-popup-container {
background: #fff;
border-radius: 16px;
padding: 32px;
max-width: 600px;
width: 90%;
max-height: 80vh;
overflow-y: auto;
position: relative;
transform: scale(0.9);
transition: transform 0.3s ease;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.eeat-popup-overlay.active .eeat-popup-container {
transform: scale(1);
}
.eeat-popup-close {
position: absolute;
top: 16px;
right: 16px;
width: 32px;
height: 32px;
background: #f1f3f5;
border: none;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s ease;
}
.eeat-popup-close:hover {
background: #e9ecef;
transform: rotate(90deg);
}
.eeat-popup-close svg {
width: 16px;
height: 16px;
}
.eeat-popup-content {
line-height: 1.6;
color: #333;
}
.eeat-popup-content h3 {
margin: 0 0 16px 0;
font-size: 24px;
color: #222;
}
.eeat-popup-content p {
margin: 0 0 16px 0;
}
.eeat-popup-content p:last-child {
margin-bottom: 0;
} .eeat-enhanced-byline {
margin: 20px 0 30px 0;
padding: 12px 0;
border-bottom: 1px solid #e9ecef;
font-size: 14px;
line-height: 1.6;
background: transparent;
}
.eeat-byline-content {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
}
.eeat-byline-label {
font-weight: 500;
color: #6c757d;
font-size: 14px;
margin-right: 4px;
}
.eeat-byline-authors {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
flex: 1;
}
.eeat-primary-author-link,
.eeat-contributor-link {
color: #212529;
text-decoration: none;
font-weight: 600;
transition: color 0.3s ease;
}
.eeat-primary-author-link:hover,
.eeat-contributor-link:hover {
color: #f15b27;
text-decoration: underline;
}
.eeat-byline-role {
font-size: 13px;
color: #6c757d;
font-weight: 400;
font-style: italic;
margin-left: 2px;
}
.eeat-byline-separator {
color: #6c757d;
margin: 0 2px;
}
.eeat-byline-meta {
display: inline-flex;
gap: 12px;
color: #6c757d;
font-size: 13px;
margin-left: auto;
white-space: nowrap;
}
.eeat-byline-date,
.eeat-byline-updated time {
color: #495057;
font-weight: 500;
}
.eeat-byline-updated {
font-size: 12px;
} .eeat-enhanced-byline.eeat-byline-minimal {
padding: 8px 0;
border-bottom: none;
margin: 15px 0 25px 0;
}
.eeat-enhanced-byline.eeat-byline-minimal .eeat-byline-content {
gap: 8px;
font-size: 13px;
}
.eeat-enhanced-byline.eeat-byline-minimal .eeat-byline-label {
font-size: 13px;
} .eeat-enhanced-byline.eeat-byline-accent {
background: rgba(241, 91, 39, 0.02);
border-left: 3px solid #f15b27;
padding: 12px 16px;
border-radius: 0 4px 4px 0;
margin: 20px 0;
}
.eeat-multiple-authors {
margin: 20px 0;
padding: 20px;
background: #f8f9fa;
border-radius: 8px;
border: 1px solid #e9ecef;
}
.eeat-multiple-authors-header h3 {
margin: 0 0 20px 0;
font-size: 20px;
font-weight: 600;
color: #212529;
border-bottom: 2px solid #f15b27;
padding-bottom: 8px;
} .eeat-authors-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
} .eeat-authors-list {
display: flex;
flex-direction: column;
gap: 15px;
}
.eeat-layout-list .eeat-multiple-author-item {
display: flex;
align-items: flex-start;
gap: 15px;
padding: 15px;
background: #fff;
border-radius: 6px;
border: 1px solid #dee2e6;
} .eeat-authors-compact {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.eeat-layout-compact .eeat-multiple-author-item {
display: flex;
align-items: center;
gap: 8px;
padding: 8px 12px;
background: #fff;
border-radius: 20px;
border: 1px solid #dee2e6;
font-size: 14px;
}
.eeat-layout-compact .eeat-multi-author-avatar img {
width: 32px;
height: 32px;
} .eeat-authors-carousel {
display: flex;
overflow-x: auto;
gap: 15px;
padding-bottom: 10px;
}
.eeat-layout-carousel .eeat-multiple-author-item {
flex: 0 0 200px;
text-align: center;
padding: 15px;
background: #fff;
border-radius: 6px;
border: 1px solid #dee2e6;
} .eeat-multiple-author-item {
position: relative;
}
.eeat-layout-grid .eeat-multiple-author-item {
padding: 20px;
background: #fff;
border-radius: 6px;
border: 1px solid #dee2e6;
text-align: center;
}
.eeat-multi-author-avatar {
position: relative;
display: inline-block;
margin-bottom: 10px;
}
.eeat-multi-author-avatar img {
border-radius: 50%;
border: 3px solid #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.eeat-primary-badge {
position: absolute;
top: -5px;
right: -5px;
width: 24px;
height: 24px;
background: #f15b27;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.eeat-primary-badge svg {
color: #fff;
font-size: 12px;
width: 12px;
height: 12px;
}
.eeat-multi-author-name {
margin: 0 0 5px 0;
font-size: 16px;
font-weight: 600;
}
.eeat-multi-author-name a {
color: #212529;
text-decoration: none;
}
.eeat-multi-author-name a:hover {
color: #f15b27;
}
.eeat-author-role-label {
display: inline-block;
padding: 2px 8px;
background: #e9ecef;
border-radius: 12px;
font-size: 11px;
font-weight: 500;
color: #495057;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.eeat-primary-author .eeat-author-role-label {
background: #f15b27;
color: #fff;
}
.eeat-multi-author-credentials {
margin: 8px 0;
display: flex;
gap: 8px;
justify-content: center;
flex-wrap: wrap;
}
.eeat-layout-list .eeat-multi-author-credentials {
justify-content: flex-start;
}
.eeat-multi-job-title {
font-size: 13px;
color: #6c757d;
font-weight: 500;
}
.eeat-multi-credentials {
padding: 2px 6px;
background: #f15b27;
color: #fff;
border-radius: 10px;
font-size: 10px;
font-weight: 600;
text-transform: uppercase;
}
.eeat-multi-author-bio {
margin: 10px 0;
font-size: 13px;
color: #495057;
line-height: 1.4;
}
.eeat-author-contribution {
margin: 8px 0;
font-size: 12px;
color: #6c757d;
}
.eeat-contribution-percentage {
font-weight: 600;
color: #f15b27;
}
.eeat-multi-author-social {
display: flex;
gap: 5px;
justify-content: center;
margin-top: 10px;
flex-wrap: wrap;
}
.eeat-layout-list .eeat-multi-author-social {
justify-content: flex-start;
}
.eeat-multi-social-link {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background: #e9ecef;
border-radius: 50%;
color: #495057;
text-decoration: none;
transition: all 0.3s ease;
}
.eeat-multi-social-link:hover {
background: #f15b27;
color: #fff;
transform: translateY(-2px);
}
.eeat-multi-social-link svg {
font-size: 14px;
width: 14px;
height: 14px;
} .eeat-collaboration-summary {
margin-top: 25px;
padding: 20px;
background: #fff;
border-radius: 6px;
border: 1px solid #dee2e6;
}
.eeat-collaboration-summary h4 {
margin: 0 0 15px 0;
font-size: 16px;
color: #212529;
}
.eeat-collaboration-item {
display: grid;
grid-template-columns: 1fr 2fr auto;
gap: 10px;
align-items: center;
margin-bottom: 8px;
}
.eeat-collab-name {
font-size: 13px;
font-weight: 500;
}
.eeat-collab-bar {
height: 8px;
background: #e9ecef;
border-radius: 4px;
overflow: hidden;
}
.eeat-collab-fill {
height: 100%;
background: linear-gradient(90deg, #f15b27, #d94f1e);
transition: width 0.3s ease;
}
.eeat-collab-percentage {
font-size: 12px;
font-weight: 600;
color: #f15b27;
min-width: 35px;
text-align: right;
} @media screen and (max-width: 768px) {
.eeat-author-tabs-nav {
flex-wrap: wrap;
}
.eeat-tab-button {
flex: 1;
min-width: 70px;
justify-content: center;
font-size: 13px;
padding: 8px 10px;
}
.eeat-tab-label {
display: none;
}
.eeat-tab-button .svg {
margin: 0;
}
.eeat-post-link {
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
.eeat-post-date {
margin-left: 0;
font-size: 12px;
}
.eeat-credentials {
font-size: 9px;
}
.eeat-multi-author-avatar {
margin: 0px auto;
}
.eeat-layout-list .eeat-multi-author-credentials {
justify-content: center !important;
}
.eeat-multi-credentials {
font-size: 9px;
}
.eeat-layout-list .eeat-multi-author-social {
justify-content: center !important;
}
.eeat-guideline-item:last-child:not(:only-child) {
justify-content: flex-start;
}
.eeat-enhanced-byline {
margin: 15px 0 20px 0;
padding: 10px 0;
}
.eeat-byline-content {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.eeat-byline-authors {
width: 100%;
}
.eeat-byline-meta {
margin-left: 0;
width: 100%;
justify-content: flex-start;
}
.eeat-authors-grid {
grid-template-columns: 1fr;
}
.eeat-layout-list .eeat-multiple-author-item {
flex-direction: column;
text-align: center;
gap: 10px;
}
.eeat-authors-carousel {
gap: 10px;
}
.eeat-layout-carousel .eeat-multiple-author-item {
flex: 0 0 150px;
}
.eeat-collaboration-item {
grid-template-columns: 1fr;
gap: 5px;
text-align: center;
}
.eeat-collab-percentage {
text-align: center;
}
.eeat-review-guidelines {
flex-direction: column;
}
.eeat-guideline-item {
padding: 2px 0;
gap: 0px;
width: 100%;
}
.eeat-guideline-icon {
width: 28px;
height: 28px;
margin-top: 0px;
}
.eeat-guideline-icon svg {
width: 20px;
height: 20px;
}
.eeat-guideline-content {
font-size: 14px;
text-align: start;
}
.eeat-popup-container {
padding: 24px;
margin: 20px;
}
.eeat-popup-content h3 {
font-size: 20px;
}
.eeat-auhtor-box-avatar-content-outer {
flex-direction: column;
gap: 0;
}
.eeat-author-tabs-content {
text-align: left;
}
}
@media screen and (min-width: 480px) and (max-width: 768px) {
.eeat-tab-label {
display: inline;
}
} @media screen and (max-width: 768px) {
.eeat-author-box {
flex-direction: column;
text-align: center;
padding: 20px;
}
.eeat-author-box-header {
text-align: center;
}
.eeat-author-box-title {
justify-content: center;
}
.eeat-author-box-footer {
flex-direction: column;
gap: 15px;
}
.eeat-author-box-social {
justify-content: center;
}
}
@media screen and (max-width: 480px) {
.eeat-byline-meta {
flex-direction: column;
gap: 4px;
}
.eeat-byline-authors {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.eeat-byline-separator {
display: none;
}
.eeat-multiple-authors {
padding: 15px;
}
.eeat-authors-compact {
flex-direction: column;
}
.eeat-layout-compact .eeat-multiple-author-item {
justify-content: center;
}
}