body.single-post {
--iv-card-max: 840px;
--iv-radius: 0px;
--iv-border: rgba(15, 23, 42, .03);
--iv-shadow: 0 10px 28px rgba(15, 23, 42, .06);
--iv-pad-x: clamp(18px, 3vw, 54px);
--iv-pad-y: clamp(18px, 2.6vw, 44px);
--iv-mt: clamp(14px, 2vw, 26px);
--iv-mb: clamp(26px, 3vw, 46px);
--iv-p-gap: 14px;
--iv-img-gap: -30px;
--iv-title: #0f172a;
--iv-text: rgba(15, 23, 42, .84);
--iv-muted: rgba(15, 23, 42, .62);
--iv-link: #0f172a;
--iv-link-underline: rgba(15, 23, 42, .18);
--iv-hero-height: 420px;
}
body.single-post,
body.single-post #page,
body.single-post .site,
body.single-post .site-content,
body.single-post #content,
body.single-post #primary,
body.single-post main,
body.single-post .content-area,
body.single-post .inside-article {
background: #fff !important;
}
body.single-post .iv-article-card {
width: 100% !important;
max-width: var(--iv-card-max) !important;
margin: var(--iv-mt) auto var(--iv-mb) !important;
padding: var(--iv-pad-y) var(--iv-pad-x) !important;
box-sizing: border-box !important;
background: #fff !important;
border: 1px solid var(--iv-border) !important;
border-radius: var(--iv-radius) !important;
box-shadow: var(--iv-shadow) !important;
color: var(--iv-text) !important;
line-height: 1.8 !important;
font-size: clamp(16.5px, 1.05vw, 18px) !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-wrap: anywhere !important;
}
body.single-post .iv-article-card * {
box-sizing: border-box !important;
}
body.single-post .iv-article-card :is(figure.wp-block-image, .wp-block-image):first-of-type {
margin-top: calc(var(--iv-pad-y) * -1) !important;
margin-left: calc(var(--iv-pad-x) * -1) !important;
margin-right: calc(var(--iv-pad-x) * -1) !important;
margin-bottom: 16px !important;
position: relative !important;
padding-bottom: 10px !important;
}
body.single-post .iv-article-card :is(figure.wp-block-image, .wp-block-image):first-of-type::after {
content: "" !important;
display: block !important;
height: 1px !important;
margin: 0 var(--iv-pad-x) 0 !important;
background: rgba(15, 23, 42, .07) !important;
}
body.single-post .iv-article-card :is(figure.wp-block-image, .wp-block-image):first-of-type img {
width: 100% !important;
display: block !important;
height: var(--iv-hero-height) !important;
object-fit: cover !important;
object-position: center !important;
border-radius: var(--iv-radius) var(--iv-radius) 16px 16px !important;
margin-bottom: 0 !important;
}
body.single-post .iv-article-card :is(figure.wp-block-image, .wp-block-image) {
margin: 0 0 var(--iv-img-gap) !important;
}
body.single-post .iv-article-card img {
max-width: 100% !important;
height: auto !important;
display: block !important;
border-radius: 16px !important;
}
body.single-post .iv-article-card img:not(:where(figure.wp-block-image img, .wp-block-image img)) {
margin-bottom: var(--iv-img-gap) !important;
}
body.single-post .iv-article-card figure {
margin-top: 0 !important;
}
body.single-post .iv-article-card h1,
body.single-post .iv-article-card .wp-block-post-title {
margin: 0 0 10px !important;
line-height: 1.12 !important;
letter-spacing: -0.02em !important;
color: var(--iv-title) !important;
}
body.single-post .iv-article-card h2 {
margin: 34px 0 12px !important;
line-height: 1.22 !important;
letter-spacing: -0.01em !important;
color: var(--iv-title) !important;
}
body.single-post .iv-article-card h3 {
margin: 22px 0 10px !important;
line-height: 1.28 !important;
color: var(--iv-title) !important;
}
body.single-post .iv-article-card .iv-lead {
margin: 0 0 16px !important;
font-size: clamp(18px, 1.05vw, 18px) !important;
color: var(--iv-muted) !important;
font-weight: 500 !important;
}
body.single-post .iv-article-card p {
margin: 0 0 var(--iv-p-gap) !important;
color: var(--iv-text) !important;
}
body.single-post .iv-article-card a {
color: var(--iv-link) !important;
text-decoration: none !important;
border-bottom: 1px solid var(--iv-link-underline) !important;
padding-bottom: 1px !important;
}
body.single-post .iv-article-card a:hover {
border-bottom-color: rgba(15, 23, 42, .45) !important;
}
body.single-post .iv-article-card strong {
color: var(--iv-title) !important;
}
body.single-post .iv-article-card ul,
body.single-post .iv-article-card ol {
margin: 0 0 16px 18px !important;
padding: 0 !important;
}
body.single-post .iv-article-card li {
margin: 0 0 8px !important;
}
body.single-post .iv-article-card blockquote {
margin: 18px 0 !important;
padding: 14px 16px !important;
border-left: 3px solid rgba(15, 23, 42, .12) !important;
background: rgba(15, 23, 42, .025) !important;
border-radius: 14px !important;
color: var(--iv-title) !important;
}
body.single-post .iv-article-card hr {
border: 0 !important;
height: 1px !important;
background: rgba(15, 23, 42, .07) !important;
margin: 28px 0 !important;
}
body.single-post .iv-article-card .alignwide,
body.single-post .iv-article-card .alignfull {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
body.single-post .iv-article-card :is(h2, h3) {
scroll-margin-top: 110px !important;
}
body.single-post.separate-containers .comments-area,
body.single-post .post .entry-content {
padding: 70px 77px;
margin-bottom: 50px;
}
@media (min-width: 1024px) {
body.single-post.separate-containers .comments-area,
body.single-post .post .entry-content {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
}
@media (max-width: 767px) {
body.single-post .post .entry-content {
padding: 10px 30px !important;
}
}
@media (max-width: 480px) {
body.single-post.separate-containers.no-sidebar .site-main {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
}
body.single-post .comment-list h3 {
display: none;
}
@media (max-width: 980px) {
body.single-post {
--iv-hero-height: 340px;
}
}
@media (max-width: 768px) {
body.single-post {
--iv-radius: 18px;
--iv-hero-height: 260px;
--iv-p-gap: 13px;
--iv-img-gap: -25px;
}
body.single-post .iv-article-card {
padding: 20px 30px 24px !important;
border-radius: var(--iv-radius) !important;
box-shadow: 0 10px 26px rgba(15, 23, 42, .09) !important;
}
body.single-post .iv-article-card :is(figure.wp-block-image, .wp-block-image):first-of-type img {
border-radius: var(--iv-radius) var(--iv-radius) 14px 14px !important;
}
body.single-post .iv-article-card :is(figure.wp-block-image, .wp-block-image):first-of-type::after {
margin: 14px 18px 0 !important;
}
}
body.single-post a[data-pin-log="button_pinit"],
body.single-post .pinit-overlay,
body.single-post .pinterest-save-button {
display: none !important;
}