/*
Theme Name: GeneratePress Child — ES3
Theme URI: https://istanbuleskort3.lol/
Description: istanbuleskort3.lol için GeneratePress alt teması. Tasarım GeneratePress'in kendi ayarlarıyla kurulur; burada yalnızca kart listesindeki alan tablosu ve dikey kapak için gereken az sayıda kural var.
Author: ES3
Template: generatepress
Version: 1.0.0
Text Domain: generatepress-child
*/

/* Kart künyesi: yazının sonundaki alan listesi */
.es3-alan {
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
}

.es3-alan li {
    padding: 7px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.es3-alan li:last-child {
    border-bottom: 0;
}

.es3-alan strong {
    display: inline-block;
    min-width: 108px;
}

/*
 * Kapaklar 832x1248 dikey üretiliyor. Tekil sayfada tam genişlikte basılınca
 * ekranın tamamını kaplayıp yazıyı ilk ekranın altına itiyor.
 */
.single-post .featured-image img,
.single-post .page-header-image-single img {
    width: auto;
    max-width: 100%;
    max-height: 520px;
    display: block;
    margin: 0 auto;
}

/*
 * Ana sayfanın altındaki anahtar kelime bölümleri. Kart listesiyle arasına
 * belirgin bir ayırıcı koyuyoruz; yoksa son kartın devamı gibi okunuyor.
 */
.es3-sayfa-metni {
    margin-top: 2.5em;
    padding-top: 2em;
    border-top: 2px solid rgba(0, 0, 0, .1);
}

.es3-sayfa-metni h2 {
    margin-top: 1.6em;
    font-size: 1.28em;
}

.es3-sayfa-metni h2:first-child {
    margin-top: 0;
}

.es3-sayfa-metni p {
    margin-bottom: 1em;
}

/*
 * Alt bilgi tanıtımı, widget alanıyla telif satırının arasına giriyor. O iki
 * bölgenin zemini GeneratePress ayarlarından geliyor ama aralarındaki boşluğun
 * yok; metin sayfa zemini üzerinde havada duruyordu. Zemini sarmalayıcıya
 * veriyoruz, böylece alt bilgi tek parça oluyor.
 *
 * Renk, eklentinin tema paletindeki alt bilgi widget rengiyle aynı (#14484a);
 * ikisi birlikte değişmeli.
 */
.site-footer {
    background-color: #14484a;
}

.es3-footer-metni {
    max-width: 1100px;
    margin: 0 auto;
    padding: .5em 1em 2em;
    font-size: .9em;
    line-height: 1.65;
    color: #c8d8d6;
}

.es3-footer-metni h2 {
    margin: 0 0 .6em;
    font-size: 1.05em;
    color: #ffffff;
}

.es3-footer-metni p {
    margin-bottom: .9em;
}

.es3-footer-metni p:last-child {
    margin-bottom: 0;
}

.es3-footer-metni a {
    color: #ffffff;
}