/**
Theme Name: Kref Studio 
Author: Kref Studio
Author URI: https://krefstudio.com/tentang-kami/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.1.0
Requires at Least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Tags: blog, e-commerce, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: astra-child
Template: astra
*/


/* =========================================
   Frontend Styles for Editor Compatibility
   (Matching editor-style.css)
   ========================================= */

/* Fix Paragraph Spacing */
.entry-content p {
    margin-bottom: 1.5em;
}

/* Tables */
.entry-content table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1.5em;
    border: 1px solid #ddd;
}

.entry-content th,
.entry-content td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

.entry-content th {
    background-color: #f5f5f5;
    font-weight: 600;
}

/* Code Blocks (ChatGPT Style) */
.entry-content pre {
    background: #0d0d0d;
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    overflow-x: auto;
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    margin-bottom: 1.5em;
    font-size: 14px;
    line-height: 1.4;
}

.entry-content code {
    font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
    background: #f0f0f0;
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 0.9em;
}

.entry-content pre code {
    background: transparent;
    padding: 0;
    color: inherit;
    border-radius: 0;
}

/* Blockquotes: Design 1 (Soft Card) */
.kref-blockquote-design-1 .entry-content blockquote,
.entry-content .quote-style-1,
.entry-content .quote-style-3 {
    margin: 0 0 1.75em 0;
    position: relative;
    padding: 22px 40px 42px 124px;
    background: #ffffff;
    border: 0;
    border-radius: 20px;
    box-shadow: 0 14px 40px rgba(15, 23, 42, 0.12);
    color: #1f2937;
    font-size: 20pt;
    line-height: 1.6;
    font-style: italic;
    overflow: visible;
}

.kref-blockquote-design-1 .entry-content blockquote::before,
.entry-content .quote-style-1::before,
.entry-content .quote-style-3::before {
    content: "\201C";
    position: absolute;
    left: 56px;
    top: 24px;
    font-size: 88px;
    line-height: 1;
    font-weight: 700;
    font-style: normal;
    font-family: Georgia, "Times New Roman", serif;
    letter-spacing: 0;
    color: var(--ast-global-color-0, #4a90e2);
}

.kref-blockquote-design-1 .entry-content blockquote p,
.entry-content .quote-style-1 p,
.entry-content .quote-style-3 p {
    margin: 0;
}

.kref-blockquote-design-1 .entry-content blockquote > *:not(:first-child),
.entry-content .quote-style-1 > *:not(:first-child),
.entry-content .quote-style-3 > *:not(:first-child) {
    margin-top: 20px;
}

.kref-blockquote-design-1 .entry-content blockquote cite,
.kref-blockquote-design-1 .entry-content blockquote footer,
.entry-content .quote-style-1 cite,
.entry-content .quote-style-1 footer,
.entry-content .quote-style-3 cite,
.entry-content .quote-style-3 footer {
    display: block;
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.5;
    font-style: normal;
    color: #6b7280;
}

@media (max-width: 767px) {
    .kref-blockquote-design-1 .entry-content blockquote,
    .entry-content .quote-style-1,
    .entry-content .quote-style-3 {
        padding: 12px 24px 32px 80px;
        font-size: 20pt;
        border-radius: 18px;
    }

    .kref-blockquote-design-1 .entry-content blockquote::before,
    .entry-content .quote-style-1::before,
    .entry-content .quote-style-3::before {
        left: 42px;
        top: 20px;
        font-size: 68px;
    }
}

/* Blockquotes: Design 2 (Editorial Note) */
.kref-blockquote-design-2 .entry-content blockquote,
.entry-content .quote-style-2 {
    margin: 0 0 1.75em 0;
    padding: 22px 24px;
    background: #fff;
    border: 1px dashed #b9bec7;
    border-radius: 16px;
    box-shadow: none;
    color: #6f7782;
    font-size: inherit;
    line-height: 1.85;
    font-style: italic;
    font-family: Georgia, "Times New Roman", serif;
}

.kref-blockquote-design-2 .entry-content blockquote::before,
.entry-content .quote-style-2::before {
    content: none;
}

.kref-blockquote-design-2 .entry-content blockquote p,
.entry-content .quote-style-2 p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}

.kref-blockquote-design-2 .entry-content blockquote strong,
.kref-blockquote-design-2 .entry-content blockquote b,
.entry-content .quote-style-2 strong,
.entry-content .quote-style-2 b {
    color: #4f5661;
    font-weight: 700;
}

.kref-blockquote-design-2 .entry-content blockquote mark,
.entry-content .quote-style-2 mark {
    background: #fff15a;
    color: inherit;
    padding: 0 0.12em;
}

.kref-blockquote-design-2 .entry-content blockquote cite,
.kref-blockquote-design-2 .entry-content blockquote footer,
.entry-content .quote-style-2 cite,
.entry-content .quote-style-2 footer {
    display: block;
    margin-top: 14px;
    font-size: 0.95em;
    line-height: 1.6;
    font-style: normal;
    color: #6b7280;
}

@media (max-width: 767px) {
    .kref-blockquote-design-2 .entry-content blockquote,
    .entry-content .quote-style-2 {
        padding: 18px 18px;
        border-radius: 14px;
        line-height: 1.75;
    }
}