aside.blog-sidebar {
& .related-pages {
background: #eeedea url(https://marketingplanetagency.com/prestige-law-us/wp-content/uploads/2025/06/bg-sidebar.webp) no-repeat center bottom;
background-size: 100%;
padding: 2.778rem 0 3rem;
& li:not(:last-child) {
margin-bottom: 0.75rem;
}
& a {
color: var(--pl-blue);
transition: 300ms;
display: flex;
justify-content: flex-start;
align-items: center;
gap: 0.75rem;
&:hover {
color: var(--color-octonary);
}
& i {
color: var(--color-octonary);
}
}
}
& .recent-posts {
& .recent-post-item {
background-color: #eeedea;
& .post-title {
transition: 300ms;
color: var(--pl-blue);
&:hover {
color: var(--color-octonary);
}
}
}
}
& h2 {
font-size: var(--font-size-h4);
font-weight: var(--font-weight-h4);
line-height: 1.4;
color: var(--color-primary);
margin-block: 1rem;
}
& .contact-section {
border-radius: 0.5rem;
& :is(input, textarea) {
transition: 300ms;
&::placeholder {
color: #e0e0e0 !important;
}
&:focus {
box-shadow: 0px 4px 8px 0px var(--color-primary);
}
}
& .wpcf7 {
background-color: transparent;
padding: revert;
border-radius: revert;
box-shadow: revert;
}
& .contact-form textarea,
& .contact-form select,
& .contact-form input,
& .form-check p {
color: var(--color-white);
}
& .col-md-6 {
width: 100%;
}
}
}
@media(min-width:992px){
aside.blog-sidebar .contact-section {
position: sticky;
top: 10rem;
}
}