.post__heading-container {
margin-top: 24px;
margin-bottom: 48px;
} .author__heading {
gap: 32px;
display: flex;
flex-direction: column;
}
.author__avatar {
width: 100% !important;
aspect-ratio: 1/1;
object-fit: cover;
}
.author__bio-container {
flex: 1;
}
.author-profile__bio {
margin-top: 16px;
}
.author-profile__bio p {
margin: 0;
}
.author-profile__job-title {
color: var(--wp--preset--color--link-tan-lm);
margin-top: 16px;
} .know-me__primary-heading {
margin-top: 48px;
}
.know-me__subsection-heading {
margin-top: 32px;
}
.know-me__subsection ul {
margin-top: 8px;
margin-bottom: 0px;
padding-inline-start: 26px;
} .most-recent__container {
padding-top: 48px;
margin-top: 48px;
border-top: 1px solid var(--wp--preset--color--tan-20);
display: flex;
flex-direction: column;
gap: 24px;
}
.most-recent__container>h3 {
margin: 0;
}
.most-recent__articles {
display: flex;
flex-direction: column;
gap: 16px;
}
.most-recent-article__article {
display: flex;
flex-direction: column;
gap: 16px;
padding: 16px;
}
.most-recent-article__image {
aspect-ratio: 16 / 9;
object-fit: cover;
display: block;
}
.most-recent-article__article-content {
display: flex;
flex-direction: column;
gap: 4px;
}
h2.most-recent-article__title {
font-size: 18px !important;
line-height: 1.6;
font-weight: 700;
color: var(--wp--preset--color--midnight);
margin: 0;
}
.most-recent-article__title a {
text-decoration: none;
color: var(--wp--preset--color--midnight);
}
.most-recent-article__excerpt {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
} .all-articles__container {
width: 100%;
margin-top: 96px;
}
.all-articles__container h3 {
margin-top: 0;
}
.all-articles__card {
display: block;
padding-bottom: 12px;
border-bottom: 1px solid var(--wp--preset--color--tan-40);
}
.all-articles__article {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.all-articles__list {
margin-top: 24px;
display: flex;
flex-direction: column;
gap: 16px;
}
.all-articles__card {
text-decoration: none;
}
.all-articles__card:hover .all-articles__title {
text-decoration: underline;
}
h2.all-articles__title {
font-size: 18px !important;
line-height: 1.6;
font-weight: 700;
color: var(--wp--preset--color--midnight);
margin: 0 0 4px 0;
}
.all-articles__date {
color: var(--wp--preset--color--dark-night-60);
}
.load-more__btn {
margin-top: 12px;
background-color: unset !important;
border: none;
text-decoration: underline;
color: var(--wp--preset--color--link-tan-lm);
font-size: 18px;
cursor: pointer;
transition: all 100ms ease-in-out;
padding: 0;
}
.load-more__btn:hover {
color: var(--wp--preset--color--midnight);
} @media screen and (min-width: 620px) {
.author__heading {
flex-direction: row !important;
}
.author__avatar {
max-width: 356px;
}
.most-recent__container {
margin-top: 48px;
}
.most-recent__articles {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0;
}
.all-articles__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
}
@media screen and (min-width: 1024px) {
.post__heading-container {
margin-top: 48px;
}
.author__avatar {
max-width: 400px !important;
}
.all-articles__list {
grid-template-columns: repeat(4, 1fr);
}
}