body.single-post:not(.bt-sidebar-responsive-active) .site-content {
display: grid;
grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
column-gap: var(--sidebar-gap);
row-gap: 0;
align-items: start;
}
body.single-post:not(.bt-sidebar-responsive-active) .site-content > .site-main,
body.single-post:not(.bt-sidebar-responsive-active) .site-content > .widget-area {
max-width: none;
}
body.single-post .site-content > .bnb-post-cta-wrap {
order: 3;
grid-column: 1 / -1;
} .bnb-post .entry-content-inner > p,
.bnb-post .entry-content-inner > ul,
.bnb-post .entry-content-inner > ol {
margin: 0 0 1.25em;
text-wrap: pretty;
}
.bnb-post .entry-content-inner > ul,
.bnb-post .entry-content-inner > ol {
padding-left: 1.25em;
}
.bnb-post .entry-content-inner li + li {
margin-top: 0.5em;
}
.bnb-post .entry-content-inner h2,
.bnb-post .entry-content-inner h3 {
font-size: var(--small-title-size);
line-height: 1.2;
margin: 2.25em 0 1.25rem;
color: var(--dark-gray-color); }
.bnb-post .entry-content-inner h3 {
font-size: var(--extrasmall-title-size);
}
.bnb-post .entry-content-inner h2 em,
.bnb-post .entry-content-inner h3 em {
font-family: var(--em-heading-font);
font-style: var(--em-heading-font-style);
font-weight: var(--em-heading-font-weight);
letter-spacing: var(--em-heading-letter-spacing);
text-transform: var(--em-heading-text-transform);
}
.bnb-post .entry-content-inner figure,
.bnb-post .entry-content-inner .wp-block-image {
margin: 2em 0;
} .bnb-post .entry-content-inner figure.alignright,
.bnb-post .entry-content-inner .wp-block-image.alignright,
.bnb-post .entry-content-inner figure:has(> img.alignright, > a > img.alignright),
.bnb-post .entry-content-inner p > img.alignright,
.bnb-post .entry-content-inner p > a > img.alignright {
float: right;
max-width: 45%;
margin: 0.3em 0 1.5em 2.5em;
} .bnb-post .entry-content-inner figure.alignright img,
.bnb-post .entry-content-inner figure:has(> img.alignright, > a > img.alignright) img {
float: none;
width: 100%;
margin: 0;
}
@media (max-width: 767px) {
.bnb-post .entry-content-inner figure.alignright,
.bnb-post .entry-content-inner .wp-block-image.alignright,
.bnb-post .entry-content-inner figure:has(> img.alignright, > a > img.alignright),
.bnb-post .entry-content-inner p > img.alignright,
.bnb-post .entry-content-inner p > a > img.alignright {
float: none;
max-width: 100%;
margin: 2em 0;
}
}
.bnb-post .entry-content-inner img,
.bnb-post .entry-content-inner .wp-caption img,
.bnb-post .entry-content-inner .wp-block-image img {
border-radius: var(--image-medium-rounded); height: auto;
}
.bnb-post .entry-content-inner a {
color: var(--dark-color);
text-decoration: underline;
text-underline-offset: 3px;
}
.bnb-post .entry-content-inner a:hover {
color: var(--accent-color);
} .bnb-post .bnb-post-author {
margin: 2rem auto 0;
padding: 2rem 0;
border: 0; border-top: 1px solid var(--primary-07-color);
border-bottom: 1px solid var(--primary-07-color);
border-radius: 0 !important; background: none;
}
.bnb-post .bnb-post-author .bt-author-content {
display: flex;
align-items: flex-start;
gap: 1.5em;
padding: 0;
}
.bnb-post .bnb-post-author .bt-author-avatar {
flex: 0 0 140px;
width: 140px;
height: 140px;
margin: 0;
padding: 20px;
border-radius: 50%;
background: var(--light-color);
display: flex;
align-items: center;
justify-content: center;
}
.bnb-post .bnb-post-author .bt-author-avatar img {
width: 100%;
height: auto;
border-radius: 0;
object-fit: contain;
}
.bnb-post .bnb-post-author .bt-author-text {
flex: 1 1 auto;
min-width: 0;
}
.bnb-post .bnb-post-author .bt-author-text h4 {
font-size: var(--extrasmall-title-size);
margin: 0;
}
.bnb-post .bnb-post-author .bt-author-text h4 em {
font-family: var(--em-heading-font);
font-style: var(--em-heading-font-style);
font-weight: var(--em-heading-font-weight);
letter-spacing: var(--em-heading-letter-spacing);
text-transform: var(--em-heading-text-transform);
}
.bnb-post .bnb-post-author .bt-author-text p {
margin: 0.5rem 0 0;
line-height: 1.8;
color: var(--dark-gray-color);
text-wrap: pretty;
} .bnb-post-cta-wrap .bnb-post-cta { margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
margin-top: clamp(3em, 6vw, 5em);
margin-bottom: 0; }
.bnb-post-cta-wrap .bnb-post-cta:before {
background: var(--dark-60-color) !important;
opacity: 1 !important;
}
.bnb-post-cta-wrap .bnb-post-cta > .bt_bb_port {
padding-top: clamp(3em, 6vw, 5em) !important;
padding-bottom: clamp(3em, 6vw, 5em) !important;
}
.bnb-post-cta-wrap .bnb-post-cta .bt_bb_button a {
border-radius: var(--hard-rounded) !important;
} @media (max-width: 600px) {
.bnb-post .bnb-post-author .bt-author-content {
flex-direction: column;
align-items: center;
text-align: center;
}
.bnb-post .bnb-post-author .bt-author-avatar {
flex-basis: 120px;
width: 120px;
height: 120px;
}
} body.archive.category .page-header,
body.archive.tag .page-header {
background-image: url(//www.beautybodyshaping.nl/wp-content/themes/aestetika-child/assets/img/kennisbank-links.jpg), url(//www.beautybodyshaping.nl/wp-content/themes/aestetika-child/assets/img/kennisbank-rechts.jpg);
background-repeat: no-repeat;
background-position: left center, right center;
background-size: 50.1% auto;
}
@media (max-width: 900px) {
body.archive.category .page-header,
body.archive.tag .page-header {
background-image: url(//www.beautybodyshaping.nl/wp-content/themes/aestetika-child/assets/img/kennisbank-links.jpg);
background-position: center;
background-size: cover;
}
} body.archive.category .site-main .article-media .media-box img,
body.archive.tag .site-main .article-media .media-box img {
display: block;
width: 100%;
aspect-ratio: 16 / 10;
object-fit: cover;
}
body.archive.category .site-main .article-media .media-box-caption,
body.archive.tag .site-main .article-media .media-box-caption {
display: none;
} .bnb-post {
--bnb-foto-b: 420px; --bnb-foto-h: 300px; --bnb-foto-radius: 18px;
--bnb-kolomgat: 3.25rem;
}
.bnb-post .entry-content-inner figure.bnb-post-figure,
.bnb-post .entry-content-inner figure.wp-block-image,
.bnb-post .entry-content-inner figure:not(.alignright) {
margin: 0 0 1.5em;
text-align: left;
break-inside: avoid;
}
.bnb-post .entry-content-inner figure:not(.alignright) img,
.bnb-post .entry-content-inner > p > img:not(.alignright) {
display: block;
width: auto;
max-width: min(100%, var(--bnb-foto-b));
max-height: var(--bnb-foto-h);
height: auto;
object-fit: cover;
margin: 0;
border-radius: var(--bnb-foto-radius);
float: none;
}
.bnb-post .entry-content-inner figcaption {
margin-top: 0.6em;
font-size: 0.85em;
opacity: 0.75;
}
@media (min-width: 1024px) { .bnb-post .entry-content-inner .bt_bb_wrapper:has(> .bnb-blok) {
display: block;
column-count: 2;
column-gap: var(--bnb-kolomgat);
}
.bnb-post .entry-content-inner .bt_bb_wrapper:has(> .bnb-blok) > :not(.bnb-blok) {
column-span: all;
margin-bottom: 1.75rem;
}
.bnb-post .entry-content-inner .bt_bb_wrapper > p:first-child {
font-size: 1.15em;
line-height: 1.6;
}
.bnb-post .bnb-blok {
padding: 0 0 0.5rem;
margin: 0 0 2.25rem;
break-inside: avoid;
}
.bnb-post .bnb-blok > h2,
.bnb-post .bnb-blok > h3 {
margin: 0 0 0.9rem;
padding: 0;
border: 0;
}
.bnb-post .bnb-blok > :last-child {
margin-bottom: 0.5em;
}
.bnb-post .bnb-blok figure {
margin: 0 0 1.25em;
}
}
@media (max-width: 1023px) {
.bnb-post .bnb-blok {
margin-bottom: 0.5rem;
}
} .bnb-post .bnb-blok {
display: flow-root;
}
@media (min-width: 640px) {
.bnb-post .entry-content-inner .bnb-blok > figure:not(.alignright) {
float: left;
width: min(38%, 220px);
margin: 0.2em 2.75rem 1rem 0;
}
.bnb-post .entry-content-inner .bnb-blok > figure:not(.alignright) img {
width: 100%;
max-width: 100%;
max-height: var(--bnb-foto-h);
}
} .bnb-post .entry-content-inner ul {
list-style: none;
padding-left: 0;
margin: 0 0 1.5em;
}
.bnb-post .entry-content-inner ul > li {
position: relative;
padding-left: 1.6rem;
margin: 0;
}
.bnb-post .entry-content-inner ul > li + li {
margin-top: 0.7em;
}
.bnb-post .entry-content-inner ul > li::before {
content: "";
position: absolute;
left: 0.1rem;
top: 0.72em;
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--accent-color, #cdad7b);
}
.bnb-post .entry-content-inner ul > li strong {
color: var(--dark-gray-color);
}
.bnb-post .entry-content-inner ol {
padding-left: 1.5rem;
}
.bnb-post .entry-content-inner ol > li::marker {
color: var(--accent-color, #cdad7b);
font-weight: 600;
} body.single-post .bt_bb_fe_preview_toggler {
display: none !important;
}