button {
outline: none !important;
}
html, body {
overflow-x: hidden !important;
} .oo-author-bio{
--heading-font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
--heading-size: 24px;
--heading-line-height: 32px;
--heading-colour: var( --e-global-color-text );
--heading-font-weight: 600;
--subheading-font-family: var(--e-global-typography-7832c09-font-family), sans-serif;
--subheading-size: 12px;
--subheading-line-height: 18px;
--subheading-colour: var( --e-global-color-text );
--subheading-font-weight: 600;
--body-size: 16px;
--body-line-height: 24px;
--body-font-family: var(--e-global-typography-39fe56d-font-family), sans-serif;
--body-colour: var( --e-global-color-text );
--link-colour: var(--e-global-color-456e3ff);
--link-hover-colour: var( --e-global-color-a0c7d27 );
--link-size: var(--body-size);
--link-font-family: var(--body-font-family);
--link-font-weight: 400;
--container-bg-colour: var(--e-global-color-accent);
--container-padding: 40px;
--container-border-radius: 0;
}
@media (max-width: 480px) {
.oo-author-bio {
--container-padding: 24px 16px;
}
}
.oo-author-bio__container {
display: flex;
flex-direction: column;
gap: 32px;
align-items: flex-start;
padding: var(--container-padding);
background: var(--container-bg-colour);
border-radius: var(--container-border-radius);
}
.oo-author-bio__header{
display: flex;
align-items: center;
gap: 24px;
}
.oo-author-bio__title{
gap: 8px;
display: flex;
flex-direction: column;
}
.oo-author-bio__avatar {
width: 72px;
height: 72px;
flex: 0 0 72px;
border-radius: 50%;
object-fit: cover;
position: relative;
overflow: hidden;
}
.oo-author-bio__avatar img{
width: 100%;
height: 100%;
object-fit: cover;
}
.oo-author-bio__name {
font-weight: 600;
font-size: var(--heading-size);
line-height: 1.var(--heading-line-height);
color: var(--heading-colour);
font-family: var(--heading-font-family);
font-weight: var(--heading-font-weight);
}
.oo-author-bio__role {
font-size: var(--subheading-size);
line-height: var(--subheading-line-height);
color: var(--subheading-colour);
font-family: var(--subheading-font-family);
font-weight: var(--subheading-font-weight);
text-transform: uppercase;
letter-spacing: 2.4px;
}
.oo-author-bio__content{
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
}
.oo-author-bio__text {
font-family: var(--body-font-family);
font-size: var(--body-size);
line-height: var(--body-line-height);
color: var(--body-colour);
}
.oo-author-bio__link {
color: var(--link-colour) !important;
text-decoration: none;
font-size: var(--link-size);
font-family: var(--link-font-family);
font-weight: var(--link-font-weight);
transition: 0.2s;
}
.oo-author-bio__link:hover {
color: var(--link-hover-colour) !important;
}