/* Style One */
.ek-post-style-one {

    .elite-kit-post-img{
        img{
            @apply h-full;
        }
    }

    .ek-post-badge {
        @apply inline-block px-2.5 py-1 text-[12px] font-medium tracking-wide border border-ekl-red-orange-200 text-orange-600 uppercase bg-white rounded-full transition-colors duration-300 hover:bg-orange-100 hover:text-orange-700;
    }

    .ek-post-title {
        @apply mt-[25px] mb-0 text-[28px] max-[1024px]:text-[24px] max-[768px]:text-[20px] font-bold leading-[120%] text-gray-900 break-all -tracking-[.56px];
        a {
            @apply text-gray-900  transition-colors duration-200 hover:text-orange-500;
        }
    }

    .ek-meta-item {
        @apply flex items-center text-ekl-neutral-700 capitalize gap-1 hover:text-ekl-red-orange-600 transition-all duration-300 ease-in-out;
        svg {
            @apply w-[1em] h-[1em] transition-all duration-300;
            path {
                @apply fill-current;
            }
        }
    }

    .ek-post-excerpt {
        @apply m-0 text-[16px] text-ekl-neutral-700 leading-[26px] mt-[15px];
    }

    .ek-read-more {
        @apply text-ekl-neutral-900 hover:text-ekl-red-orange-600;
        svg {
            @apply w-[1em] h-[1em] fill-current transition-all duration-300;
        }
        &.ek-icon-before {
            @apply flex-row-reverse;
        }
    }
    .ek-pg-pagination-wrap {
        .page-numbers {
            @apply w-12 h-12 flex items-center  justify-center rounded-[50%] text-ekl-neutral-700 text-[16px] leading-5 -tracking-[.32px] border border-transparent hover:border-ekl-red-orange-200 transition-all duration-300;
            &.current {
                @apply border border-ekl-red-orange-200 text-ekl-red-orange-600 ;
            }
            &.next,
            &.prev {
                @apply bg-ekl-neutral-200 rounded-lg p-2.5 w-max gap-[5px];

                &:hover {
                    @apply bg-ekl-red-orange-200;
                }
                svg {
                    @apply w-[1em] h-[1em] fill-current;
                }
            }
        }
    }
    .ek-pg-loadmore {
        @apply py-3 px-6 bg-ekl-neutral-900 text-white border-none inline-flex items-center justify-center font-semibold text-[16px] leading-5 rounded-[999px] transition-all duration-300 hover:bg-ekl-red-orange-600;

        &.ek-loading {
            @apply pointer-events-none opacity-80;
            .ek-pg-loadmore-text {
                @apply hidden;
            }
            .ek-pg-loadmore-spinner {
                @apply inline-block;
            }
        }
    }
}