.rab-box {
display: flex;
gap: 1.4rem;
align-items: flex-start;
margin: 2.5rem 0;
padding: 1.5rem 1.75rem;
background: #fff;
border: 1px solid #e5e7eb;
border-left: 4px solid var(--rab-accent, #c9a84c);
border-radius: 8px;
font-family: inherit;
} .rab-avatar {
flex-shrink: 0;
}
.rab-avatar img {
width: 96px;
height: 96px;
border-radius: 50%;
object-fit: cover;
border: 3px solid var(--rab-accent, #c9a84c);
display: block;
} .rab-content {
flex: 1;
min-width: 0;
}
.rab-label {
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--rab-accent, #c9a84c);
margin: 0 0 0.2rem;
}
.rab-name {
font-size: 1.1rem;
font-weight: 700;
margin: 0 0 0.2rem;
line-height: 1.3;
}
.rab-name a {
color: inherit;
text-decoration: none;
}
.rab-name a:hover {
color: var(--rab-accent, #c9a84c);
}
.rab-speciality {
font-size: 0.82rem;
font-weight: 600;
color: #6b7280;
margin: 0 0 0.6rem;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.rab-bio {
font-size: 0.88rem;
line-height: 1.65;
color: #4b5563;
margin: 0 0 0.8rem;
} .rab-badges {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
list-style: none;
margin: 0 0 0.8rem;
padding: 0;
}
.rab-badges li {
font-size: 0.74rem;
font-weight: 600;
padding: 0.2rem 0.65rem;
border-radius: 20px;
background: #f3f4f6;
color: #374151;
white-space: nowrap;
} .rab-social {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.rab-social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 6px;
color: #6b7280;
background: #f3f4f6;
text-decoration: none;
transition: background 0.15s, color 0.15s;
}
.rab-social-link svg {
width: 16px;
height: 16px;
}
.rab-social-link:hover,
.rab-social-link:focus-visible {
background: var(--rab-accent, #c9a84c);
color: #fff;
}
.rab-social-linkedin:hover,
.rab-social-linkedin:focus-visible  { background: #0077b5; }
.rab-social-youtube:hover,
.rab-social-youtube:focus-visible   { background: #ff0000; }
.rab-social-instagram:hover,
.rab-social-instagram:focus-visible { background: #e1306c; } @media (max-width: 600px) {
.rab-box {
flex-direction: column;
align-items: center;
text-align: center;
padding: 1.2rem;
}
.rab-badges,
.rab-social {
justify-content: center;
}
}.pk-widget-author {
--pk-author-social-link-color: #000000;
--pk-author-with-bg-color: #FFFFFF;
--pk-author-with-bg-links-color: #FFFFFF;
--pk-author-with-bg-links-hover-color: rgba(255,255,255, 0.6);
--pk-author-with-bg-decsription-color: #FFFFFF;
--pk-author-avatar-border-radius: 100%;
--pk-author-description-font-size: 90%;
} .pk-widget-author {
position: relative;
text-align: center;
}
.pk-widget-author .pk-widget-author-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.pk-widget-author .pk-widget-author-bg img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.pk-widget-author .pk-widget-author-container {
position: relative;
padding: 0 2rem;
z-index: 2;
}
.pk-widget-author .pk-author-avatar img {
border-radius: var(--pk-author-avatar-border-radius);
}
.pk-widget-author .pk-author-data {
margin-top: 1rem;
}
.pk-widget-author .pk-author-data .author-description {
font-size: var(--pk-author-description-font-size);
}
.pk-widget-author .pk-author-footer {
margin-top: 1rem;
}
.pk-widget-author .pk-author-button {
margin-top: 1rem;
}
.pk-widget-author .pk-social-links-wrap {
margin-top: 1rem;
}
.pk-widget-author .pk-social-links-items {
justify-content: center;
}
.pk-widget-author .pk-social-links-link {
color: var(--pk-author-social-link-color);
}
.pk-author-social-links .pk-social-links-link {
padding: 0 0.25rem;
}
.pk-widget-author-with-bg {
color: var(--pk-author-with-bg-color);
}
.pk-widget-author-with-bg a,
.pk-widget-author-with-bg .section-heading,
.pk-widget-author-with-bg .pk-social-links-link {
color: var(--pk-author-with-bg-links-color) !important;
}
.pk-widget-author-with-bg a:hover,
.pk-widget-author-with-bg .pk-social-links-link:hover {
color: var(--pk-author-with-bg-links-hover-color) !important;
}
.pk-widget-author-with-bg .author-description {
color: var(--pk-author-with-bg-decsription-color) !important;
}
.pk-widget-author-with-bg .pk-widget-author-container {
padding: 2rem;
}