.single-post #main .title {
margin-top: clamp(55px, 11.7rem, 117px);
margin-bottom: clamp(20px, 4rem, 40px);
}
.single-post #main .post-thumbnail {
margin: clamp(45px, 9rem, 90px) 0;
}
.single-post #main .post-thumbnail img {
max-width: 1120px;
width: 100%;
margin: 0 auto;
border-radius: 20px;
object-fit: cover;
height: 100%;
}
.single-post .information-holder {
gap: clamp(20px, 4rem, 40px);
margin: clamp(15px, 3rem, 30px) 0;
}
.single-post .information-holder span {
font-size: clamp(12px, 1.4rem, 14px);
margin-left: 5px;
}
.single-post .box {
padding: clamp(20px, 4rem, 40px) clamp(12px, 2.3rem, 23px);
border-radius: 20px;
background-color: var(--white);
width: clamp(265px, 26.5rem, 265px);
height: max-content;
top: 130px;
}
.single-post .box :is(span, p, strong, li, a) {
font-size: clamp(12px, 1.4rem, 14px);
color: #292929;
font-weight: 300;
font-family: var(--main-font);
line-height: 1.3;
display: block;
}
.single-post .box strong {
font-weight: 600;
margin-bottom: 2px;
}
.single-post .box .space-top {
margin-top: clamp(13px, 2.7rem, 27px);
}
.single-post #main .entry-content {
width: 100%;
margin-left: clamp(70px, 14rem, 140px);
padding-right: clamp(60px, 12rem, 120px);
max-width: 980px;
}
.single-post .entry-content img {
height: 100%;
border-radius: 20px;
}
.single-post .entry-content p {
margin-bottom: clamp(15px, 3rem, 30px);
}
.single-post .entry-content h2 {
font-weight: 300;
color: #000;
font-size: var(--md);
margin-bottom: clamp(30px, 6rem, 60px);
}
.single-post .entry-content h3 {
font-weight: 300;
color: #000;
font-size: clamp(20px, 2.8rem, 28px);
padding-left: clamp(15px, 3rem, 30px);
border-left: clamp(4px, 0.8rem, 8px) solid var(--primary-color);
margin-bottom: clamp(15px, 3rem, 30px);
}
.author-holder {
padding: clamp(18px, 3.6rem, 36px) clamp(14px, 2.8rem, 28px);
background-color: var(--white);
border-radius: 20px;
}
.single-post :is(p, h1, h2, h3, h4, h5, h6, li, span) a {
color: inherit;
}
.single-post .wp-block-image {
margin-left: 0;
margin-right: 0;
}
.single-post .box .social-share a {
margin-right: clamp(6px, 1.3rem, 13px);
}
.single-post .facebook-share svg {
width: clamp(8px, 1.1rem, 11px);
height: clamp(11px, 1.7rem, 17px);
}
.single-post .linkedin-share svg {
width: clamp(11px, 1.7rem, 17px);
height: clamp(11px, 1.7rem, 17px);
}
.single-post .author-holder img {
border-radius: 50%;
width: clamp(35px, 7.2rem, 72px);
height: clamp(35px, 7.2rem, 72px);
margin-right: clamp(7px, 1.4rem, 14px);
}
.single-post .author-holder .column2 span {
margin-right: clamp(12px, 2.3rem, 23px);
}
.single-post .author-holder .column2 .facebook-share {
margin-right: clamp(5px, 1.1rem, 11px);
}
.single-post .author-holder * {
color: #292929;
}
.single-post .author-holder :is(span, h5, .author-description) {
font-size: clamp(12px, 1.4rem, 14px);
font-weight: 300;
font-family: var(--main-font);
}
.single-post .author-holder h4 {
font-size: clamp(18px, 2.2rem, 22px);
font-weight: 300;
}
.single-post .author-holder .author-description {
margin-bottom: 0;
margin-top: clamp(8px, 1.4rem, 14px);
}
.single-post .content-area {
margin-bottom: clamp(50px, 10rem, 100px);
}
.single-post .content-holder .asset-holder {
right: auto;
left: calc(100% - var(--shape-width)*1.3);
}
@media (min-width: 1401px) {
.site-main:before {
content: "";
position: absolute;
left: 0;
top: clamp(250px, 55rem, 550px);
background-image: url(https://akal.bananadesign.online/wp-content/uploads/2024/04/akal-vertical.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: left top;
width: clamp(125px, 25rem, 250px);
height: 100%;
}
}
@media (max-width: 1650px) {
.single-post .content-holder .asset-holder {
display: none;
}
}
@media (max-width: 767px) {
.single-post .content-holder {
display: block;
}
.single-post .box {
position: relative;
top: 0;
margin-bottom: 8rem;
width: 100%;
text-align: center;
}
.single-post #main .entry-content {
margin-left: 0;
}
.single-post #main .entry-content {
padding-right: 0;
}
.single-post .blog-carousel-section .row .column2 {
justify-content: start;
}
.single-post .blog-section {
padding: 0;
}
}
@media (max-width: 550px) {
.single-post .author-holder .row1 .column1 > div {
display: block;
margin-bottom: 2rem;
}
.single-post .author-holder .row1 {
align-items: start;
}
.single-post .author-holder .row1 .column1 > div img {
margin-bottom: 2rem;
}
} .blog-section {
padding: clamp(15px, 3rem, 30px) 0 clamp(60px, 12rem, 120px) 0;
}
.blog-section :is(.title, .heading1, .description) {
margin-bottom: clamp(15px, 3rem, 30px);
}
.blog-carousel-section .column2 {
gap: clamp(10px, 2rem, 20px);
}