/* ============================================
   TYPOGRAPHY: Fonts, sizes, text styles
   ============================================ */

/* Mobile Font Size Increase */
@media (max-width: 768px) {
    body,
    p,
    .content,
    .rich-text,
    article {
        font-size: 18px; /* Increased base font size for better readability on mobile */
    }
}

/* Ensure text remains readable */
h1 {
    font-size: 3.5rem;
}
h2 {
    font-size: 2.5rem;
}
h3 {
    font-size: 2rem;
}
h4 {
    font-size: 1.5rem;
}
h5 {
    font-size: 1.25rem;
}
h6 {
    font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Rancho", cursive;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

p,
li,
a {
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Blockquote Styling */
blockquote {
    background: rgba(249, 249, 249, 0.6);
    border-left: 5px solid #515b3a; /* Theme green color */
    margin: 1.5em 10px;
    padding: 1em 20px;
    quotes: "\201C" "\201D" "\2018" "\2019";
    font-style: italic;
    color: #555;
}

blockquote:before {
    color: #515b3a;
    content: open-quote;
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.1em;
    vertical-align: -0.4em;
}

blockquote p {
    display: inline;
}