.theme-wrapper-large {
max-width: 1800px;
} @media (max-width: 600px) {
.section-head {
gap: 5px;
flex-direction: row;
align-items: flex-end;
flex-wrap: wrap;
}
} .post-carousel-section .post-carousel-wrapper .slick-list {
margin: 0 -15px;
}
.post-carousel-section .post-carousel-wrapper .slick-slide {
padding: 0 15px;
}
.post-carousel-section .post-carousel-wrapper .post-item.overlay-post {
aspect-ratio: 3/3.2;
} .instagram-section {
position: relative;
height: 280px;
isolation: isolate;
display: grid;
place-content: center;
overflow: hidden;
}
.instagram-section .instagram-wrapper {
display: flex;
height: 100%;
width: 100%;
position: absolute;
inset: 0;
z-index: -1;
}
.instagram-section .instagram-wrapper .instagram-img {
height: 100%;
width: 100%;
}
.instagram-section .instagram-wrapper .instagram-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.instagram-section .instagram-head {
font-weight: normal;
padding: 3px 10px;
line-height: 1.2;
letter-spacing: 0.5px;
font-size: var(--font-size-sm);
background-color: var(--post-item-background);
transition: all 1s cubic-bezier(0.25, 0.8, 0.25, 1);
padding: 10px 30px;
min-height: 42px;
min-width: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.instagram-section .instagram-head a {
text-decoration: none;
color: var(--color-text);
display: flex;
align-items: center;
gap: 5px;
}
@media (max-width: 600px) {
.instagram-section .instagram-wrapper {
flex-wrap: wrap;
}
.instagram-section .instagram-wrapper .instagram-img {
height: 50%;
width: 50%;
}
} .post-item:not(.has-post-thumbnail).post-list{
flex-direction: column;
align-items: flex-start;
}
.post-item:not(.has-post-thumbnail).post-list .post-item-content{
padding: 0;
padding-top: 10px;
}
article.has-post-thumbnail .post-list:not(.has-post-thumbnail),
article.has-post-thumbnail .post-list{
flex-direction: row;
align-items: center;
}
article.has-post-thumbnail .post-list:not(.has-post-thumbnail) .post-item-content,
article.has-post-thumbnail .post-list .post-item-content{
padding: 20px;
}
@media (min-width: 991px) {
.theme-archive-layout.list-layout article .post-item.post-list .post-item-content .entry-title{
font-size: var(--font-size-md);
}
}
@media (max-width: 600px) {
.theme-archive-layout.list-layout article.has-post-thumbnail .post-list ,
.theme-archive-layout.list-layout article.has-post-thumbnail .post-item.post-list:not(.has-post-thumbnail) {
flex-direction: column;
}
.theme-archive-layout.list-layout article.has-post-thumbnail .post-list .post-item-image,
.theme-archive-layout.list-layout article.has-post-thumbnail .post-item.post-list:not(.has-post-thumbnail) .post-item-image {
flex: unset;
max-width: unset;
}
.theme-archive-layout.list-layout article.has-post-thumbnail .post-list .post-item-content,
.theme-archive-layout.list-layout article.has-post-thumbnail .post-item.post-list:not(.has-post-thumbnail) .post-item-content {
text-align: start;
padding-inline: 0;
width: 100%;
}
.theme-archive-layout.list-layout article.has-post-thumbnail .post-list .post-item-content .entry-meta,
.theme-archive-layout.list-layout article.has-post-thumbnail .post-item.post-list:not(.has-post-thumbnail) .post-item-content .entry-meta,
.theme-archive-layout.list-layout article.has-post-thumbnail .post-list .post-item-content .entry-cat .post-categories,
.theme-archive-layout.list-layout article.has-post-thumbnail .post-item.post-list:not(.has-post-thumbnail) .post-item-content .entry-cat .post-categories {
justify-content: flex-start;
}
} .featured-widget .post-item.post-list .post-item-image,
.post-item.post-list .post-item-image {
flex: unset;
max-width: none;
}
article.has-post-thumbnail .post-item.post-list .post-item-image,
.post-item.post-list.has-post-thumbnail .post-item-image {
flex: 0 0 50%;
max-width: 50%;
}
.featured-widget .post-item.post-list.has-post-thumbnail .post-item-image{
flex: 0 0 30%;
max-width: 30%;
align-self: start;
} .post-item:not(.has-post-thumbnail) .post-item-image .read-time-comment,
article:not(.has-post-thumbnail) .post-item .post-item-image .read-time-comment {
position: unset;
bottom: unset;
left: unset;
z-index: unset;
display: inline-flex;
flex-shrink: 0;
flex-wrap: wrap;
}
.post-item.has-post-thumbnail .post-item-image .read-time-comment,
article.has-post-thumbnail .post-item .post-item-image .read-time-comment {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 1;
display: flex;
}
.post-item .post-item-image .read-time-comment span {
display: flex;
align-items: center;
gap: 5px;
padding: 5px 7px;
color: #ffffff;
background-color: #00000066;
border-radius: 100vmax;
text-shadow: unset;
} .post-item .post-item-image .view-count {
line-height: 1;
display: inline-flex;
align-items: center;
gap: 5px;
font-weight: bold;
font-size: var(--font-size-xs);
transition: all 0.5s ease-in-out;
}
.post-item.has-post-thumbnail .post-item-image .view-count ,
.has-post-thumbnail .post-item .post-item-image .view-count {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
display: flex;
}
.posts-count-hide-on-hover .post-item:focus-within .post-item-image .view-count,
.posts-count-hide-on-hover .post-item:hover .post-item-image .view-count {
opacity: 0;
visibility: hidden;
}
.post-item .post-item-image .view-count span {
display: flex;
align-items: center;
gap: 5px;
padding: 5px 7px;
color: #ffffff;
background-color: var(--primary-color);
border-radius: 100vmax;
} .post-item.overlay-post .view-count {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
line-height: 1;
display: flex;
align-items: center;
gap: 5px;
font-weight: bold;
font-size: var(--font-size-xs);
transition: all 0.5s ease-in-out;
}
.posts-count-hide-on-hover .post-item.overlay-post:focus-within .view-count,
.posts-count-hide-on-hover .post-item.overlay-post:hover .view-count {
opacity: 0;
visibility: hidden;
}
.site-footer .post-item.overlay-post .view-count,
.site-footer .post-item .post-item-image .view-count {
display: none;
}
.post-item.overlay-post .view-count span {
display: flex;
align-items: center;
gap: 5px;
padding: 5px 7px;
color: #ffffff;
background-color: var(--primary-color);
border-radius: 100vmax;
}
.post-item.overlay-post .post-item-content {
-webkit-backdrop-filter: unset;
backdrop-filter: unset;
transition: var(--transition);
} .post-item .post-item-image {
box-shadow: unset;
}
.post-item.has-post-thumbnail .post-item-image, 
.has-post-thumbnail .post-item .post-item-image {
overflow: hidden;
box-shadow: var(--shadow);
} .social-widget.style-2 .social-widgets-wrap a {
padding: 12px 20px;
padding-inline-start: 12px;
box-shadow: var(--shadow);
border: 3px solid #fff;
}