/* PartiGünü.com | Blog makale detay sayfası tipografi düzeltmesi
   Kapsam: yalnız .singlepost .post-content; H1, yan sütun, editör ve diğer sayfalar etkilenmez.
   Şablon: resources/views/front/blog/view.blade.php
*/

/* Bölüm başlıkları: HTML h3 olarak kalır. */
.singlepost .post-content h3 {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    margin: 24px 0 10px !important;
    padding: 0 !important;
}

/* Mevcut metin font boyutuna dokunmadan okunabilir aralıklar. */
.singlepost .post-content p {
    margin: 0 0 16px !important;
    line-height: 1.7 !important;
}

.singlepost .post-content h3 + p,
.singlepost .post-content h3 + div > p:first-child {
    margin-top: 0 !important;
}

.singlepost .post-content ul,
.singlepost .post-content ol {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    padding-left: 1.5em;
}

.singlepost .post-content li {
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    line-height: 1.7 !important;
}

.singlepost .post-content li:last-child {
    margin-bottom: 0 !important;
}

/* Boş paragraf öğelerinin fazladan aralık üretmesini önle. */
.singlepost .post-content p:empty {
    display: none !important;
}

/* Önceden var olan mavi kutulu büyük ilk harf (drop cap) stilini sıfırla.
   Şablondaki class="dropcaps" ayrıca class="pg-article-text" ile değiştirilmeli.
   Aşağıdaki kural eski sınıf geçici olarak yerinde kalsa bile ilk harfi normale getirir. */
.singlepost .post-content p::first-letter,
.singlepost .post-content .dropcaps::first-letter,
.singlepost .post-content .dropcaps p::first-letter,
.singlepost .post-content .pg-article-text::first-letter {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    font-style: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    vertical-align: baseline !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    initial-letter: normal !important;
}

@media (max-width: 767px) {
    .singlepost .post-content h3 {
        font-size: 18px !important;
    }
}
