.blog-post-page-sidebar {
display: flex;
flex-flow: column nowrap;
width: 300px;
max-width: 300px;
margin-top: 60px;
box-sizing: border-box;
.blog-post-sidebar-section.lead-form-section {
padding: 20px;
border-radius: 10px;
&:not(:has(.contact-us-form-modal[data-is-modal="false"])) {
background: transparent;
padding: 0px;
}
@media (min-width: 992px) {
&:has(.contact-us-form-modal[data-is-modal="false"]) {
.blog-post-sidebar-contact-us-button {
display: none;
}
}
}
}
.blog-post-sidebar-contact-us-button {
display: flex;
width: 100%;
justify-content: center;
border-radius: 5px;
font-size: 18px;
line-height: 24px;
letter-spacing: 1px;
padding: 10px 16px;
}
.blog-post-sidebar-section { }
.blog-post-sidebar-section-spacer {
padding: 20px 0px;
div {
display: inline-flex;
height: 1px;
width: 100%;
background-color: #e3e3e3;
}
}
}
@media (max-width: 991px) {
.blog-post-page-sidebar {
gap: 10px;
padding: 40px 20px;
.blog-post-sidebar-section-spacer {
display: none;
}
.blog-post-sidebar-section.lead-form-section {
padding: 0px 0px 40px 0px;
}
}
}