.apb-single-post-template .apb-single-post {
--apb-sidebar-width: 280px;
--apb-layout-gap: 28px;
max-width: 1220px;
margin: 0 auto;
padding: 24px 16px 32px;
}
.apb-single-post-template .apb-single-post-header {
padding: 0;
max-width: calc(100% - (var(--apb-sidebar-width) + var(--apb-layout-gap)));
min-height: 180px;
display: grid;
grid-template-rows: auto 1fr auto;
align-items: stretch;
margin-bottom: 20px;
}
body.single.apb-single-post-template #primary .apb-single-post-header {
padding: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.apb-single-post-template .apb-entry-meta-row {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
}
.apb-single-post-template .entry-header .entry-meta {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 12px;
}
.apb-single-post-template .entry-header .entry-meta a {
color: #0a70c1;
text-decoration: none;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.apb-single-post-template .entry-title {
display: flex;
align-items: center;
margin: 0;
line-height: 1.2;
}
.apb-single-post-template .apb-byline-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.apb-single-post-template .byline {
color: #666;
font-size: 14px;
padding-bottom: 6px;
}
.apb-single-post-template .apb-single-post-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) var(--apb-sidebar-width);
gap: var(--apb-layout-gap);
align-items: start;
}
.apb-single-post-template .apb-featured-image {
margin: 0 0 18px;
}
.apb-single-post-template .apb-featured-image img {
width: 100%;
height: auto;
display: block;
}
.apb-single-post-template .apb-featured-image figcaption {
margin-top: 8px;
color: #777;
font-size: 13px;
}
.apb-single-post-template .entry-content {
margin-bottom: 20px;
}
.apb-single-post-template .apb-single-post-sidebar {
position: sticky;
top: 96px;
align-self: start;
text-align: left !important;
display: flex;
flex-direction: column;
gap: 14px;
}
.apb-single-post-template .apb-sidebar-sticky-stack {
position: static;
top: auto;
align-self: auto;
display: grid;
gap: 14px;
}
.apb-single-post-template .apb-sidebar-block {
background: #fff;
border: 0;
padding: 0;
margin-bottom: 0;
display: grid;
gap: 12px;
text-align: left !important;
}
.apb-single-post-template .apb-single-post-sidebar .apb-sidebar-block > * {
margin: 0;
}
.apb-single-post-template .apb-sidebar-block h2 {
margin: 0;
font-size: 1.15rem;
font-weight: 500;
text-align: left !important;
}
.apb-single-post-template .apb-in-this-article {
padding: 0;
}
.apb-single-post-template .apb-in-this-article-mobile {
display: none;
}
.apb-single-post-template .apb-share-actions {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-start;
}
.apb-single-post-template .apb-share-actions .a2a_kit {
display: flex;
align-items: center;
gap: 10px;
}
.apb-single-post-template .apb-share-actions .a2a_kit a {
margin: 0 !important;
}
.apb-single-post-template .apb-share-actions .pdfPostMailerButton,
.apb-single-post-template .apb-share-actions .downloadPdfPostButton {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
min-width: 32px;
height: 32px;
margin: 0;
padding: 0;
border: 0;
border-radius: 50%;
overflow: hidden;
text-indent: -9999px;
background-color: #9d9d9d;
box-shadow: none;
}
.apb-single-post-template .apb-share-actions .pdfPostMailerButton svg,
.apb-single-post-template .apb-share-actions .downloadPdfPostButton svg {
display: none;
}
.apb-single-post-template .apb-share-actions .pdfPostMailerButton::before,
.apb-single-post-template .apb-share-actions .downloadPdfPostButton::before {
content: "";
display: block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: 16px 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E");
}
.apb-single-post-template .apb-share-actions .pdfPostMailerButton:hover,
.apb-single-post-template .apb-share-actions .pdfPostMailerButton:focus-visible,
.apb-single-post-template .apb-share-actions .downloadPdfPostButton:hover,
.apb-single-post-template .apb-share-actions .downloadPdfPostButton:focus-visible {
background-color: #7f7f7f;
border-color: #7f7f7f;
}
.apb-single-post-template .apb-sidebar-block ol,
.apb-single-post-template .apb-sidebar-block ul,
.apb-single-post-template .apb-sidebar-block li,
.apb-single-post-template .apb-sidebar-block a {
text-align: left !important;
}
.apb-single-post-template .apb-single-post-sidebar .apb-sidebar-block ol,
.apb-single-post-template .apb-single-post-sidebar .apb-sidebar-block ul {
margin: 0;
padding-left: 0 !important;
list-style: none;
}
.apb-single-post-template .apb-single-post-sidebar .apb-sidebar-block li,
.apb-single-post-template .apb-single-post-sidebar .custom-counter li {
margin-left: 0;
padding-left: 0 !important;
}
.apb-single-post-template .apb-share-block {
padding: 0;
}
.apb-single-post-template .apb-share-block > h2 {
margin: 0;
}
.apb-single-post-template .apb-share-google-badge {
margin-top: 0;
text-align: left !important;
}
.apb-single-post-template .apb-share-google-badge .apb-gnb-outer,
.apb-single-post-template .apb-share-google-badge .apb-gnb-btn {
display: inline-flex;
max-width: 100%;
}
.apb-single-post-template .apb-in-this-article ol,
.apb-single-post-template .apb-most-popular ol {
margin: 0;
padding-left: 0;
}
.apb-single-post-template .apb-in-this-article li,
.apb-single-post-template .apb-most-popular li {
margin-bottom: 0;
}
.apb-single-post-template .apb-single-post-sidebar .apb-in-this-article ol,
.apb-single-post-template .apb-single-post-sidebar .apb-most-popular ol {
display: grid;
gap: 8px;
}
.apb-single-post-template .apb-in-this-article a {
text-decoration: none;
}
.apb-single-post-template .apb-most-popular .info {
color: #6f6f6f;
font-size: 12px;
}
.apb-single-post-template .apb-related-tags,
.apb-single-post-template .apb-related-posts,
.apb-single-post-template .apb-most-popular {
max-width: 1220px;
margin: 24px auto 0;
padding: 0;
}
.apb-single-post-template .apb-related-posts ol,
.apb-single-post-template .apb-most-popular ol {
margin: 0;
padding-left: 18px;
}
.apb-single-post-template .apb-related-posts li,
.apb-single-post-template .apb-most-popular li {
margin-bottom: 10px;
}
.apb-single-post-template .apb-related-posts .info,
.apb-single-post-template .apb-most-popular .info {
font-size: 12px;
color: #6f6f6f;
}
@media (max-width: 1199px) {
.apb-single-post-template .apb-single-post {
--apb-sidebar-width: 100%;
--apb-layout-gap: 16px;
}
.apb-single-post-template .apb-single-post-header {
max-width: 100%;
min-height: 0;
}
.apb-single-post-template .apb-entry-meta-row,
.apb-single-post-template .apb-byline-row {
flex-direction: column;
align-items: flex-start;
}
.apb-single-post-template .apb-single-post-layout {
grid-template-columns: 1fr;
gap: 16px;
}
.apb-single-post-template .apb-single-post-sidebar {
position: static;
align-self: auto;
gap: 20px;
}
.apb-single-post-template .apb-sidebar-sticky-stack {
position: static;
top: auto;
}
.apb-single-post-template .apb-single-post-sidebar .apb-sidebar-block {
gap: 10px;
margin: 0;
}
.apb-single-post-template .apb-single-post-sidebar .apb-most-popular {
max-width: none;
margin: 0;
}
.apb-single-post-template .apb-single-post-sidebar .apb-most-popular ol {
display: grid;
gap: 12px;
margin: 0;
padding-left: 0 !important;
}
.apb-single-post-template .apb-single-post-sidebar .apb-most-popular li {
margin: 0;
}
.apb-single-post-template .apb-in-this-article-mobile {
display: grid;
gap: 10px;
margin: 0 0 20px;
}
.apb-single-post-template .apb-in-this-article-mobile ol {
display: grid;
gap: 8px;
margin: 0;
padding-left: 0;
list-style: none;
}
.apb-single-post-template .apb-in-this-article-mobile li {
margin: 0;
}
.apb-single-post-template #apb-in-this-article-block-desktop {
display: none;
}
}