.single .entry-content {
margin-bottom: 20px;
}
.post-thumbnail {
display: none;
}
.post-content {
background: #fff;
padding: 20px;
box-sizing: border-box;
box-shadow: var(--shadow);
}
.entry-content > :last-child {
margin-bottom: 0;
}
.post-img {
margin-bottom: 10px;
display: flex;
line-height: 1;
position: relative;
}
.post-img::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 100%;
background: linear-gradient(to top, var(--secondary), transparent);
height: 100%;
}
.post-thumb-pic {
aspect-ratio: 2/1;
object-fit: cover;
object-position: center;
width: 100%;
}
.post-detail {
display: flex;
width: 100%;
flex-wrap: wrap;
gap: 15px;
font-size: .95rem;
margin-bottom: 10px;
color: #555;
background: #f8f8f8;
padding: 15px 15px;
box-sizing: border-box;
flex-direction: column;
box-sizing: border-box;
}
.post-detail > span {
display: flex;
align-items: center;
line-height: 1;
font-weight: 600;
}
.post-detail span i {
margin-inline-end: 8px;
}
.post-detail span b {
font-weight: 400;
margin-inline-end: 5px;
}
.post-detail .auther a {
color: inherit;
}
.disclaimer {
font-size: 94%;
line-height: 1.4;
color: var(--secondary);
font-weight: 400;
background: rgba(242, 173, 46, 0.12);
padding: 10px 15px 10px 10px;
display: flex;
gap: 15px;
align-items: center;
}
.disclaimer i {
color: var(--primary);
} .post-top {
position: relative;
margin-bottom: 20px;
}
.post-top .post-img {
margin: 0;
}
.post-top .post-detail {
margin: 0;
color: #fff;
position: absolute;
bottom: 0px;
right: 0px;
background: transparent;
}
h1 {
font-size: 1.6rem;
line-height: 1.3;
}
@media only screen and (max-width: 990px) {
#main {
padding-top: 30px;
padding-bottom: 30px;
}
} .post-sign {
display: flex;
box-sizing: border-box;
margin-top: 30px;
gap: 20px;
}
.post-sign .sign-img {
flex: 0 0 100px;
display: flex;
line-height: 1;
}
.post-sign .sign-img img {
width: 100px;
height: 100px;
object-fit: cover;
border: 3px solid #fff;
box-sizing: border-box;
box-shadow: var(--shadow);
border-radius: 50%;
}
.post-sign .sign-text {
font-size: 0.95rem;
font-weight: 400;
line-height: 1.4;
background: #fff;
padding: 20px;
position: relative;
box-shadow: var(--shadow);
}
.post-sign .sign-text::before {
content: "";
position: absolute;
top: 35px;
right: -21px;
width: 0px;
height: 0px;
border-width: 11px 12px;
border-style: solid;
color: transparent;
border-left-color: #fff;
}
.post-sign .sign-text .title {
font-weight: 800;
color: var(--secondary);
display: block;
margin-bottom: 8px;
font-size: 115%;
line-height: 1;
display: flex;
align-items: center;
}
.post-sign .sign-text .title::before {
content: "";
width: 4px;
height: 15px;
background: var(--secondary);
display: inline-block;
margin-inline-end: 8px;
}
.post-sign .sign-text > a {
display: inline-block;
margin-top: 3px;
} #sidebar .sidebar-content .widget {
padding: 20px;
box-shadow: var(--shadow);
}
#sidebar .widget-title {
position: relative;
display: flex;
align-items: center;	
}
#sidebar  .sidebar-form .title {
text-align: center;
margin-bottom: 10px;
font-weight: 700;
font-size: 1.1rem;
line-height: 1.3;
color: #fff;
}
#sidebar  .sidebar-form .title a {
color: var(--primary);
}
#sidebar  .widget.widget_custom_html:first-child {
background: var(--secondary);
}
.side-article:not(:last-child) {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.side-article a {
display: flex;
gap: 15px;
}
.side-article .article-img {
flex: 0 0 60px;
padding-top: 3px;
}
.side-article .article-title {
font-weight: 600;
}
.side-article .article-title span {
display: block;
margin-top: 2px;
font-size: 85%;
font-weight: 300;
} .related-articles-wrapper {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.related-articles-wrapper .title {
font-size: 2rem;
font-weight: 900;
margin-bottom: 20px;
line-height: 1;
position: relative;
display: flex;
align-items: center;
}
#sidebar .widget-title::before,
.related-articles-wrapper .title::before {
content: "";
width: 7px;
height: 22px;
background: var(--secondary);
display: block;
margin-inline-end: 8px;
} .post-content > .blog-share {
position: absolute;
top: 35px;
left: 35px;
}
.post-top > .blog-share {
position: absolute;
bottom: 15px;
left: 15px;
}
.blog-share  .a2a_kit.a2a_default_style {
display: flex;
}
.blog-share .a2a_svg.a2a_s__default {
width: 25px !important;
height: 25px !important;
background: #fff !important;
transition: .2s;
}
.blog-share .a2a_svg.a2a_s__default svg * {
fill: var(--secondary);
transition: .2s;
}
.post-content > .blog-share .a2a_svg.a2a_s__default {
background: var(--secondary) !important;
}
.post-content > .blog-share .a2a_svg.a2a_s__default svg * {
fill: #fff;
}
.blog-share .a2a_svg.a2a_s__default:hover {
background: var(--primary) !important;
opacity: 1;
}
.blog-share .a2a_svg.a2a_s__default:hover svg * {
fill: #fff;
}
.post-content > .mob-share {
position: absolute;
left: -10px;
top: -10px;
background: #fff;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
box-shadow: var(--shadow);
}
.post-top .mob-share {
position: absolute;
color: #fff;
left: 15px;
bottom: 15px;
} @media only screen and (max-width: 990px) {
#sidebar {
margin-top: 40px;
}
.related-articles-wrapper {
margin-top: 30px;
padding-top: 0px;
border-top: none;
}
}
@media only screen and (min-width: 480px) and (max-width: 990px) {
.sidebar .sidebar-content {
box-sizing: border-box;
display: flex;
gap: 30px;
}
.sidebar .sidebar-content .widget {
width: 50%;
margin: 0;
}
}
@media only screen and (max-width: 480px) {
.post-top .post-detail {
padding-left: 45px;
}
h1 {
font-size: 1.4rem;
}
.post-sign .sign-img {
flex: 0 0 70px;
}
.post-sign .sign-img img {
height: 70px;
}
.post-sign .sign-text::before {
top: 25px;
}
.related-articles-wrapper .title {
font-size: 1.4rem;
} }