/* =====================
   6. Sitaatti
   ===================== */
.sitaatti {
    max-width: 900px;
    margin-top: 3% !important;
    margin-bottom: 3% !important;
    padding: 3rem 3.5rem;
    box-sizing: border-box;
    position: relative;
    box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.15);
}
.sitaatti::before {
    content: '\201C';
    font-size: 5rem;
    line-height: 0.2;
    color: var(--sitaatti-teksti-vari, var(--theme-headings-color));
    display: block;
    margin-bottom: 0rem;
    margin-top: 3rem;
    font-family: Georgia, serif;
}
.sitaatti--h1::before { font-size: 9rem; }
.sitaatti--h2::before { font-size: 7rem; }
.sitaatti--h3::before { font-size: 5rem; }
.sitaatti--h4::before { font-size: 4rem; }
.sitaatti--h5::before { font-size: 3.5rem; }
.sitaatti--h6::before { font-size: 3rem; }
.sitaatti__teksti {
    margin: 0;
    padding: 0;
    border: none;
    font-family: var(--theme-font-family);
    font-size: var(--theme-font-size);
    line-height: var(--theme-line-height);
    color: var(--sitaatti-teksti-vari, var(--theme-headings-color));
}
.sitaatti__otsikko {
    font-family: var(--theme-font-family);
    color: var(--sitaatti-teksti-vari, var(--theme-headings-color));
    margin-bottom: 0.75rem;
}

.sitaatti__teksti p {
    margin-bottom: 1rem;
}
.sitaatti__teksti p:last-child {
    margin-bottom: 0;
}

.sitaatti__teksti h1,
.sitaatti__teksti h2,
.sitaatti__teksti h3,
.sitaatti__teksti h4,
.sitaatti__teksti h5,
.sitaatti__teksti h6 {
    font-family: var(--theme-font-family);
    color: var(--sitaatti-teksti-vari, var(--theme-headings-color));
    margin-bottom: 0.5rem;
    margin-top: 1rem;
}

/* Tasaus */
.sitaatti--keskitetty {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.sitaatti--vasemmalla {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}

/* Mobiili */
@media (max-width: 768px) {
    .sitaatti {
        padding: 2rem 1.5rem;
    }
}