/*--------------------------------------------------------------
# Customizing Header Transparent & Nav Menu
--------------------------------------------------------------*/
#header .logo-transparent{display: none !important;}



/*--------------------------------------------------------------
# Main Style
--------------------------------------------------------------*/
.swiper .swiper-navigation .swiper-btn{background: var(--bs-btn-bg) !important; border-color: var(--bs-btn-border-color) !important; color: var(--bs-btn-color) !important; transition: all .5s ease !important;}
.swiper .swiper-navigation .swiper-btn:hover{background: var(--bs-btn-hover-bg) !important; border-color: var(--bs-btn-hover-border-color) !important; color: var(--bs-btn-hover-color) !important;}
.swiper .swiper-navigation .swiper-btn:active{background: var(--bs-btn-active-bg) !important; border-color: var(--bs-btn-active-border-color) !important; color: var(--bs-btn-active-color) !important;}
.min-section .section-title .title::before{display: none !important;}
.min-section .section-title .title::after{display: none !important;}
.min-section .section-title .section-title-content .title-content::after{content: ""; height: 8px; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-top: 1px dashed var(--line); border-bottom: 1px dashed var(--line);}


/*--------------------------------------------------------------
# Post section
--------------------------------------------------------------*/
.posts-section .post-panel .post-media{width: 100%; aspect-ratio: 16 / 10.656; border-radius: 5px; overflow: hidden;}
.posts-section .post-panel .post-media .swiper-slide{aspect-ratio: 16 / 10.656;}
.posts-section .post-panel .post-media .swiper-slide .featured-vedio .overly-featured-image{background: rgb(0 0 0 / 10%); position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px;}
.posts-section .post-panel .post-media .swiper-slide .featured-vedio .overly-featured-image .play-btn{width: 18%; max-width: 80px;}

.posts-section .post-panel .post-media .swiper-button-prev, .posts-section .post-panel .post-media .swiper-button-next, .posts-section .post-panel .post-media .swiper-btn{width: 36px !important; height: 36px !important;}
.posts-section .post-panel .post-media .swiper-button-prev, .posts-section .post-panel .post-media .swiper-rtl .swiper-button-next{left: 16px !important; right: auto !important;}
.posts-section .post-panel .post-media .swiper-button-next, .posts-section .post-panel .post-media .swiper-rtl .swiper-button-prev{right: 16px !important; left: auto !important;}
@media (min-width: 768px){.posts-section .post-panel .post-media .swiper-button-prev, .posts-section .post-panel .post-media .swiper-button-next, .posts-section .post-panel .post-media .swiper-btn{width: 45px !important; height: 45px !important;} .posts-section .post-panel .post-media .swiper-button-prev, .posts-section .post-panel .post-media .swiper-rtl .swiper-button-next{left: 24px !important; right: auto !important;} .posts-section .post-panel .post-media .swiper-button-next, .posts-section .post-panel .post-media .swiper-rtl .swiper-button-prev{right: 24px !important; left: auto !important;}}

.posts-section .post-panel .post-media .swiper .swiper-scrollbar{background: rgb(0 0 0 / 30%); min-height: 4px !important; max-height: 4px !important; bottom: 0px !important; left: 0px !important; right: 0px !important;}
.posts-section .post-panel .post-media .swiper .swiper-scrollbar .swiper-scrollbar-drag{background: #000000 !important;}

.posts-section .post-panel .post-header .post-meta{line-height: 1; font-size: 15px; font-weight: 500; text-transform: capitalize;}


section.bprder-top{border-top: solid 3px var(--secondary);}


.short-posts-section .short-posts .short-post-panel:not(:last-child){padding-bottom: 16px; border-bottom: solid 1px var(--line); margin-bottom: 16px;}
.short-posts-section .short-posts .short-post-panel .post-media .featured-image{width: 100px; min-width: 100px; max-width: 100px; overflow: hidden; }
@media (max-width: 768px){.short-posts-section .short-posts .short-post-panel .post-media .featured-image{width: 108px; min-width: 108px; max-width: 108px;}}
.short-posts-section .short-posts .short-post-panel .post-media .featured-image img{transition: all .3s ease-out;}
.short-posts-section .short-posts .short-post-panel .post-media .featured-image:hover img{transform: translateX(0) translateY(0) scale(1.06);}
.short-posts-section .short-posts .short-post-panel .post-header .post-meta{line-height: 1; font-size: 12px; font-weight: 500; text-transform: capitalize;}
.short-posts-section .short-posts .short-post-panel .post-header .post-title{font-size: 13px !important; font-weight: 700 !important; line-height: 1.4 !important;}
@media (max-width: 992px){.short-posts-section .short-posts .short-post-panel .post-header .post-title{font-size: 14px !important;}}
.short-posts-section .short-posts .short-post-panel .post-header .post-title a{display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -moz-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; text-overflow: ellipsis; white-space: normal; color: #000000 !important;}
.short-posts-section .short-posts .short-post-panel .post-header .post-title a:hover{color: var(--link-lighter) !important;}
