/* ==========================
   Fade In Animation
========================== */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-card-1,
.fade-card-2,
.fade-card-3,
.fade-card-4{
    animation: fadeInUp linear both;
    animation-timeline: view();
}

.fade-card-1{ animation-range: entry 0% entry 40%; }
.fade-card-2{ animation-range: entry 5% entry 45%; }
.fade-card-3{ animation-range: entry 10% entry 50%; }
.fade-card-4{ animation-range: entry 15% entry 55%; }


/* ==========================
   Blog Arşiv Boşluğu
========================== */

.blog .site-main,
.archive .site-main{
    padding-top:30px;
}


/* ==========================
   Blog Kartları
========================== */

.loop-entry{
    display:flex;
    flex-direction:column;
    height:100%;

    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    overflow:hidden;

    box-shadow:0 8px 25px rgba(0,0,0,.06);

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

.loop-entry:hover{
    border-color:#ff6b21;
    box-shadow:0 18px 40px rgba(255,107,33,.18);
    transform:translateY(-6px);
}


/* ==========================
   Görsel
========================== */

.loop-entry .post-thumbnail{
    overflow:hidden;
}

.loop-entry .post-thumbnail img{
    width:100%;
    display:block;
    transition:transform .35s ease;
}

.loop-entry:hover .post-thumbnail img{
    transform:scale(1.05);
}


/* ==========================
   İçerik
========================== */

.loop-entry .entry-content,
.loop-entry .entry-summary,
.loop-entry .entry-header{
    padding-left:24px;
    padding-right:24px;
}

.loop-entry .entry-content{
    display:flex;
    flex-direction:column;
    flex:1;
    height:100%;
}


/* ==========================
   Başlık
========================== */

.loop-entry .entry-title{
    line-height:1.35;
    margin-bottom:12px;

    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    overflow:hidden;

    min-height:6em;

    transition:color .25s ease;
}

.loop-entry:hover .entry-title{
    color:#ff6b21;
}


/* ==========================
   Meta Bilgisi
========================== */

.loop-entry .entry-meta{
    margin-top:auto;
    padding-top:8px;
    font-size:14px;
    color:#555;
    transition:color .25s ease;
}

.loop-entry:hover .entry-meta{
    color:#444;
}


/* ==========================
   Devamını Oku Gizle
========================== */

.loop-entry .more-link,
.loop-entry .kadence-post-readmore,
.loop-entry .entry-footer,
.loop-entry .read-more-wrap{
    display:none !important;
}