/*
 Theme Name:   Panoramik Rontgen Child
 Theme URI:    https://panoramikrontgen.com
 Description:  Child Theme - panoramikrontgen.com SEO
 Author:       Dr. Sertac Kizilkaya
 Author URI:   https://www.drsertac.net
 Template:     panoramik-rontgen
 Version:      1.0.2
 Text Domain:  panoramik-rontgen-child
*/

/* =====================================================
   MASAÜSTÜ - Geniş ekran kullanımı
   ===================================================== */
@media only screen and (min-width: 1200px) {
    .containerInner {
        width: 94% !important;
        max-width: 1400px !important;
        padding: 1px 20px 0 !important;
    }
    .columns2-right > .content,
    .columns2-left > .content {
        width: calc(100% - 260px) !important;
    }
    .columns2-right > #sidebar,
    .columns2-left > #sidebar {
        width: 240px !important;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .containerInner {
        width: 96% !important;
        max-width: 1100px !important;
        padding: 1px 15px 0 !important;
    }
}

/* =====================================================
   MOBİL - Tam ekran + Büyük font
   ===================================================== */
@media only screen and (max-width: 767px) {

    html, body {
        width: 100% !important;
        overflow-x: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .containerInner {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 12px !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    #header, header {
        width: 100% !important;
        box-sizing: border-box !important;
        padding: 0 12px !important;
    }

    .content, #main,
    .columns2-right > .content,
    .columns2-left > .content {
        width: 100% !important;
        float: none !important;
        box-sizing: border-box !important;
        padding: 0 !important;
    }

    img, .article-image img, .article-image {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    body {
        font-size: 16px !important;
        line-height: 1.8 !important;
    }

    p, .article p, .article-single p, .entry-content p {
        font-size: 16px !important;
        line-height: 1.8 !important;
        margin-bottom: 18px !important;
    }

    h1 { font-size: 22px !important; line-height: 1.3 !important; }
    h2 { font-size: 20px !important; line-height: 1.3 !important; }
    h3 { font-size: 18px !important; line-height: 1.35 !important; }
    h4 { font-size: 16px !important; line-height: 1.35 !important; }
    h5, h6 { font-size: 15px !important; }

    .entry-title, .page-title, .article-title {
        font-size: 20px !important;
        line-height: 1.35 !important;
    }

    article ul li, article ol li, p ul li, p ol li {
        font-size: 16px !important;
        line-height: 1.8 !important;
    }

    blockquote {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    .et-mobile-menu li > a {
        font-size: 15px !important;
    }

    .widget-container, .widget-container p, .widget-container li {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }

    #footer, .footer-information ul li a, #footer .copyright {
        font-size: 13px !important;
    }

    .article-meta, .entry-utility, .article-single .article-meta {
        font-size: 13px !important;
    }

    #search {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .logo {
        width: 100% !important;
        text-align: center !important;
        margin: 10px 0 !important;
    }
}

/* =====================================================
   TABLET
   ===================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    body { font-size: 14px !important; line-height: 1.7 !important; }
    p, .article p { font-size: 14px !important; line-height: 1.7 !important; }
    h1 { font-size: 22px !important; }
    h2 { font-size: 20px !important; }
    h3 { font-size: 18px !important; }
    .containerInner {
        width: 98% !important;
        padding: 10px 15px !important;
        box-sizing: border-box !important;
    }
}