
.aioseo-author-bio-compact {
display: flex;
gap: 40px;
padding: 12px;
text-align: left;
border: 1px solid black;
border-radius: 5px;
color: #111111;
background-color: #FFFFFF;
}
.aioseo-author-bio-compact-left {
flex: 0 0 120px;
}
.aioseo-author-bio-compact-right {
flex: 1 1 auto;
}
.aioseo-author-bio-compact-left .aioseo-author-bio-compact-image {
width: 120px;
height: 120px;
border-radius: 5px;
}
.aioseo-author-bio-compact-right .aioseo-author-bio-compact-header {
display: flex;
align-items: center;
}
.aioseo-author-bio-compact-right .aioseo-author-bio-compact-header .author-name {
font-size: 22px;
font-weight: 600;
}
.aioseo-author-bio-compact-right .aioseo-author-bio-compact-header .author-job-title {
margin-left: 12px;
padding-left: 12px;
font-size: 18px;
border-left: 1px solid gray;
}
.aioseo-author-bio-compact-right .aioseo-author-bio-compact-main {
margin: 12px 0;
font-size: 18px;
}
.aioseo-author-bio-compact-right .aioseo-author-bio-compact-main > p:last-of-type {
display: inline;
}
.aioseo-author-bio-compact-right .aioseo-author-bio-compact-main .author-bio-link {
display: inline-flex;
}
.aioseo-author-bio-compact-right .aioseo-author-bio-compact-main .author-bio-link a {
display: flex;
align-items: center;
}
.aioseo-author-bio-compact-right .aioseo-author-bio-compact-main .author-bio-link a svg {
fill: black;
}
.aioseo-author-bio-compact-right .aioseo-author-bio-compact-footer .author-expertises {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.aioseo-author-bio-compact-right .aioseo-author-bio-compact-footer .author-expertises .author-expertise {
padding: 4px 8px;
font-size: 14px;
border-radius: 4px;
background-color: #DCDDE1;
color: inherit;
}
.aioseo-author-bio-compact-right .aioseo-author-bio-compact-footer .author-socials {
margin-top: 12px;
display: flex;
gap: 6px;
}
.aioseo-author-bio-compact-right .aioseo-author-bio-compact-footer .author-socials .aioseo-social-icon-tumblrUrl {
margin-left: -2px;
}
.aioseo-author-bio-compact-site-editor-disclaimer {
color: black;
margin-bottom: 12px;
font-style: italic;
}
@media screen and (max-width: 430px ) {
.aioseo-author-bio-compact {
flex-direction: column;
gap: 20px;
}
.aioseo-author-bio-compact-left .aioseo-author-bio-compact-image {
display: block;
margin: 0 auto;
width: 160px;
height: 160px;
}
.aioseo-author-bio-compact-right {
text-align: center;
}
.aioseo-author-bio-compact-right .aioseo-author-bio-compact-header {
justify-content: center;
}
.aioseo-author-bio-compact-right .aioseo-author-bio-compact-footer .author-socials {
justify-content: center;
}
}