/* ===============================
   Boston Catholic Journal
   Master Style Sheet
   August 2026
================================= */

html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #222222;
    font-family: "Times New Roman", serif;
    font-size: 21px;
    line-height: 1.7;
}


/* ===============================
   Main Page
================================= */

#page {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    background: #ffffff;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: none;
    box-shadow: none;
    box-sizing: border-box;
}

/* ===============================
   Header
================================= */

#header img {
    display: block;
    width: 100%;
    height: auto;
}


/* ===============================
   Page-Title Band
================================= */

#navigation {
    margin-top: 5px;
    padding: 6px 0;
    background: #1e1e1e;
    border-top: 2px solid #9A7A2F;
    border-bottom: 2px solid #9A7A2F;
    text-align: center;
    position: relative;
}

/* ===============================
   Article Content
================================= */

#content {
    width: 1150px;
    margin: 50px auto 0 auto;
    padding: 0 35px;
    box-sizing: border-box;
}

/* ===============================
Latin / English Prayer Pairs
================================= */

.prayer-pair {
    margin: 35px 0 45px 0;
    border: 1px solid #444444;
    overflow: hidden;
}

.prayer-latin,
.prayer-english {
    float: left;
    width: 50%;
    padding: 30px 35px;
    box-sizing: border-box;
}

.prayer-latin {
    border-right: 1px solid #444444;
}

.prayer-pair h3 {
    margin-top: 0;
    font-size: 28px;
}

.prayer-pair p {
    font-size: 18px;
    line-height: 1.55;
    text-align: left;
}
/* ===============================
   Article Headings
================================= */

#content h1,
#content h2,
#content h3 {
font-family: "Times New Roman", Times, serif;    font-weight: normal;
}

#content h1 {
    margin: 0 0 10px 0;
    font-size: 48px;
    line-height: 1.15;
    text-align: center;
}

#content h2 {
    margin: 0 0 30px 0;
    font-size: 36px;
    font-style: normal;
    line-height: 1.25;
    text-align: left;
}

#content h3 {
    margin: 1.2em 0 0.5em 0;
    font-size: 24px;
    line-height: 1.25;
}


/* ===============================
   Paragraphs
================================= */

#content p {
    margin: 0 0 1.3em 0;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}


/* ===============================
   Block Quotations
================================= */

#content blockquote {
    width: 85%;
    margin: 28px auto;
    padding: 0 18px;
    border-left: none;
    box-sizing: border-box;
    color: #35170C;
    font-family: "Times New Roman", Times, serif;
    font-size: 14pt;
    font-style: italic;
    line-height: 1.4;
    text-align: justify;
}

/*
   Paragraphs inside a block quotation should inherit
   the quotation's typography rather than the ordinary
   article-paragraph dimensions.
*/

#content blockquote p {
    margin: 0 0 1em 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    line-height: inherit;
    text-align: inherit;
}

#content blockquote p:last-child {
    margin-bottom: 0;
}


/* ===============================
   Sacred Scripture Quotations
================================= */

#content blockquote.scripture {
    font-style: italic;
}


/* ===============================
   Quotation Attributions
================================= */

#content blockquote cite {
    display: block;
    margin-top: 14px;
    font-size: 50%;
    font-style: italic;
    text-align: right;
}


/* ===============================
   Article Heading Block
================================= */

#article-heading {
    padding: 28px 40px 30px;
    background: #1e1e1e;
    color: #ffffff;
    border-bottom: 1px solid #9A7A2F;
    text-align: center;
    box-sizing: border-box;
}

#article-heading h1 {
    margin: 0 0 18px 0;
    font-size: 38px;
    font-weight: normal;
    line-height: 1.2;
}

#article-heading h2 {
    margin: 0 0 34px 0;
    font-size: 30px;
    font-weight: normal;
    line-height: 1.2;
}

#article-heading p {
    color: #ffffff;
    text-align: center;
}

.article-epigraph {
    margin: 0 0 30px 0;
    font-size: 21px;
    line-height: 1.5;
}

.article-author {
    margin: 0 0 28px 0;
    font-size: 21px;
    line-height: 1.5;
}

.article-date {
    margin: 0;
    font-size: 21px;
    line-height: 1.5;
}


/* ===============================
   Legacy Scripture-Quotation Class
================================= */

/*
   This class may remain for older converted articles.
   For new articles, prefer:

   <blockquote class="scripture">
       Quotation
       <cite>— Source</cite>
   </blockquote>
*/

.scripture-quotation {
    margin: 1.5em 45px 2em 45px;
}

.scripture-quotation p {
    margin: 0 0 1.25em 0;
    font-size: 20px;
    line-height: 1.65;
    text-align: justify;
}

/* ===============================
   Footnotes
================================= */

#content .footnotes {
    margin-top: 55px;
    padding-top: 20px;
font-family: "Times New Roman", Times, serif;    font-style: normal;
    color: #35170C;
}

#content .footnotes hr {
    width: 30%;
    margin: 0 0 12px 0;
    border: 0;
    border-top: 1px solid #35170C;
}

#content .footnotes p {
    margin: 0 0 1.25em 0;
font-family: "Times New Roman", Times, serif;    font-size: 16px;
    font-style: normal !important;
    line-height: 1.55;
    text-align: left;
}

#content .footnotes sup {
    margin-right: 6px;
    font-size: 75%;
    vertical-align: super;
}

#content .footnotes a {
    font-style: normal;
    overflow-wrap: anywhere;
    word-break: normal;
}

#content .footnote-explanation {
    margin-top: 18px;
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
    font-style: normal;
}


/* ===============================
   Article Footer
================================= */
.article-footer {
    margin-top: 70px;
    padding-top: 35px;
    border-top: none;
}

.article-footer p {
    text-align: center;
}

.bcj-footer-mission img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 123px;
    margin: 0 auto 20px auto;
}


/* ===============================
   Site Footer
================================= */

/* ===============================
   BCJ — SITE FOOTER
   Canonical footer for DWT pages
================================= */

#footer {
    width: 100%;
    margin: 0 auto;
    padding: 0 35px 35px;
    border-top: none;
    box-sizing: border-box;
    color: #444444;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
}

#footer *,
#footer *::before,
#footer *::after {
    box-sizing: border-box;
}

#footer::before {
    content: "";
    display: block;
    width: 75%;
    margin: 0 auto 25px;
    border-top: 1px solid #B2BEB5;
}

#footer .footer-logo {
    display: block;
    width: 90px;
    max-width: 100%;
    height: auto;
    margin: 0 auto 18px;
}

#footer .footer-mission {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 18px;
    font-size: 22px;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
}

#footer .footer-latin {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

#footer .footer-english {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 35px;
    color: #B84D2F;
    font-size: 20px;
    text-align: center;
}

#footer .footer-copyright {
    width: 100%;
    margin: 0 auto 18px;
    color: #333333;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
}

#footer .footer-license {
    display: block;
    width: 90%;
    max-width: 1100px;
    margin: 32px auto 0;
    padding: 0;
    color: #333333;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
}
/* =========================================================
   LIBER PSALMORUM — PSALMS AUDIO PAGE
   ========================================================= */

.psalms-page {
    max-width: 1120px;
    margin: 0 auto;
    color: #35170C;
}

.psalms-introduction {
    max-width: 980px;
    margin: 0 auto 44px;
}

#content .psalms-introduction p {
    margin: 0;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}

.psalms-heading {
    text-align: center;
    margin: 0 auto 28px;
}

#content .psalms-heading h2 {
    margin: 0 0 10px;
    font-family: "Times New Roman", serif;
    font-size: 34px;
    font-weight: 400;
    color: #35170C;
}

#content .psalms-download-note {
    margin: 0;
    font-family: "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    color: #35170C;
}

.psalms-illustration {
    text-align: center;
    margin: 28px auto 42px;
}

.psalms-illustration img {
    display: block;
    max-width: 488px;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.psalms-devotional-text {
    max-width: 980px;
    margin: 0 auto;
}

#content .psalms-devotional-text p {
    margin: 0 0 22px;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}

.psalms-divider {
    width: 68%;
    margin: 44px auto 34px;
    border: 0;
    border-top: 1px solid #9A7A2F;
}

.psalms-directory-heading {
    text-align: center;
    margin: 0 auto 38px;
}

#content .psalms-directory-heading h2 {
    margin: 0 0 12px;
    font-family: "Times New Roman", serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    color: #222222;
}

#content .psalms-dedication {
    margin: 0;
    font-family: "Times New Roman", serif;
    font-size: 19px;
    font-style: italic;
    font-weight: 700;
    text-align: center;
    color: #35170C;
}

@media (max-width: 800px) {

    .psalms-page {
        max-width: 100%;
    }

    #content .psalms-introduction p,
    #content .psalms-devotional-text p {
        font-size: 18px;
        line-height: 1.65;
    }

    #content .psalms-heading h2 {
        font-size: 30px;
    }

    #content .psalms-directory-heading h2 {
        font-size: 26px;
    }

    .psalms-divider {
        width: 82%;
    }
}
/* =========================================================
   LIBER PSALMORUM — PSALM DIRECTORY
   ========================================================= */

.psalms-directory {
    max-width: 980px;
    margin: 0 auto 55px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

#content .psalms-directory .psalm-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    padding: 8px 6px;
    border: 1px solid #9A7A2F;
    background: #ffffff;
    color: #35170C;
    font-family: "Times New Roman", serif;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.2s ease,
                border-color 0.2s ease;
}

.psalms-directory .psalm-link    background: #f7f4ed;
    border-color: #35170C;
}

.psalms-directory .psalm-link    background: #f7f4ed;
    border-color: #35170C;
}

.psalm-roman {
    display: block;
    font-size: 19px;
    line-height: 1.15;
    font-weight: 700;
}

.psalm-number {
    display: block;
    margin-top: 3px;
    font-size: 14px;
    line-height: 1.1;
    font-weight: 400;
    color: #35170C;
}

/* Seven Penitential Psalms */

#content .psalms-directory .psalm-link.penitential .psalm-roman {
    color: #b00000;
}

/* Hallel Psalms */

#content .psalms-directory .psalm-link.hallel .psalm-roman {
    color: #b0008f;
}


/* ---------- TABLET ---------- */

@media (max-width: 800px) {

    .psalms-directory {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

}


/* ---------- PHONE ---------- */

@media (max-width: 480px) {

    .psalms-directory {
        grid-template-columns: repeat(2, 1fr);
        gap: 7px;
    }

    #content .psalms-directory .psalm-link {
        min-height: 58px;
    }

    .psalm-roman {
        font-size: 18px;
    }

}
/* =========================================================
   LIBER PSALMORUM — DIRECTORY OVERRIDES
   ========================================================= */

.psalms-directory .psalm-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    padding: 8px 6px;
    border: 1px solid #9A7A2F;
    background: #ffffff;
    color: #35170C;
    font-family: "Times New Roman", serif;
    text-align: center;
    text-decoration: none;
}

.psalms-directory .psalm-link:hover {
    background: #f7f4ed;
    border-color: #35170C;
}

.psalms-directory .psalm-link.penitential .psalm-roman {
    color: #b00000;
}

.psalms-directory .psalm-link.hallel .psalm-roman {
    color: #b0008f;
}
/* LIBER PSALMORUM — DIRECTORY REFINEMENT */

.psalms-directory {
    gap: 7px;
}

.psalms-directory .psalm-link {
    min-height: 52px;
    padding: 6px 5px;
}

.psalm-roman {
    font-size: 18px;
}

.psalm-number {
    margin-top: 2px;
    font-size: 13px;
}
/* =========================================================
   LIBER PSALMORUM — NOTES
   ========================================================= */

.psalms-notes {
    max-width: 980px;
    margin: 65px auto 0;
    padding-top: 34px;
    border-top: 1px solid #9A7A2F;
}

#content .psalms-notes h2 {
    margin: 0 0 32px;
    font-family: "Times New Roman", serif;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #35170C;
}

.psalms-note {
    margin: 0 0 30px;
}

#content .psalms-note h3 {
    margin: 0 0 8px;
    font-family: "Times New Roman", serif;
    font-size: 22px;
    font-weight: 700;
    color: #35170C;
}

#content .psalms-note p {
    margin: 0 0 16px;
    font-size: 19px;
    line-height: 1.65;
    text-align: justify;
}

.penitential-text {
    color: #b00000;
}

.hallel-text {
    color: #b0008f;
}

#content .psalms-pronunciation-link {
    margin: 34px 0 0;
    text-align: center;
}

.psalms-pronunciation-link a {
    display: inline-block;
    padding: 10px 22px;
    border: 1px solid #9A7A2F;
    font-family: "Times New Roman", serif;
    font-size: 18px;
    font-weight: 700;
    color: #35170C;
    text-decoration: none;
}

.psalms-pronunciation-link a:hover {
    background: #f7f4ed;
    border-color: #35170C;
    text-decoration: none;
}
/* =========================================================
   ECCLESIASTICAL LATIN PRONUNCIATION GUIDE
   ========================================================= */

.latin-pronunciation-page {
    max-width: 980px;
    margin: 0 auto;
    color: #35170C;
}

.pronunciation-introduction {
    max-width: 860px;
    margin: 0 auto 48px;
}

#content .pronunciation-introduction p {
    margin: 0;
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
}

.pronunciation-section {
    margin: 0 auto 60px;
}

#content .pronunciation-section > h2 {
    margin: 0 0 34px;
    padding-bottom: 12px;
    border-bottom: 1px solid #9A7A2F;
    font-family: "Times New Roman", serif;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    color: #35170C;
}

.pronunciation-entry {
    margin: 0 0 32px;
    padding-bottom: 26px;
    border-bottom: 1px solid #d8d2c7;
}

.pronunciation-entry:last-child {
    border-bottom: 0;
}

#content .pronunciation-entry h3 {
    margin: 0 0 10px;
    font-family: "Times New Roman", serif;
    font-size: 24px;
    font-weight: 700;
    color: #35170C;
}

#content .pronunciation-entry p {
    margin: 0 0 12px;
    font-size: 18.5px;
    line-height: 1.65;
    text-align: justify;
}

#content .pronunciation-example {
    margin: 10px 0 0;
    padding: 10px 16px;
    border-left: 3px solid #9A7A2F;
    background: #faf8f3;
    font-family: "Times New Roman", serif;
    font-size: 18px;
    line-height: 1.55;
    text-align: left;
}

@media (max-width: 800px) {

    .latin-pronunciation-page {
        max-width: 100%;
    }

    #content .pronunciation-introduction p,
    #content .pronunciation-entry p {
        font-size: 18px;
        line-height: 1.6;
    }

    #content .pronunciation-section > h2 {
        font-size: 28px;
    }

    #content .pronunciation-entry h3 {
        font-size: 22px;
    }

    #content .pronunciation-example {
        font-size: 17px;
    }
}
#content .pronunciation-entry h3.pronunciation-letter-s {
    font-size: 25px;
}
/* =========================================================
   LIBER PSALMORUM — OTHER AUDIO RESOURCES
   ========================================================= */

.psalms-audio-library {
    max-width: 980px;
    margin: 62px auto 20px;
    padding-top: 38px;
    border-top: 1px solid #9A7A2F;
}

#content .psalms-audio-library h2 {
    margin: 0 0 14px;
    font-family: "Times New Roman", serif;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    color: #35170C;
}

#content .audio-library-introduction {
    max-width: 760px;
    margin: 0 auto 34px;
    font-size: 18px;
    line-height: 1.55;
    text-align: center;
    color: #35170C;
}

.audio-resource-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 32px;
}

.audio-resource {
    display: block;
    padding: 18px 4px;
    border-bottom: 1px solid #d8d2c7;
    color: #35170C;
    font-family: "Times New Roman", serif;
    text-decoration: none;
}

.audio-resource strong {
    display: block;
    margin-bottom: 4px;
    font-size: 19px;
    line-height: 1.3;
}

.audio-resource span {
    display: block;
    font-size: 16px;
    line-height: 1.4;
    color: #555555;
}

.audio-resource:hover strong {
    text-decoration: underline;
}

@media (max-width: 700px) {

    .audio-resource-grid {
        grid-template-columns: 1fr;
    }

    .psalms-audio-library {
        margin-top: 48px;
    }
}
#content .article-epigraph,
#content .article-author,
#content .article-date {
    text-align: center;
}

/* =========================================
   1959 Roman Martyrology
========================================= */

#content p.martyrology-date {
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: bold;
}

#content p.martyrology-day {
    margin-top: 0;
    font-size: 22px;
    font-weight: bold;
}
#content hr.martyrology-separator {
    width: 75%;
    margin: 32px auto 42px;
}
/* =========================================================
   Holy Rosary — Joyful Mysteries
   PQP typography and spacing
========================================================= */

.rosary-page {
    font-family: "Times New Roman", Times, serif;
}

.rosary-page p {
    font-size: 20px;
    line-height: 1.65;
}

.rosary-introduction {
    margin-top: 36px;
}

.rosary-introduction h2 {
    margin: 0 0 26px;
    font-size: 30px;
    line-height: 1.25;
    font-weight: normal;
}

.rosary-intro {
    margin-bottom: 30px;
}

.rosary-audio-directory {
    margin-top: 28px;
}

.rosary-audio-directory h3 {
    margin: 0 0 18px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: normal;
}

.rosary-audio-directory p {
    margin: 0 0 24px;
}

.rosary-prefatory-prayers {
    margin-top: 46px;
}

.rosary-prefatory-prayers h2 {
    margin: 0 0 28px;
    font-size: 30px;
    line-height: 1.25;
    font-weight: normal;
}

.rosary-prefatory-prayers h3 {
    margin: 32px 0 16px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: normal;
}

.rosary-prefatory-prayers p {
    margin: 0 0 28px;
    font-size: 20px;
    line-height: 1.65;
}
#content .rosary-page hr.rosary-separator {
    display: block;
    width: 75%;
    height: 0;
    margin: 58px auto 58px;
    padding: 0;
    border: 0;
    border-top: 1px solid #999;
}
.rosary-mystery-image {
    margin-bottom: 22px;
}
.rosary-hero {
    text-align: center;
}

.rosary-hero-image {
    display: block;
    margin: 28px auto 0;
    }
#content .rosary-hero .rosary-kicker {
    text-align: center;
    font-size: 24px;
    margin: 0 0 30px;
}

#content .rosary-hero .rosary-subtitle {
    text-align: center;
    font-size: 22px;
    line-height: 1.45;
    margin: 0 0 28px;
}
#content .rosary-mystery-english {
    display: block;
    margin-top: 6px;
    font-size: 24px;
    line-height: 1.3;
}
/* =========================================================
   Rosary — Concluding Prayers
========================================================= */

.rosary-conclusion {
    width: 100%;
    margin-top: 20px;
}#content .rosary-conclusion h2 {
    margin: 0 0 32px;
    font-size: 30px;
    line-height: 1.25;
    font-weight: normal;
}

.rosary-conclusion .rosary-prayers p {
    margin-bottom: 28px;
}

.rosary-signum {
    margin-top: 0;
}

#content .rosary-scripture-note {
    width: 100%;
    margin: 48px 0 20px;
    font-size: 18px;
    line-height: 1.6;
    font-style: italic;
    text-align: justify;
}
/* =========================================================
   Rosary — Concluding Prayers
========================================================= */

.rosary-conclusion {
    margin-top: 20px;
}

#content .rosary-conclusion h2 {
    margin: 0 0 32px;
    font-size: 30px;
    line-height: 1.25;
    font-weight: normal;
}

.rosary-conclusion .rosary-prayers p {
    margin-bottom: 28px;
}

.rosary-signum {
    margin-top: 0;
}

#content .rosary-scripture-note {
    width: 100%;
    margin: 48px 0 20px;
    font-size: 18px;
    line-height: 1.6;
    font-style: italic;
    text-align: justify;
}
#content .rosary-opening {
    margin-top: 105px;
    margin-bottom: 36px;
    line-height: 1.5;
}

#content .rosary-opening strong {
    font-size: 28px;
}

#content .rosary-opening {
    margin-top: 105px;
    margin-bottom: 36px;
    line-height: 1.5;
}

#content .rosary-opening strong {
    font-size: 28px;
}

#content .rosary-opening-amen {
    font-size: 28px;
    font-weight: bold;
}
/* =========================================================
   Rosary — Scripture Passages
========================================================= */

#content .rosary-scripture {
    color: #FF0000;
    font-style: italic;
}

#content .rosary-scripture-citation {
    color: #FF0000;
    font-style: italic;
}
/* =========================================================
   Rosary — Latin Mystery Titles
========================================================= */

#content .rosary-mystery h4 {
    font-size: 26px;
    line-height: 1.3;
}
/* =========================================================
   Rosary — Mystery Divisions and Numbered Titles
========================================================= */

#content .rosary-mystery {
    margin-top: 70px;
    padding-top: 55px;
    position: relative;
}

#content .rosary-mystery:not(:first-of-type)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 12.5%;
    width: 75%;
    border-top: 1px solid #B2BEB5;
}

#content .rosary-mystery:first-of-type {
    margin-top: 45px;
    padding-top: 55px;
}

#content .rosary-mystery h3 {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 32px;
}
.rosary-scripture-note + .rosary-mystery {
    margin-top: 70px;
}
/* =========================================================
   Rosary — Mystery Prayer Text
========================================================= */

#content .rosary-mystery .rosary-prayers p {
    font-size: 22px;
    line-height: 1.55;
}
/* =========================================================
   Rosary — Prefatory Prayer Text
========================================================= */

#content .rosary-prefatory-prayers p,
#content .rosary-prefatory-prayers > div {
    font-size: 22px;
    line-height: 1.55;
}
#content .rosary-mystery .rosary-scripture {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
#content .rosary-conclusion .rosary-separator {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.rosary-mystery h3 img {
    float: left;
    margin: 8px 32px 20px 15px;
}
.rosary-audio {
    display: block;
    margin: 14px 0 18px;
}
/* =========================================================
   BCJ — UNIVERSAL FOOTER
   Applies uniformly throughout the entire site
========================================================= */

/* =========================================================
   Boston Catholic Journal — Holy Rosary in English
   PQP rebuild — September 2026
   Designed to sit after the main site stylesheet.
========================================================= */

.english-rosary-page,
.english-rosary-page *,
.english-rosary-page *::before,
.english-rosary-page *::after {
    box-sizing: border-box;
}

.english-rosary-page {
    max-width: 1120px;
    margin: 0 auto;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

.english-rosary-hero {
    text-align: center;
    margin: 0 auto 42px;
}

#content .english-rosary-hero h1 {
    margin: 0 0 12px;
    font-size: 42px;
    line-height: 1.18;
    font-weight: normal;
    color: #35170C;
    text-align: center;
}

.english-rosary-subtitle {
    display: block;
    margin-top: 6px;
    font-size: 34px;
}

#content .english-rosary-language {
    margin: 10px 0 30px;
    font-size: 25px;
    line-height: 1.3;
    text-align: center;
    color: #35170C;
}

.english-rosary-main-image {
    margin: 0 auto 24px;
}

.english-rosary-main-image img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.english-rosary-dedication {
    max-width: 760px;
    margin: 0 auto;
    color: #35170C;
}

#content .english-rosary-dedication p {
    margin: 4px 0;
    font-size: 21px;
    line-height: 1.45;
    text-align: center;
}

#content .english-rosary-dedication p:first-child {
    font-size: 23px;
}

#content .rosary-separator {
    width: 75%;
    margin: 48px auto;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

.english-rosary-introduction {
    max-width: 1020px;
    margin: 0 auto;
}

#content .english-rosary-introduction p {
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
    color: #35170C;
}

#content .english-rosary-opening {
    font-size: 21px;
}

#content .english-rosary-introduction q {
    color: #35170C;
    font-style: italic;
}

#content .english-rosary-traditional-note {
    margin-top: 30px;
    text-align: center;
}

.english-rosary-listen-intro {
    max-width: 900px;
    margin: 58px auto 34px;
    text-align: center;
}

#content .english-rosary-listen-intro h2,
#content .english-rosary-mystery h2,
#content .english-rosary-video h2,
#content .english-rosary-other-audio h2 {
    margin: 0 0 22px;
    font-size: 30px;
    line-height: 1.25;
    font-weight: normal;
    color: #35170C;
}

#content .english-rosary-listen-intro h2 {
    text-align: center;
}

#content .english-rosary-listen-intro p {
    font-size: 20px;
    line-height: 1.6;
    text-align: center;
}

.english-rosary-mystery {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

#content .english-rosary-mystery h2 {
    text-align: center;
    font-size: 32px;
}

.english-rosary-mystery-list {
    display: inline-block;
    margin: 0 auto 28px;
    padding-left: 1.5em;
    text-align: left;
    font-size: 21px;
    line-height: 1.65;
    color: #35170C;
}

#content .english-rosary-audio-label {
    margin: 4px 0 14px;
    font-size: 20px;
    text-align: center;
}

.english-rosary-mystery audio {
    display: block;
    width: min(100%, 560px);
    margin: 0 auto;
}

#content .english-rosary-download {
    margin: 12px 0 0;
    font-size: 17px;
    text-align: center;
}

.english-rosary-video {
    max-width: 980px;
    margin: 0 auto;
}

#content .english-rosary-video h2 {
    text-align: center;
}

#content .english-rosary-video > p {
    max-width: 820px;
    margin: 0 auto 32px;
    font-size: 20px;
    line-height: 1.6;
    text-align: center;
}

.english-rosary-video-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
}

.english-rosary-video-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border: 1px solid #B2BEB5;
    text-decoration: none;
    color: #35170C;
    background: #ffffff;
}

.english-rosary-video-card img {
    display: block;
    max-width: 100%;
    width: auto;
    height: 210px;
    object-fit: contain;
    margin: 0 auto 18px;
}

.english-rosary-video-card span {
    display: block;
    font-size: 18px;
    line-height: 1.45;
    text-align: center;
}

.english-rosary-video-card:hover,
.english-rosary-video-card:focus {
    text-decoration: underline;
}

.english-rosary-traditional-days {
    text-align: center;
    margin: 0 auto 54px;
}

.english-rosary-traditional-days img {
    display: block;
    width: 100px;
    height: auto;
    margin: 0 auto 12px;
}

#content .english-rosary-traditional-days p {
    margin: 0;
    font-size: 18px;
    line-height: 1.45;
    text-align: center;
}

.english-rosary-other-audio {
    max-width: 980px;
    margin: 0 auto;
}

#content .english-rosary-other-audio h2 {
    text-align: left;
}

.english-rosary-other-audio ul {
    margin: 0;
    padding-left: 1.4em;
}

.english-rosary-other-audio li {
    margin: 0 0 12px;
    font-size: 19px;
    line-height: 1.55;
}

@media (max-width: 820px) {
    #content .english-rosary-hero h1 {
        font-size: 34px;
    }

    .english-rosary-subtitle {
        font-size: 28px;
    }

    .english-rosary-video-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
        margin: 0 auto;
    }

    .english-rosary-video-card img {
        height: auto;
        max-height: 240px;
    }
}

@media (max-width: 520px) {
    #content .english-rosary-hero h1 {
        font-size: 30px;
    }

    .english-rosary-subtitle {
        font-size: 25px;
    }

    #content .english-rosary-language {
        font-size: 22px;
    }

    #content .english-rosary-introduction p,
    #content .english-rosary-listen-intro p,
    .english-rosary-mystery-list {
        font-size: 18px;
    }

    #content .rosary-separator {
        width: 85%;
        margin: 38px auto;
    }
}
/* =========================================================
   Holy Rosary in English — PQP Typography
========================================================= */

#content .english-rosary-page {
    font-size: 20px;
    line-height: 1.65;
}

#content .english-rosary-hero h1 {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 12px;
}

#content .english-rosary-subtitle {
    font-size: 30px;
}

#content .english-rosary-language {
    font-size: 20px;
    text-align: center;
}

#content .english-rosary-dedication p {
    font-size: 20px;
    text-align: center;
}

#content .english-rosary-introduction p {
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
}

#content .english-rosary-page h2 {
    font-size: 28px;
    line-height: 1.25;
}

#content .english-rosary-listen-intro p {
    font-size: 20px;
    text-align: center;
}

#content .english-rosary-mystery-list {
    font-size: 20px;
    line-height: 1.5;
}

#content .english-rosary-audio-label,
#content .english-rosary-download {
    font-size: 18px;
}

#content .english-rosary-video p,
#content .english-rosary-traditional-days p,
#content .english-rosary-other-audio {
    font-size: 20px;
}
/* =========================================================
   BCJ Footer — uniform permission statement
========================================================= */
/* =========================================================
   BCJ Footer — permission statement FINAL override
========================================================= */

#footer p.auto-style7 {
    display: block;
    width: 85%;
    max-width: 1100px;
    margin: 28px auto 0;
    font-size: 16px;
    line-height: 1.55;
    text-align: justify !important;
    text-align-last: center;
}/* =========================================================
   Abandonment to Divine Providence — Audio Book
========================================================= */

#content .divine-providence-page {
    max-width: 1120px;
    margin: 0 auto;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

#content .divine-providence-intro p {
    margin: 0 0 28px;
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
}

#content .divine-providence-highlight {
    margin-top: 38px;
    text-align: center !important;
    font-size: 21px !important;
    line-height: 1.6;
}
/* =========================================================
   Divine Providence — Chapter Audio Directory
========================================================= */

#content .divine-providence-chapter {
    width: 85%;
    margin: 55px auto 0;
    text-align: center;
}

#content .divine-providence-chapter h2 {
    margin: 0 0 14px;
    font-size: 28px;
    line-height: 1.25;
    font-weight: normal;
    text-align: center;
}

#content .divine-providence-instruction {
    margin: 0 0 24px;
    font-size: 18px;
    text-align: center;
    font-style: italic;
}

#content .divine-providence-audio-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin: 0 auto;
}

#content .divine-providence-audio-grid a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid #B2BEB5;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    color: #35170C;
    background: #ffffff;
}

#content .divine-providence-audio-grid a:hover,
#content .divine-providence-audio-grid a:focus {
    text-decoration: underline;
}
/* =========================================================
   Divine Providence — Downloads
========================================================= */

#content .divine-providence-download {
    width: 85%;
    margin: 65px auto 0;
    padding-top: 35px;
    border-top: 1px solid #B2BEB5;
    text-align: center;
}

#content .divine-providence-download h2 {
    margin: 0 0 24px;
    font-size: 28px;
    line-height: 1.25;
    font-weight: normal;
    text-align: center;
}

#content .divine-providence-download p {
    margin: 0 auto 28px;
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
}

#content .divine-providence-pdf {
    margin-top: 32px !important;
}

#content .divine-providence-pdf a {
    font-size: 20px;
    color: #35170C;
}
.pdf-download img {
    display: block;
    margin: 0 auto;
}
/* Abandonment to Divine Providence — center PDF download icon */
#content p.pdf-icon-center {
    text-align: center !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#content p.pdf-icon-center img {
    display: inline-block;
    float: none !important;
    margin-left: auto;
    margin-right: auto;
}
/* =========================================================
   The Practice of the Presence of God — Brother Lawrence
========================================================= */

.presence-of-god-page {
    width: 100%;
}

.presence-hero {
    max-width: 900px;
    margin: 0 auto 55px;
    text-align: center;
}

#content .presence-hero h1 {
    margin: 0 0 16px;
    font-size: 42px;
    line-height: 1.2;
    font-weight: normal;
    text-align: center;
}

#content .presence-subtitle {
    margin: 0 0 8px;
    font-size: 26px;
    line-height: 1.3;
    text-align: center;
}

#content .presence-author {
    margin: 0 0 30px;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
}

.presence-cover {
    margin: 0 auto 24px;
    text-align: center;
}

.presence-cover img {
    display: block;
    width: min(605px, 100%);
    height: auto;
    margin: 0 auto;
}

#content .presence-audio-title {
    margin: 0;
    font-size: 22px;
    line-height: 1.4;
    font-style: italic;
    text-align: center;
}
/* =========================================================
   The Imitation of Christ — Thomas à Kempis
========================================================= */

.imitation-page {
    width: 100%;
}

.imitation-hero {
    max-width: 900px;
    margin: 0 auto 40px;
    text-align: center;
}

#content .imitation-study {
    margin: 0 0 10px;
    font-size: 26px;
    line-height: 1.3;
    font-weight: normal;
    letter-spacing: 1px;
    text-align: center;
}

.imitation-image {
    margin: 0 auto 10px;
    text-align: center;
}

.imitation-image img {
    display: block;
    width: min(240px, 100%);
    height: auto;
    margin: 0 auto;
}

#content .imitation-study-with {
    margin: 0;
    font-size: 22px;
    line-height: 1.4;
    font-style: italic;
    text-align: center;
}
/* =========================================================
   Imitation of Christ — Chapter Directory
========================================================= */

.imitation-chapters {
    width: 90%;
    margin: 55px auto 65px;
    padding-top: 35px;
    border-top: 1px solid #B2BEB5;
    text-align: center;
}

#content .imitation-chapters h2 {
    margin: 0 0 26px;
    font-size: 30px;
    line-height: 1.25;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.imitation-chapter-links {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 12px 14px;
}

.imitation-chapter-links a {
    display: inline-block;
    min-width: 34px;
    padding: 6px 8px;
    font-size: 19px;
    line-height: 1.2;
    text-decoration: none;
}
/* =========================================================
   Imitation of Christ — Introduction
========================================================= */

.imitation-introduction {
    width: 85%;
    max-width: 1050px;
    margin: 70px auto 65px;
}

#content .imitation-introduction p {
    margin: 0 0 1.4em;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}
/* =========================================================
   Imitation of Christ — Individual Chapters
========================================================= */

.imitation-chapter {
width: 100%;
max-width: none;
    margin: 75px auto 70px;
    padding-top: 45px;
    border-top: 1px solid #B2BEB5;
}

.imitation-chapter-heading {
    margin: 0 auto 45px;
    text-align: center;
}

#content .imitation-chapter-heading h2 {
    margin: 0 0 16px;
    font-size: 32px;
    line-height: 1.25;
    font-weight: normal;
    text-align: center;
    letter-spacing: 1px;
}

#content .imitation-chapter-heading h3 {
    margin: 0;
    font-size: 25px;
    line-height: 1.4;
    font-weight: normal;
    font-style: italic;
    text-align: center;
}
/* =========================================================
   Imitation of Christ — Chapter Audio
========================================================= */

.imitation-chapter-audio {
    margin: 45px auto 10px;
    text-align: center;
}

#content .imitation-chapter-audio p {
    margin: 0 0 14px;
    font-size: 20px;
    line-height: 1.4;
    font-style: italic;
    text-align: center;
}

.imitation-chapter-audio audio {
    display: block;
    margin: 0 auto;
}
/* =========================================================
   Imitation of Christ — Sister's Commentary
========================================================= */

.imitation-commentary {
    width: 100%;
    max-width: none;
    margin: 42px 0 75px;
    padding-top: 38px;
    border-top: none;
    position: relative;
}

.imitation-commentary::before {
    content: "";
    display: block;
    width: 75%;
    margin: 0 auto 38px;
    border-top: 1px solid #B2BEB5;
}
.imitation-commentary-heading {
    margin: 0 auto 38px;
    text-align: center;
}

#content .imitation-commentary-heading h2 {
    margin: 0;
    font-size: 32px;
    line-height: 1.3;
    font-weight: normal;
    text-align: center;
}

.imitation-commentary-text {
    margin: 0 auto;
}

#content .imitation-commentary-text p {
    margin: 0 0 1.4em;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}

#content .sister-salutation {
    font-style: italic;
    text-align: left;
}

#content .sister-signature {
    margin-top: 28px;
    font-style: italic;
    text-align: right;
}
/* =========================================================
   Imitation of Christ — Chapter Page Header
========================================================= */

.imitation-page-title {
    padding: 18px 0 18px;
    text-align: center;
    font-family: "Times New Roman", serif;
    color: #fff;
}

.imitation-main-title {
    margin: 0 0 6px;
    font-size: 42px;
    line-height: 1.1;
}

.imitation-page-author {
    margin: 0 0 3px;
    font-size: 21px;
    line-height: 1.15;
}

.imitation-dates {
    font-size: 16px;
}

.imitation-page-subtitle {
    margin: 0 0 12px;
    font-size: 28px;
    line-height: 1.15;
}

.imitation-page-chapter {
    margin: 0;
    padding-bottom: 8px;
    font-size: 28px;
    line-height: 1.1;
    font-weight: bold;
}
/* Imitation of Christ — spacing between numbered meditations */

.imitation-meditation {
    margin-top: 75px;
}
/* Imitation of Christ — current chapter */

.imitation-chapter-links a.current {
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 4px;
}
#content .imitation-pdf-link a {
    color: #35170C;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}
#content .imitation-pdf-link a:hover,
#content .imitation-pdf-link a:focus {
    color: #222222;
}
/* Imitation of Christ — commentary footnotes */
.imitation-footnotes {
    margin-top: 30px;
    padding-top: 22px;
    position: relative;
}

.imitation-footnotes::before {
    content: "";
    display: block;
    width: 230px;
    margin: 0 0 18px;
    border-top: 1px solid #B2BEB5;
}

#content .imitation-footnotes p {
    margin: 0 0 8px;
    line-height: 1.4;
}

#content .imitation-footnotes p:last-child {
    margin-bottom: 0;
}
/* Imitation of Christ — chapter headings */
#content > h2:not(.imitation-chapter-title) {
    font-weight: bold;
}

#content .imitation-chapter-title {
    font-weight: bold;
}
/* Imitation of Christ — prose indentation */
#content .imitation-chapter-text,
#content .imitation-commentary-text {
    box-sizing: border-box;
    padding-left: 0;
	padding-right: 0;}


/* Opening curly quotation mark */
#content .imitation-chapter-text > p:first-of-type::before,
#content .imitation-commentary-text > p:first-of-type::before {
    content: "\201C";
}


/* Sister's commentary — closing curly quotation mark */
#content .imitation-commentary-text p:not(.sister-signature):last-of-type::after {
    content: "\201D";
}
/* Imitation of Christ — commentary section width */
.imitation-commentary {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

/* Imitation of Christ — commentary separator */
.imitation-commentary::before {
    content: "";
    display: block;
    width: 75%;
    margin: 0 auto 38px;
    border-top: 1px solid #B2BEB5;
}
/* Imitation of Christ — full reading width */
#content .imitation-chapter {
    width: 100%;
    max-width: none;
}

/* =========================================================
   The Mass — A Primer for Clueless Catholics
   PQP Series
========================================================= */

.mass-primer-content {
    font-family: "Times New Roman", Times, serif;
}

/* ---------- Frontispiece ---------- */

.mass-primer-hero {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto 55px;
    text-align: center;
}

#content .mass-primer-hero h1 {
    margin: 0 0 18px;
    font-size: 42px;
    line-height: 1.2;
    font-weight: normal;
    text-align: center;
    color: #35170C;
}

#content .mass-primer-kicker {
    margin: 0 0 5px;
    font-size: 30px;
    line-height: 1.25;
    text-align: center;
}

#content .mass-primer-subtitle {
    margin: 0 0 25px;
    font-size: 27px;
    line-height: 1.25;
    text-align: center;
}

.mass-primer-image {
    margin: 0 auto 28px;
    text-align: center;
}

.mass-primer-image img {
    display: block;
    width: 258px;
    height: auto;
    margin: 0 auto;
}

#content .mass-primer-part {
    margin: 0 0 12px;
    font-size: 22px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    letter-spacing: 1px;
}

#content .mass-primer-hero h2 {
    margin: 0;
    font-size: 32px;
    line-height: 1.3;
    font-weight: normal;
    text-align: center;
}

/* ---------- Parts directory ---------- */

.mass-primer-parts {
    width: 75%;
    margin: 0 auto 18px;
    padding: 22px 0 16px;
    border-top: 1px solid #B2BEB5;
    border-bottom: 1px solid #B2BEB5;
    text-align: center;
}

#content .mass-primer-parts h2 {
    margin: 0 0 24px;
    font-size: 28px;
    line-height: 1.25;
    font-weight: normal;
    text-align: center;
    letter-spacing: 1px;
}

.mass-primer-part-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
}

.mass-primer-part-links a,
.mass-primer-part-links span {
    display: inline-block;
    min-width: 28px;
    font-size: 16px;
    line-height: 1.3;
}

.mass-primer-part-links a.current {
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* ---------- Main article ---------- */

.mass-primer-article {
    width: 85%;
    max-width: 1050px;
    margin: 0 auto;
}

.mass-primer-section {
    margin: 0 auto 60px;
}

#content .mass-primer-section h2 {
    margin: 0 0 28px;
    font-size: 30px;
    line-height: 1.3;
    font-weight: normal;
    text-align: left;
}

#content .mass-primer-section p {
    margin: 0 0 1.35em;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}

#content .mass-primer-section ul {
    margin: 25px 0 35px 35px;
    padding-left: 25px;
}

#content .mass-primer-section li {
    margin-bottom: 15px;
    padding-left: 8px;
    font-size: 20px;
    line-height: 1.65;
}

/* ---------- Summary ---------- */

.mass-primer-summary {
    margin: 75px auto 60px;
    padding: 40px 0;
    border-top: 1px solid #B2BEB5;
    border-bottom: 1px solid #B2BEB5;
    text-align: center;
}

#content .mass-primer-summary h2 {
    margin: 0 0 20px;
    font-size: 28px;
    font-weight: normal;
    text-align: center;
}

#content .mass-primer-summary > p {
    margin: 0 0 25px;
    font-size: 28px;
    line-height: 1.4;
    text-align: center;
}

#content .mass-primer-next {
    margin-top: 35px;
    font-size: 16px;
    line-height: 1.5;
}
/* ---------- Three illustrations ---------- */

.mass-primer-gallery {
    margin: 55px auto;
    text-align: center;
}

.mass-primer-gallery a {
    display: inline-block;
    margin: 0 12px;
}

.mass-primer-gallery img {
    vertical-align: middle;
}

#content .mass-primer-gallery p {
    margin: 18px 0 0;
    font-size: 16px;
    font-style: italic;
    text-align: center;
}

/* ---------- PDF ---------- */

#content .mass-primer-pdf-link {
    margin: 45px auto 70px;
    font-size: 19px;
    line-height: 1.5;
    text-align: center;
}
/* Mass Primer — paired PDF links */
#content .mass-primer-pdf-link + .mass-primer-pdf-link {
    margin-top: -40px;
}

/* ---------- Important Note ---------- */

.mass-primer-note {
    margin-top: 70px;
    padding-top: 45px;
    border-top: 1px solid #B2BEB5;
}

#content .mass-primer-note > h2 {
    margin: 0 0 30px;
    font-size: 28px;
    line-height: 1.3;
    text-align: left;
}

#content .mass-primer-note > p {
    margin: 0 0 1.4em;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}

/* ---------- Latin Mass churches ---------- */

.mass-primer-church {
    margin: 55px 0;
    padding-top: 35px;
    border-top: 1px solid #B2BEB5;
}

#content .mass-primer-church h3 {
    margin: 0 0 12px;
    font-size: 27px;
    line-height: 1.3;
    text-align: left;
}

#content .mass-primer-church > p {
    margin: 0 0 25px;
    font-size: 18px;
    line-height: 1.5;
    text-align: left;
}

.mass-primer-church-detail {
    overflow: hidden;
}

.mass-primer-church-detail img {
    float: left;
    max-width: 42%;
    height: auto;
    margin: 5px 32px 20px 0;
}

#content .mass-primer-church-detail p {
    margin: 0;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}
/* Mass Primer — frontispiece image */
#content .mass-primer-hero .mass-primer-image img {
    display: block;
    width: 258px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
/* Footer Chi-Rho — fixed dimensions */
#footer > img {
    width: 123px !important;
    height: 96px !important;
    max-width: 123px !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* Mass Primer — Scripture quotations */
#content .mass-primer-scripture {
    color: #990000;
}
/* Mass Primer — Scripture quotations */
#content .mass-primer-scripture {
    color: #990000;
}
/* Mass Primer — Previous and Next links */
#content .mass-primer-next,
#content .mass-primer-next a {
    font-size: 16px;
    line-height: 1.5;
}
/* Mass Primer — END OF SERIES */
#content .mass-primer-summary h2:last-of-type {
    font-size: 22px;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    
}/* Mass Primer — Part VIII final summary list */
#content .mass-primer-summary ul {
    margin: 25px 0 35px 35px;
    padding-left: 25px;
}

#content .mass-primer-summary ul li {
    margin-bottom: 15px;
    padding-left: 8px;
    font-size: 20px;
    line-height: 1.65;
    text-align: left !important;
}
/* =========================================================
   Tortures and Torments of the Christian Martyrs
========================================================= */

.martyrs-work {
    width: 100%;
}

.martyrs-title-block {
    max-width: 900px;
    margin: 0 auto 42px;
    text-align: center;
    color: #35170C;
}

#content .martyrs-title-block h1 {
    margin: 0 0 20px;
    font-size: 42px;
    line-height: 1.18;
    font-weight: normal;
    text-align: center;
}

#content .martyrs-subtitle {
    margin: 0 0 24px;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
}

#content .martyrs-latin-title {
    margin: 0 0 28px;
    font-size: 22px;
    line-height: 1.4;
    text-align: center;
}

#content .martyrs-author,
#content .martyrs-editor {
    margin: 0 0 24px;
    font-size: 19px;
    line-height: 1.6;
    text-align: center;
}

#content .martyrs-editor {
    margin-bottom: 0;
}

#content .martyrs-opening-quotation {
    width: 78%;
    margin: 34px auto 42px;
    padding: 0 24px;
    color: #35170C;
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
}

#content .martyrs-opening-quotation p {
    margin: 0 0 12px;
    font-size: 19px;
    line-height: 1.55;
    text-align: justify;
}

#content .martyrs-opening-quotation .martyrs-quotation-source {
    margin: 0;
    text-align: right;
}

.martyrs-separator {
    width: 75%;
    margin: 42px auto;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

.martyrs-editorial-note {
    width: 92%;
    margin: 0 auto;
}

#content .martyrs-editorial-note p {
    font-size: 19px;
    line-height: 1.7;
    text-align: justify;
}
#content .martyrs-chapter-body p {
    margin: 0 0 1.35em;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
    color: #222222;
}
/* =========================================================
   Gallonio — Contents
========================================================= */

.martyrs-contents {
    width: 92%;
    margin: 0 auto 60px;
}

#content .martyrs-contents h2 {
    margin: 0 0 34px;
    font-size: 32px;
    line-height: 1.25;
    font-weight: normal;
    text-align: left;
    color: #35170C;
}

.martyrs-chapter {
    margin: 0 0 28px;
}

#content .martyrs-chapter h3 {
    margin: 0 0 8px;
    font-size: 21px;
    line-height: 1.35;
    font-weight: normal;
    text-align: left;
}

#content .martyrs-chapter p {
    margin: 0;
    font-size: 18px;
    line-height: 1.55;
    text-align: left;
    color: #222222;
}
/* =========================================================
   Gallonio — Individual Chapter Navigation
========================================================= */

.martyrs-chapter-nav {
    width: 75%;
    margin: 35px auto 55px;
    padding: 20px 0 18px;
    border-top: 1px solid #B2BEB5;
    border-bottom: 1px solid #B2BEB5;
    text-align: center;
    font-family: "Times New Roman", Times, serif;
}

.martyrs-chapter-nav-title {
    margin-bottom: 16px;
    font-size: 18px;
    letter-spacing: 1px;
}

.martyrs-chapter-nav-links {
    line-height: 1.8;
}

.martyrs-chapter-nav-links a,
.martyrs-chapter-nav-links span {
    display: inline-block;
    margin: 0 9px;
    font-size: 16px;
}

.martyrs-chapter-nav-links .current {
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.martyrs-chapter-nav-contents {
    margin-top: 13px;
    font-size: 15px;
}
/* Gallonio — reduce space between final separator and footer */
.martyrs-work + #footer,
#content + #footer {
    margin-top: 20px;
}
/* Gallonio — reduce space below chapter before footer */
#content:has(.martyrs-work) {
    margin-bottom: 20px;
    padding-bottom: 0;
}

#content:has(.martyrs-work) + #footer {
    margin-top: 0;
    padding-top: 20px;
}
/* =========================================================
   Gallonio — Chapter Illustrations and Bottom Navigation
   ========================================================= */

.martyrs-illustrations {
    width: 100%;
    margin: 36px auto 0;
    text-align: center;
}

.martyrs-illustrations h3 {
    margin: 0 0 28px;
    font-size: 25px;
    font-weight: normal;
    text-align: center;
}

.martyrs-illustration-grid {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 18px;
    width: 100%;
    margin: 0 auto;
}

.martyrs-illustration-grid a {
    display: inline-block;
}

.martyrs-illustration-grid img {
    display: block;
}

.martyrs-enlarge-note {
    margin: 16px 0 34px;
    text-align: center;
    font-size: 18px;
}

.martyrs-bottom-nav {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.martyrs-next-chapter {
    margin: 0 0 30px;
    text-align: center;
    font-size: 22px;
}

.martyrs-chapter-links {
    margin: 0;
    text-align: center;
    font-size: 18px;
}
/* Gallonio — force final bottom navigation centering */

#content .martyrs-enlarge-note,
#content .martyrs-next-chapter,
#content .martyrs-chapter-links {
    text-align: center !important;
}
/* =========================================================
   Traditional Catholic Liturgical Calendar
========================================================= */

.liturgical-calendar-page {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.liturgical-calendar-hero {
    margin: 20px auto 42px;
    text-align: center;
}

.liturgical-calendar-hero img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.liturgical-calendar-main-image {
    margin: 0 auto 36px;
    text-align: center;
}

.liturgical-calendar-main-image img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

#content .liturgical-calendar-instruction {
    margin: 0 0 36px;
    font-size: 21px;
    line-height: 1.4;
    text-align: center;
}

.liturgical-calendar-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 38px 24px;
    max-width: 900px;
    margin: 0 auto 48px;
    align-items: end;
}

.liturgical-calendar-month {
    text-align: center;
}

.liturgical-calendar-month a {
    display: block;
}

.liturgical-calendar-month img {
    display: block;
    width: 110px;
    height: 140px;
    object-fit: contain;
    margin: 0 auto;
    border: 2px solid #35170C;
    background: #fff;
}
#content .liturgical-calendar-month p {
    margin: 10px 0 0;
    font-size: 19px;
    line-height: 1.2;
    text-align: center;
}

.liturgical-calendar-credit {
    margin: 12px auto 48px;
    text-align: center;
}

#content .liturgical-calendar-credit p {
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}

/* Responsive calendar grid */

@media (max-width: 900px) {
    .liturgical-calendar-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 650px) {
    .liturgical-calendar-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 32px 18px;
    }
}

@media (max-width: 430px) {
    .liturgical-calendar-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* =========================================================
   Last Rites — Page Layout
========================================================= */

.last-rites-page {
    max-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
    }
    
    .last-rites-hero {
    width: 82%;
    max-width: 850px;
    margin: 0 auto 40px;
    text-align: center;
}

.last-rites-body {
    width: 82%;
    max-width: 850px;
    margin: 0 auto;
    padding: 0 40px 40px;
    box-sizing: border-box;
}

#content .last-rites-body p {
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
}

@media (max-width: 700px) {
    .last-rites-body {
        padding-left: 24px;
        padding-right: 24px;
    }
}
/* =========================================================
   Salus Animarum — Salvation of Souls — PQP
========================================================= */

.salus-animarum-page {
    max-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
}

.salus-animarum-hero {
    width: 82%;
    max-width: 850px;
    margin: 0 auto 42px;
    text-align: center;
}

/* Latin title */

.salus-animarum-latin-title {
    margin: 0 0 34px;
    font-size: 18px;
    line-height: 1.25;
    font-style: italic;
    text-align: center;
    color: #35170C;
}

/* Four-line introductory question */

h1.salus-animarum-question {
    display: block;
    width: 100%;
    margin: 0 auto 42px;
    padding: 0;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.2;
    text-align: center;
    color: #35170C;
}

h1.salus-animarum-question > span {
    display: block;
    width: 100%;
    padding: 0;
    text-align: center;
}

h1.salus-animarum-question > .salus-question-line1 {
    margin: 0 0 22px;
    font-size: 34px;
    line-height: 1.15;
    font-weight: normal;
    font-style: italic;
}

h1.salus-animarum-question > .salus-question-line2 {
    margin: 0 0 22px;
    font-size: 30px;
    line-height: 1.15;
    font-weight: bold;
    font-style: normal;
}

h1.salus-animarum-question > .salus-question-line3 {
    margin: 0 0 22px;
    font-size: 28px;
    line-height: 1.15;
    font-weight: normal;
    font-style: italic;
}

h1.salus-animarum-question > .salus-question-line4 {
    margin: 0;
    font-size: 28px;
    line-height: 1.15;
    font-weight: normal;
    font-style: normal;
}

/* Dante engraving */

.salus-animarum-hero > img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
margin: -14px auto 0;}

/* Article body */

.salus-animarum-body {
    width: 82%;
    max-width: 850px;
    margin: 0 auto;
    padding: 0 40px 40px;
    box-sizing: border-box;
}

.salus-animarum-body p {
    margin: 0 0 24px;
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
}

.salus-animarum-body h2 {
    margin: 42px 0 24px;
    font-size: 30px;
    line-height: 1.3;
    text-align: left;
}

/* Quotations and Scripture */

.salus-animarum-quotation,
.salus-animarum-scripture {
    width: 82%;
    margin: 30px auto;
    padding: 0;
    color: #35170C;
}

.salus-animarum-quotation p,
.salus-animarum-scripture p {
    font-size: 20px;
    line-height: 1.6;
    text-align: center;
}

/* Lists */

.salus-animarum-list,
.salus-animarum-last-things {
    margin: 12px 0 28px 30px;
    padding-left: 24px;
}

.salus-animarum-list li,
.salus-animarum-last-things li {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.6;
}

.salus-animarum-short-list {
    margin: 10px 0 34px;
}

.salus-animarum-short-list p {
    margin-bottom: 18px;
}

/* Separator, footnote and editor */

.salus-animarum-separator {
    width: 75%;
    margin: 38px auto 28px;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

.salus-animarum-footnote {
    font-size: 18px;
    color: #35170C;
}

#content .salus-animarum-editor {
    margin-top: 24px;
    margin-bottom: 18px;
}
/* Printable PDF */

.salus-animarum-pdf {
margin: 18px auto 10px;
    text-align: center;
}

.salus-animarum-pdf img {
    display: block;
    margin: 0 auto 8px;
}

.salus-animarum-pdf p {
    margin-bottom: 0;
    text-align: center;
}

/* Mobile */

@media (max-width: 700px) {

    .salus-animarum-hero,
    .salus-animarum-body {
        width: 100%;
    }

    .salus-animarum-body {
        padding-left: 24px;
        padding-right: 24px;
    }

    .salus-animarum-latin-title {
        font-size: 17px;
    }

    h1.salus-animarum-question > .salus-question-line1 {
        font-size: 26px;
    }

    h1.salus-animarum-question > .salus-question-line2 {
        font-size: 24px;
    }

    h1.salus-animarum-question > .salus-question-line3,
    h1.salus-animarum-question > .salus-question-line4 {
        font-size: 22px;
    }
}
/* =========================================================
   HOW TO MAKE A PERFECT AND HOLY CONFESSION
========================================================= */

.confession-page {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 42px 40px;
    box-sizing: border-box;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

.confession-page p,
.confession-page li {
    font-size: 20px;
    line-height: 1.65;
}

.confession-page p {
    margin: 0 0 24px;
    text-align: justify;
}

.confession-page h2 {
    margin: 42px 0 22px;
    font-size: 30px;
    line-height: 1.25;
    font-weight: bold;
    text-align: left;
    color: #222222;
}

.confession-page h3 {
    margin: 34px 0 18px;
    font-size: 25px;
    line-height: 1.3;
    font-weight: bold;
    text-align: left;
    color: #222222;
}

.confession-page ul,
.confession-page ol {
    margin: 18px 0 28px 34px;
    padding-left: 20px;
}

.confession-page li {
    margin-bottom: 14px;
}

.confession-page blockquote {
    margin: 24px 40px;
}

.confession-page hr {
    width: 75%;
    margin: 38px auto;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

.confession-image {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 20px auto 30px;
}

.confession-page a {
    color: inherit;
}

.confession-page mark,
.confession-page .highlight {
    background: transparent;
    color: inherit;
}

.confession-commandments-table,
.confession-exam-table {
    width: 100%;
    border-collapse: collapse;
    margin: 22px 0 36px;
}

.confession-commandments-table td,
.confession-exam-table td {
    padding: 10px 14px;
    vertical-align: top;
    font-size: 19px;
    line-height: 1.5;
}

.confession-exam-table td:first-child {
    width: 65%;
}

.confession-exam-table td:last-child {
    width: 35%;
    white-space: nowrap;
}

.confession-page .confession-attribution {
    margin-top: 42px;
}

@media (max-width: 700px) {
    .confession-page {
        padding-left: 20px;
        padding-right: 20px;
    }

    .confession-page p,
    .confession-page li {
        font-size: 18px;
    }

    .confession-page h2 {
        font-size: 26px;
    }

    .confession-page h3 {
        font-size: 22px;
    }

    .confession-page blockquote {
        margin-left: 15px;
        margin-right: 15px;
    }

    .confession-exam-table td {
        display: block;
        width: 100% !important;
    }

    .confession-exam-table td:last-child {
        padding-top: 0;
        white-space: normal;
    }
}
/* Confession — internal section headings */
.confession-page h2 a,
.confession-page h3 a,
.confession-page .confession-section-title,
.confession-page .confession-section-title a {
    color: #222222;
    text-decoration: none;
    font-size: inherit;
    font-weight: bold;
}

.confession-page .confession-section-title {
    margin: 42px 0 22px;
    font-size: 30px;
    line-height: 1.25;
    text-align: left;
    text-transform: none;
}
/* Confession — internal section headings */
.confession-page h2 a,
.confession-page h3 a,
.confession-page .confession-section-title,
.confession-page .confession-section-title a {
    color: #222222;
    text-decoration: none;
    font-size: inherit;
    font-weight: bold;
}

.confession-page .confession-section-title {
    margin: 42px 0 22px;
    font-size: 30px;
    line-height: 1.25;
    text-align: left;
    text-transform: none;
}
/* Confession — Ten Commandments alignment */
.confession-commandments-table {
    width: 100%;
    margin: 20px 0 36px;
}

.confession-commandments-table td:first-child {
    width: 55px;
    padding: 10px 8px 10px 0;
    text-align: left;
    vertical-align: top;
}

.confession-commandments-table td:last-child {
    width: auto;
    padding: 10px 0;
    text-align: left;
    vertical-align: top;
}
/* =========================================================
   CHAPLET OF ST. MICHAEL
========================================================= */

.st-michael-chaplet {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 42px 40px;
    box-sizing: border-box;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

.chaplet-hero {
    width: 100%;
    text-align: center;
}

.chaplet-image {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 20px auto 32px;
}

.st-michael-chaplet h2 {
    margin: 24px 0 32px;
    font-size: 30px;
    line-height: 1.25;
    font-weight: bold;
    text-align: center;
}

.st-michael-chaplet h3 {
    margin: 32px 0 12px;
    font-size: 23px;
    line-height: 1.3;
    font-weight: bold;
    text-align: left;
}

.st-michael-chaplet p {
    margin: 0 0 24px;
    font-size: 20px;
    line-height: 1.65;
    text-align: justify;
}

.chaplet-instruction {
    margin: 30px 30px !important;
}

.chaplet-separator {
    width: 75%;
    margin: 48px auto;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

.chaplet-resources {
    margin-top: 42px;
}

.chaplet-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.chaplet-pdf img {
    vertical-align: middle;
}

@media (max-width: 700px) {
    .st-michael-chaplet {
        padding-left: 20px;
        padding-right: 20px;
    }

    .st-michael-chaplet p {
        font-size: 18px;
    }

    .st-michael-chaplet h2 {
        font-size: 26px;
    }

    .st-michael-chaplet h3 {
        font-size: 21px;
    }
}
/* =========================================================
   TRADITIONAL CATHOLIC AUDIO LIBRARY
========================================================= */

.audio-library-page {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 42px 40px;
    box-sizing: border-box;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

/* ---------- Hero ---------- */

.audio-library-hero {
    width: 100%;
    text-align: center;
    padding-top: 24px;
}

.audio-library-accessibility {
    margin: 0 0 24px;
    font-size: 17px;
    color: #787878;
    text-align: center !important;
}

.audio-library-prayers-link {
    margin: 0 0 26px;
    font-size: 22px;
    text-align: center !important;
}

.audio-library-headset {
    display: block;
    width: 100px;
    height: auto;
    margin: 10px auto 24px;
}

.audio-library-hero h2 {
    margin: 0 0 12px;
    font-size: 30px;
    line-height: 1.3;
    text-align: center;
}

.audio-library-subtitle {
    margin: 0 0 42px;
    font-size: 21px;
    line-height: 1.4;
    text-align: center !important;
}

/* ---------- Main text ---------- */

.audio-library-page p,
.audio-library-page li {
    font-size: 20px;
    line-height: 1.65;
}

.audio-library-introduction p,
.audio-library-conclusion p {
    margin: 0 0 26px;
    text-align: justify;
}

.audio-library-separator {
    width: 75%;
    margin: 44px auto;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

/* ---------- Directory ---------- */

.audio-library-directory > h2 {
    margin: 0 0 18px;
    font-size: 29px;
    line-height: 1.3;
    text-align: center;
}

.audio-library-download,
.audio-library-featured-link {
    text-align: center !important;
}

.audio-library-download {
    margin: 0 0 20px;
    font-size: 22px !important;
}

.audio-library-featured-link {
    margin: 0 0 24px;
    font-size: 23px !important;
    font-weight: bold;
}

.audio-library-youtube {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin: 20px 0 42px;
    font-size: 19px;
}

.audio-library-youtube img {
    display: block;
}

.audio-library-directory .audio-library-list-heading {
    margin: 36px 0 22px;
    font-size: 27px;
    text-align: left;
}

.audio-resource-list {
    margin: 0 0 38px 30px;
    padding-left: 20px;
}

.audio-resource-list li {
    margin: 0 0 14px;
    padding-left: 5px;
}

.audio-resource-list a {
    text-decoration: none;
}

/* ---------- Pronunciation ---------- */

.audio-library-pronunciation {
    margin: 36px 0;
}

.audio-library-pronunciation p {
    text-align: left;
    font-size: 21px;
}

/* ---------- Mobile ---------- */

@media (max-width: 700px) {

    .audio-library-page {
        padding-left: 20px;
        padding-right: 20px;
    }

    .audio-library-page p,
    .audio-library-page li {
        font-size: 18px;
    }

    .audio-library-hero h2 {
        font-size: 26px;
    }

    .audio-library-directory > h2 {
        font-size: 25px;
    }

    .audio-library-youtube {
        flex-direction: column;
        text-align: center;
    }
}
/* =========================================================
   LITTLE OFFICE — LEGACY FORMAT OVERRIDE
========================================================= */

#content .little-office-page {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 28px 42px 48px;
    box-sizing: border-box;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

#content .little-office-page p,
#content .little-office-page li,
#content .little-office-page td,
#content .little-office-page div {
    font-family: "Times New Roman", Times, serif;
    font-size: 20px !important;
    line-height: 1.6 !important;
}

#content .little-office-page p {
    margin: 0 0 24px;
    text-align: justify;
}

#content .little-office-page h2 {
    margin: 46px 0 24px;
    font-family: "Times New Roman", Times, serif;
    font-size: 30px !important;
    line-height: 1.25;
    font-weight: bold;
}

#content .little-office-page h3 {
    margin: 38px 0 20px;
    font-family: "Times New Roman", Times, serif;
    font-size: 26px !important;
    line-height: 1.3;
    font-weight: bold;
}

#content .little-office-page h4,
#content .little-office-page h5 {
    margin: 30px 0 16px;
    font-family: "Times New Roman", Times, serif;
    font-size: 22px !important;
    line-height: 1.35;
    font-weight: bold;
}

#content .little-office-page table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0 34px;
}

#content .little-office-page td {
    padding: 12px 16px;
    vertical-align: top;
}

#content .little-office-page img {
    max-width: 100%;
    height: auto;
}

#content .little-office-page ul,
#content .little-office-page ol {
    margin: 18px 0 32px 34px;
    padding-left: 20px;
}

#content .little-office-page li {
    margin-bottom: 12px;
}

#content .little-office-page hr {
    width: 75%;
    margin: 44px auto;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

@media (max-width: 700px) {
    #content .little-office-page {
        padding-left: 20px;
        padding-right: 20px;
    }

    #content .little-office-page p,
    #content .little-office-page li,
    #content .little-office-page td,
    #content .little-office-page div {
        font-size: 18px !important;
    }
}
.little-office-page,
.little-office-page * {
    font-family: "Times New Roman", Times, serif !important;
}

.little-office-page p,
.little-office-page li,
.little-office-page td,
.little-office-page div,
.little-office-page a,
.little-office-page strong,
.little-office-page em {
    font-size: 20px !important;
    line-height: 1.6 !important;
}

.little-office-page {
    padding: 28px 42px 48px !important;
    box-sizing: border-box !important;
}
/* Little Office — final reading size */
#content .little-office-page p,
#content .little-office-page li {
    font-size: 20px !important;
    line-height: 1.65 !important;
}

#content .little-office-page td {
    font-size: 19px !important;
    line-height: 1.55 !important;
}
.little-office-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
}
/* =========================================================
   LITTLE OFFICE — INTERNAL NAVIGATION
========================================================= */

.little-office-nav {
    width: 88% !important;
	margin: 38px auto 38px !important;
    border-collapse: collapse;
    border-top: 1px solid #B2BEB5;
    border-bottom: 1px solid #B2BEB5;
}

.little-office-nav td {
    padding: 16px 12px !important;
    text-align: center !important;
    vertical-align: middle;
    font-size: 17px !important;
    line-height: 1.35 !important;
}

.little-office-nav a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.little-office-nav a:hover {
    text-decoration: underline;
}
/* =========================================================
   Catholic Symbolism — A Primer to Catholic Symbolism
========================================================= */

.symbolism-page {
    width: 92%;
    max-width: 1000px;
    margin: 0 auto;
    color: #35170C;
    font-family: "Times New Roman", Times, serif;
}

/* ---------- Opening ---------- */

.symbolism-intro-header {
    text-align: center;
    margin: 30px auto 38px;
}

.symbolism-chi-rho {
    display: block;
    width: 92px;
    height: auto;
    margin: 0 auto 24px;
}

#content .symbolism-intro-header h1 {
    margin: 0 auto 18px;
    color: #35170C;
    font-family: "Times New Roman", Times, serif;
    font-size: 36px;
    line-height: 1.2;
    font-weight: normal;
    text-align: center;
}

#content .symbolism-byline {
    margin: 0 auto;
    color: #35170C;
    font-size: 18px;
    line-height: 1.5;
    font-style: italic;
    text-align: center;
}

/* ---------- Contents ---------- */

.symbolism-contents {
    width: 86%;
    max-width: 780px;
    margin: 38px auto 52px;
    padding: 28px 34px;
    border-top: 1px solid #B2BEB5;
    border-bottom: 1px solid #B2BEB5;
}

#content .symbolism-contents h2.symbolism-contents-title {
    margin: 0 0 12px;
    color: #35170C;
    font-family: "Times New Roman", Times, serif;
    font-size: 28px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
}

#content .symbolism-contents .symbolism-contents-note {
    margin: 0 0 24px;
    color: #555555;
    font-size: 17px;
    line-height: 1.4;
    font-style: italic;
    text-align: center;
}

.symbolism-contents-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 60px;
}
.symbolism-contents-grid ul {
    margin: 0;
    padding-left: 24px;
}

.symbolism-contents-grid li {
    margin: 8px 0;
    color: #35170C;
    font-size: 18px;
    line-height: 1.35;
}

.symbolism-contents-grid a {
    color: #35170C;
    text-decoration: none;
}

.symbolism-contents-grid a:hover,
.symbolism-contents-grid a:focus {
    text-decoration: underline;
}

/* ---------- Individual Symbols ---------- */

.symbolism-section {
    margin: 0 auto;
    padding: 42px 0 10px;
    border-top: 1px solid #B2BEB5;
}

#content .symbolism-section h2 {
    margin: 18px auto 28px;
    color: #35170C;
    font-size: 32px;
    line-height: 1.2;
    font-weight: normal;
    text-align: center;
}

.symbolism-image {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 24px;
}

#content .symbolism-section p,
#content .symbolism-introduction p {
    margin: 0 0 24px;
    color: #35170C;
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
}

.symbolism-quote {
    width: 84%;
    margin: 28px auto;
    color: #35170C;
    font-size: 19px;
    line-height: 1.6;
    font-style: italic;
    text-align: center;
}

.symbolism-centered {
    text-align: center !important;
}

.symbolism-poem {
    width: 80%;
    margin: 28px auto;
    color: #35170C;
    font-size: 19px;
    line-height: 1.55;
    text-align: center;
}

.symbolism-back-top {
    margin: 30px 0 4px !important;
    font-size: 16px !important;
    text-align: center !important;
}

.symbolism-back-top a {
    color: #666666;
    text-decoration: none;
}

.symbolism-back-top a:hover {
    text-decoration: underline;
}

/* ---------- Responsive ---------- */
/* ---------- Cross Gallery ---------- */

.symbolism-cross-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 38px 54px;
    width: 82%;
    margin: 32px auto 42px;
}

.symbolism-cross-item {
    text-align: center;
}

#content .symbolism-cross-item h3 {
    margin: 0 0 18px;
    color: #35170C;
    font-family: "Times New Roman", Times, serif;
    font-size: 21px;
    line-height: 1.25;
    font-weight: normal;
    text-align: center;
}

.symbolism-cross-item img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 18px;
}

#content .symbolism-cross-item p {
    margin: 0;
    color: #35170C;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}


/* ---------- Lists ---------- */

#content .symbolism-list {
    margin: 6px 0 26px 34px;
    padding-left: 22px;
    color: #35170C;
    font-size: 20px;
    line-height: 1.65;
}

#content .symbolism-list li {
    margin: 7px 0;
}


/* ---------- Closing / Attribution ---------- */

.symbolism-closing {
    margin: 48px auto 18px;
    padding-top: 36px;
    border-top: 1px solid #B2BEB5;
    text-align: center;
}

#content .symbolism-closing p {
    color: #35170C;
}

#content .symbolism-download-note {
    width: 86%;
    margin: 0 auto 30px;
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
}

#content .symbolism-attribution {
    margin: 0 auto 30px;
    font-size: 18px;
    line-height: 1.55;
    text-align: center;
}

.symbolism-pdf {
    text-align: center;
}

.symbolism-pdf a {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: #35170C;
    text-decoration: none;
}

.symbolism-pdf img {
    display: block;
    max-width: 90px;
    height: auto;
    margin: 0 auto;
}

.symbolism-pdf span {
    font-size: 17px;
}

.symbolism-pdf a:hover span,
.symbolism-pdf a:focus span {
    text-decoration: underline;
}
@media (max-width: 700px) {

    .symbolism-page {
        width: 94%;
    }

    .symbolism-contents {
        width: auto;
        padding: 24px 18px;
    }

    .symbolism-contents-grid {
        grid-template-columns: 1fr;
        column-gap: 0;
    }

    #content .symbolism-intro-header h1 {
        font-size: 31px;
    }

    #content .symbolism-section h2 {
        font-size: 28px;
    }

    #content .symbolism-section p,
    #content .symbolism-introduction p {
        font-size: 19px;
        line-height: 1.65;
    }

    .symbolism-quote,
    .symbolism-poem {
        width: 94%;
    }
}
/* =========================================================
   Catholic Symbolism — Contents final override
========================================================= */

#content .symbolism-contents {
    width: 78%;
    max-width: 780px;
    margin: 38px auto 52px;
    padding: 28px 34px;
    border-top: 1px solid #B2BEB5;
    border-bottom: 1px solid #B2BEB5;
}

/* =========================================================
   Novus Ordo Mass — Article
========================================================= */

#content.novus-ordo-article h2.novus-ordo-subtitle {
    width: 100%;
    margin: 0 0 48px 0;
    text-align: center !important;
}
/* =========================================================
   Novus Ordo Mass — Article
========================================================= */

#content.novus-ordo-article > p:not(.article-signature):not(.article-contact) {
    margin: 0 0 1.35em;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
    color: #222222;
}
#content.novus-ordo-article h2.novus-ordo-subtitle {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center !important;
}
#content.novus-ordo-article .article-lead {
    font-size: 28px;
    line-height: 1.35;
    margin: 48px 0 1.35em;
}
/* =========================================================
   Article — PDF Download
========================================================= */

.article-pdf {
    margin: 45px auto 20px;
    text-align: center;
}

.article-pdf-note {
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 1.4;
    text-align: center !important;
}

.article-pdf-icon {
    display: block;
    margin: 0 auto;
    border: 0;
}
/* =========================================================
   Bishop Joseph Strickland / Society of Saint Pius X
========================================================= */

.strickland-sspx-page {
    max-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* Editor's note */

.strickland-editor-note {
    width: 96%;
    max-width: 1100px;
    margin: 30px auto 44px;
    padding-left: 95px;
    box-sizing: border-box;
}

#content .strickland-editor-note p {
    margin: 0;
    font-size: 17px;
    line-height: 1.7;
    color: #35170C;
    text-align: left;
}
#content .strickland-note-heading {
    margin: 0 0 25px;
}

#content .strickland-note-line {
    margin: 0 0 25px;
    white-space: nowrap;
}

#content .strickland-note-last {
    margin: 0;
}/* Hero */

.strickland-hero {
    width: 82%;
    max-width: 850px;
    margin: 0 auto 46px;
    text-align: center;
}

#content .strickland-hero h1 {
    margin: 0 0 30px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: normal;
    color: #35170C;
    text-align: center;
}

.strickland-hero img {
    display: block;
    width: 100%;
    max-width: 850px;
    height: auto;
    margin: 0 auto 32px;
}

#content .strickland-hero h2 {
    margin: 0 0 14px;
    font-size: 29px;
    line-height: 1.3;
    font-weight: bold;
    color: #222222;
    text-align: center;
}

#content .strickland-subtitle {
    margin: 0;
    font-size: 25px;
    line-height: 1.3;
    color: #35170C;
    text-align: center;
}

/* Main article */

.strickland-body {
    width: 82%;
    max-width: 850px;
    margin: 0 auto;
    padding: 0 40px 40px;
    box-sizing: border-box;
}

#content .strickland-body p {
    margin: 0 0 25px;
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
}

#content .strickland-attribution {
    margin-bottom: 30px;
    font-size: 20px;
    color: #35170C;
    text-align: left;
}

/* Strickland's emphatic sectional statements */

#content .strickland-body h3 {.strickland-editor-note {
    width: 82%;
    max-width: 850px;
    margin: 30px auto 44px;
    text-align: center;
}

#content .strickland-editor-note p {
    margin: 0;
    font-size: 17px;
    line-height: 1.55;
    color: #35170C;
    text-align: center;
}
    margin: 44px 0 26px;
    font-size: 27px;
    line-height: 1.3;
    font-weight: bold;
    color: #35170C;
    text-align: left;
}

#content .strickland-final-question {
    margin: 48px 0 32px;
    font-size: 34px;
    line-height: 1.25;
    text-align: center;
}

/* Signature */

.strickland-signature {
    margin: 38px 0 34px;
}

#content .strickland-signature p {
    text-align: left;
}

/* Separator */

.strickland-separator {
    width: 75%;
    margin: 40px auto 30px;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

/* Printable PDF */

.strickland-pdf {
    margin: 0 auto 34px;
    text-align: center;
}

.strickland-pdf img {
    display: block;
    margin: 0 auto 8px;
}

#content .strickland-pdf p {
    margin: 0;
    text-align: center;
}

/* BCJ editor credit */

#content .strickland-editor-credit {
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.5;
    text-align: left;
}

/* Mobile */

@media (max-width: 700px) {

    .strickland-editor-note,
    .strickland-hero,
    .strickland-body {
        width: 92%;
    }

    .strickland-body {
        padding-left: 20px;
        padding-right: 20px;
    }

    #content .strickland-hero h1 {
        font-size: 32px;
    }

    #content .strickland-hero h2 {
        font-size: 25px;
    }

    #content .strickland-subtitle {
        font-size: 22px;
    }

    #content .strickland-body h3 {
        font-size: 24px;
    }

    #content .strickland-final-question {
        font-size: 30px;
    }
}
/* =========================================================
   Francis as "The Prince" — Article Page
========================================================= */

.francis-prince-page {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
}

.francis-prince-hero {
    width: 82%;
    max-width: 850px;
    margin: 38px auto 42px;
    text-align: center;
}

.francis-prince-hero h1 {
    margin: 0 0 28px;
    font-size: 36px;
    line-height: 1.25;
    font-weight: normal;
    text-align: center;
}

.francis-prince-hero img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto 24px;
}

.francis-prince-hero h2 {
    margin: 0;
    font-size: 27px;
    line-height: 1.3;
    font-weight: normal;
    text-align: center;
}

.francis-prince-body {
    width: 82%;
    max-width: 850px;
    margin: 0 auto;
    padding: 0 40px 40px;
    box-sizing: border-box;
}

#content .francis-prince-body p {
    margin: 0 0 25px;
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
}

#content .francis-prince-body h2 {
    margin: 46px 0 24px;
    font-size: 29px;
    line-height: 1.3;
    font-weight: normal;
    text-align: left;
}

#content .francis-prince-body blockquote {
    width: 86%;
    margin: 30px auto;
    padding: 0;
    color: #35170C;
}

#content .francis-prince-body blockquote p {
    font-size: 19px;
    line-height: 1.65;
    font-style: italic;
}

.francis-prince-separator {
    width: 75%;
    margin: 42px auto;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

.francis-prince-references {
    margin: 0 0 36px;
}

#content .francis-prince-references p {
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 1.55;
    text-align: left;
}

.francis-prince-author {
    margin: 34px 0;
}

#content .francis-prince-author p {
    font-size: 18px;
    line-height: 1.55;
    text-align: left;
}

.francis-prince-pdf {
    margin: 30px 0;
}

.francis-prince-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.francis-prince-pdf img {
    width: 51px;
    height: 49px;
}

#content .francis-prince-comments {
    font-size: 17px;
    text-align: left;
}

.francis-prince-further-reading {
    margin: 0 0 45px;
}

#content .francis-prince-further-reading h2 {
    margin: 0 0 24px;
    font-size: 28px;
    line-height: 1.3;
    font-weight: normal;
}

.francis-prince-further-reading ul {
    margin: 0;
    padding-left: 28px;
}

.francis-prince-further-reading li {
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 1.5;
}

@media (max-width: 700px) {

    .francis-prince-hero,
    .francis-prince-body {
        width: 92%;
    }

    .francis-prince-body {
        padding-left: 10px;
        padding-right: 10px;
    }

    .francis-prince-hero h1 {
        font-size: 30px;
    }

    .francis-prince-hero h2 {
        font-size: 24px;
    }

    #content .francis-prince-body p {
        font-size: 18px;
        line-height: 1.6;
    }

    #content .francis-prince-body h2 {
        font-size: 26px;
    }
}
/* Center subtitle beneath Francis hero image */
#content .francis-prince-hero h2 {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#content .applause-hero img {
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 0 28px;
}
#content .applause-hero h1 {
    margin-bottom: 70px;
    font-size: 52px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
}
/* =========================================================
   Creating and Maintaining a Traditional Catholic Home
========================================================= */

.catholic-home-page {
    width: 100%;
}

.catholic-home-hero {
    width: 100%;
    margin: 34px auto 48px;
    text-align: center;
}

#content .catholic-home-hero h1 {
    margin: 0 0 32px;
    font-size: 40px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
}

#content .catholic-home-hero h1 span {
    font-size: 32px;
}

.catholic-home-hero img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 30px;
}

#content .catholic-home-hero h2 {
    margin: 0;
    font-size: 30px;
    line-height: 1.3;
    font-weight: normal;
    text-align: center;
}

.catholic-home-body {
    width: 82%;
    max-width: 850px;
    margin: 0 auto;
    padding: 0 40px 40px;
    box-sizing: border-box;
}

#content .catholic-home-body p {
    margin: 0 0 25px;
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
}

#content .catholic-home-intro {
    margin-bottom: 32px;
    font-size: 22px;
}

.catholic-home-list {
    margin: 0 0 30px;
    padding-left: 28px;
}

.catholic-home-list li {
    margin: 0 0 26px;
    padding-left: 8px;
}

#content .catholic-home-list li p {
    margin-bottom: 18px;
}

.catholic-home-scripture {
    color: #35170C;
}

.catholic-home-blessing {
    width: 82%;
    margin: 38px auto 45px;
    padding: 24px 32px;
    box-sizing: border-box;
    border-top: 1px solid #B2BEB5;
    border-bottom: 1px solid #B2BEB5;
}

#content .catholic-home-blessing p {
    margin: 0;
    font-size: 21px;
    line-height: 1.7;
    text-align: center;
}

.catholic-home-gardens {
    margin: 45px auto 50px;
    text-align: center;
}

.catholic-home-gardens figure {
    margin: 0 auto 50px;
}

.catholic-home-gardens img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 16px;
}

.catholic-home-gardens figcaption {
    font-size: 23px;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
}

#content .catholic-home-conclusion {
    margin: 45px 0 35px;
    font-size: 21px;
    line-height: 1.7;
}

.catholic-home-author {
    margin-top: 35px;
}

#content .catholic-home-author p {
    text-align: left;
}

.catholic-home-pdf {
    margin: 25px 0;
}

.catholic-home-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 20px;
    text-decoration: none;
}

.catholic-home-pdf img {
    display: block;
}

@media (max-width: 700px) {

    .catholic-home-body {
        width: 92%;
        padding: 0 12px 30px;
    }

    #content .catholic-home-hero h1 {
        font-size: 34px;
    }

    #content .catholic-home-hero h1 span {
        font-size: 28px;
    }

    #content .catholic-home-hero h2 {
        font-size: 26px;
    }

    .catholic-home-blessing {
        width: 94%;
        padding: 20px;
    }
}
/* =========================================================
   Excommunication page — final hero composition
========================================================= */

#content .excommunication-hero {
    width: 100%;
    margin: 85px auto 55px;
    text-align: center;
}

#content .excommunication-leo {
    display: block;
    width: 581px;
    max-width: 80%;
    height: auto;
    position: relative;
    right: 105px;
    margin: 0 auto 18px;
}

#content .excommunication-hero h1 {
    margin: 0;
    font-size: 52px;
    line-height: 1.15;
    font-weight: bold;
    text-align: center;
}

#content .excommunication-faithful {
    display: block;
    width: 252px;
    height: auto;
    margin: 32px auto 24px;
}

#content .excommunication-hero h1.excommunication-subtitle {
    font-size: 38px;
    margin-top: 0;
}
/* =========================================================
   Flesh of My Flesh — Mary's Role in Our Salvation
========================================================= */

#content .mary-flesh-page {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #35170C;
    font-family: "Times New Roman", Times, serif;
}

#content .mary-flesh-hero {
    width: 100%;
    margin: 58px auto 46px;
    text-align: center;
}

#content .mary-flesh-hero h1 {
    margin: 0 0 34px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: normal;
    text-align: center;
}

#content .mary-flesh-image {
    display: block;
    width: 232px;
    max-width: 80%;
    height: auto;
    margin: 0 auto 30px;
}

#content .mary-flesh-invocation {
    margin: 0 auto;
    font-size: 24px;
    line-height: 1.55;
    font-weight: normal;
    text-align: center;
    color: #35170C;
}

#content .mary-flesh-body {
    width: 82%;
    max-width: 850px;
    margin: 0 auto;
    padding: 0 40px 42px;
    box-sizing: border-box;
}

#content .mary-flesh-body p {
    margin: 0 0 26px;
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
}

#content .mary-flesh-opening::first-letter {
    font-size: 46px;
    line-height: .8;
    font-weight: bold;
}

#content .mary-flesh-body h2 {
    margin: 42px 0 4px;
    font-size: 27px;
    line-height: 1.3;
    font-weight: bold;
    text-align: left;
    color: #35170C;
}

#content .mary-flesh-subheading {
    margin: 0 0 28px;
    font-size: 20px;
    text-align: left;
}

#content .mary-flesh-scripture {
    color: #8B0000;
}

#content .mary-flesh-hymn {
    display: flex;
    justify-content: center;
    gap: 55px;
    width: 94%;
    margin: 34px auto 42px;
}

#content .mary-flesh-hymn-column {
    flex: 1 1 0;
}

#content .mary-flesh-hymn-column p {
    margin: 0;
    text-align: left;
    line-height: 1.65;
}

#content .mary-flesh-hymn-column p > strong:first-child {
    font-size: 32px;
}

#content .mary-flesh-quotation {
    width: 90%;
    margin: 34px auto !important;
    font-style: italic;
    text-align: center !important;
}

#content .mary-flesh-quotation span {
    display: block;
    margin-top: 8px;
    color: #35170C;
    font-style: normal;
}

#content .mary-flesh-conclusion {
    margin-top: 36px !important;
}

#content .mary-flesh-author {
    margin-top: 44px;
}

#content .mary-flesh-author p {
    text-align: left;
}

#content .mary-flesh-pdf {
    margin: 30px 0;
}

#content .mary-flesh-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-size: 18px;
    text-decoration: none;
}

#content .mary-flesh-pdf img {
    display: block;
    width: 51px;
    height: 49px;
}

#content .mary-flesh-comments {
    font-size: 18px !important;
    text-align: left !important;
}

@media (max-width: 700px) {

    #content .mary-flesh-hero {
        margin-top: 38px;
    }

    #content .mary-flesh-hero h1 {
        font-size: 32px;
    }

    #content .mary-flesh-body {
        width: 92%;
        padding-left: 12px;
        padding-right: 12px;
    }

    #content .mary-flesh-body p {
        font-size: 19px;
    }

    #content .mary-flesh-hymn {
        display: block;
        width: 100%;
    }

    #content .mary-flesh-hymn-column {
        margin-bottom: 28px;
    }
}/* =========================================================
   Flesh of My Flesh — Mary's Role in Our Salvation
========================================================= */

#content .mary-flesh-page {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #35170C;
    font-family: "Times New Roman", Times, serif;
}

#content .mary-flesh-hero {
    width: 100%;
    margin: 58px auto 46px;
    text-align: center;
}

#content .mary-flesh-hero h1 {
    margin: 0 0 34px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: normal;
    text-align: center;
}

#content .mary-flesh-image {
    display: block;
    width: 232px;
    max-width: 80%;
    height: auto;
    margin: 0 auto 30px;
}

#content .mary-flesh-invocation {
    margin: 0 auto;
    font-size: 20px;
    line-height: 1.55;
    font-weight: bold;
    text-align: center;
    color: #35170C;
}

#content .mary-flesh-body {
    width: 82%;
    max-width: 850px;
    margin: 0 auto;
    padding: 0 40px 42px;
    box-sizing: border-box;
}

#content .mary-flesh-body p {
    margin: 0 0 26px;
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
}

#content .mary-flesh-opening::first-letter {
    font-size: 46px;
    line-height: .8;
    font-weight: bold;
}

#content .mary-flesh-body h2 {
    margin: 42px 0 4px;
    font-size: 27px;
    line-height: 1.3;
    font-weight: bold;
    text-align: left;
    color: #35170C;
}

#content .mary-flesh-subheading {
    margin: 0 0 28px;
    font-size: 20px;
    text-align: left;
}

#content .mary-flesh-scripture {
    color: #8B0000;
}

#content .mary-flesh-hymn {
    display: flex;
    justify-content: center;
    gap: 55px;
    width: 94%;
    margin: 34px auto 42px;
}

#content .mary-flesh-hymn-column {
    flex: 1 1 0;
}

#content .mary-flesh-hymn-column p {
    margin: 0;
    text-align: left;
    line-height: 1.65;
}

#content .mary-flesh-hymn-column p > strong:first-child {
    font-size: 32px;
}

#content .mary-flesh-quotation {
    width: 90%;
    margin: 34px auto !important;
    font-style: italic;
    text-align: center !important;
}

#content .mary-flesh-quotation span {
    display: block;
    margin-top: 8px;
    color: #35170C;
    font-style: normal;
}

#content .mary-flesh-conclusion {
    margin-top: 36px !important;
}

#content .mary-flesh-author {
    margin-top: 44px;
}

#content .mary-flesh-author p {
    text-align: left;
}

#content .mary-flesh-pdf {
    margin: 30px 0;
}

#content .mary-flesh-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    font-size: 18px;
    text-decoration: none;
}

#content .mary-flesh-pdf img {
    display: block;
    width: 51px;
    height: 49px;
}

#content .mary-flesh-comments {
    font-size: 18px !important;
    text-align: left !important;
}

@media (max-width: 700px) {

    #content .mary-flesh-hero {
        margin-top: 38px;
    }

    #content .mary-flesh-hero h1 {
        font-size: 32px;
    }

    #content .mary-flesh-body {
        width: 92%;
        padding-left: 12px;
        padding-right: 12px;
    }

    #content .mary-flesh-body p {
        font-size: 19px;
    }

    #content .mary-flesh-hymn {
        display: block;
        width: 100%;
    }

    #content .mary-flesh-hymn-column {
        margin-bottom: 28px;
    }
}
/* =========================================================
   Questions & Answers about Authentic Catholic Teaching
========================================================= */

#content .catholic-qa-page {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #35170C;
    font-family: "Times New Roman", Times, serif;
}

/* ---------- Hero ---------- */

#content .catholic-qa-hero {
    width: 100%;
    margin: 55px auto 42px;
    text-align: center;
}

#content .catholic-qa-hero h1 {
    margin: 24px 0 14px;
    font-size: 38px;
    line-height: 1.2;
    font-weight: normal;
    text-align: center;
    color: #35170C;
}

#content .catholic-qa-tiara {
    display: block;
    width: 167px;
    max-width: 70%;
    height: auto;
    margin: 0 auto;
}

#content .catholic-qa-subtitle {
    margin: 0;
    font-size: 27px;
    line-height: 1.35;
    text-align: center;
    color: #35170C;
}

#content .catholic-qa-subtitle em {
    font-style: normal;
    text-decoration: underline;
}

/* ---------- Separator ---------- */

#content .catholic-qa-separator {
    width: 75%;
    height: 0;
    margin: 0 auto 42px;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

/* ---------- Main body ---------- */

#content .catholic-qa-body {
    width: 82%;
    max-width: 950px;
    margin: 0 auto;
    padding: 0 40px 48px;
    box-sizing: border-box;
}

#content .catholic-qa-introduction {
    margin: 0 0 42px;
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
}

#content .catholic-qa-introduction::first-letter {
    font-size: 46px;
    line-height: .8;
    font-weight: bold;
}

/* ---------- Ask Us ---------- */

#content .catholic-qa-ask {
    margin: 48px auto 50px;
    text-align: center;
}

#content .catholic-qa-ask h2 {
    margin: 0 0 10px;
    font-size: 28px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    color: #35170C;
}

#content .catholic-qa-ask p {
    margin: 0;
    font-size: 22px;
    text-align: center;
}

#content .catholic-qa-ask a {
    text-decoration: none;
}

#content .catholic-qa-ask a:hover {
    text-decoration: underline;
}

/* ---------- Question Directory ---------- */

#content .catholic-qa-directory {
    width: 100%;
    margin: 0 auto 52px;
}

#content .catholic-qa-directory > h2 {
    margin: 0 0 24px;
    font-size: 30px;
    line-height: 1.3;
    text-align: center;
    color: #35170C;
}

#content .catholic-qa-directory-grid {
    display: flex;
    align-items: flex-start;
    gap: 34px;
    width: 100%;
    padding: 28px 30px;
	border: 1px solid #B2BEB5;
    box-sizing: border-box;
}

#content .catholic-qa-directory-grid ul {
    flex: 0 0 calc(50% - 17px);
    margin: 0;
    padding-left: 24px;
    padding-right: 10px;
    box-sizing: border-box;
}
#content .catholic-qa-directory-grid li {
    margin: 0 0 18px;
    padding-left: 4px;
    font-size: 18px;
    line-height: 1.55;
}

#content .catholic-qa-directory-grid li:last-child {
    margin-bottom: 0;
}

#content .catholic-qa-directory-grid a {
    text-decoration: none;
}

#content .catholic-qa-directory-grid a:hover {
    text-decoration: underline;
}

/* ---------- Mobile ---------- */

@media (max-width: 700px) {

    #content .catholic-qa-hero {
        margin-top: 38px;
    }

    #content .catholic-qa-hero h1 {
        font-size: 32px;
    }

    #content .catholic-qa-subtitle {
        font-size: 23px;
    }

    #content .catholic-qa-body {
        width: 92%;
        padding-left: 12px;
        padding-right: 12px;
    }

    #content .catholic-qa-introduction {
        font-size: 19px;
    }

    #content .catholic-qa-directory-grid {
        display: block;
        padding: 24px 22px;
    }

    #content .catholic-qa-directory-grid ul {
        margin: 0;
    }

    #content .catholic-qa-directory-grid ul + ul {
        margin-top: 18px;
    }

    #content .catholic-qa-directory-grid li {
        font-size: 18px;
    }
}
/* ---------- Individual Q&A Entries ---------- */

#content .catholic-qa-entry {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #35170C;
}

#content .catholic-qa-entry .catholic-qa-separator {
    display: block;
    width: 75%;
    height: 0;
    margin: 58px auto 46px;
    padding: 0;
    border: 0;
    border-top: 1px solid #B2BEB5;
}
#content .catholic-qa-label {
    margin: 0 0 22px;
    font-size: 24px;
    line-height: 1.3;
    font-weight: normal;
    text-align: left;
    color: #5022EB;
}

#content .catholic-qa-question {
    margin: 0 0 18px;
    font-size: 26px;
    line-height: 1.5;
    font-weight: normal;
    text-align: left;
    color: #0000FF;
}

#content .catholic-qa-name {
    margin: 0 0 38px;
    font-size: 18px;
    line-height: 1.5;
    text-align: left;
}

#content .catholic-qa-entry > p {
    margin: 0 0 26px;
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
}

#content .catholic-qa-list {
    margin: 4px 0 30px;
    padding-left: 34px;
}

#content .catholic-qa-list li {
    margin: 0 0 16px;
    padding-left: 5px;
    font-size: 20px;
    line-height: 1.65;
    text-align: justify;
}

#content .catholic-qa-subheading {
    margin: 38px 0 22px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: bold;
    text-align: left;
    color: #35170C;
}

#content .catholic-qa-quotation {
    width: 86%;
    margin: 28px auto 34px;
    padding: 0;
}

#content .catholic-qa-quotation p {
    margin: 0;
    font-size: 20px;
    line-height: 1.65;
    font-style: italic;
    text-align: justify;
}

#content .catholic-qa-criteria {
    margin-bottom: 32px;
}

#content .catholic-qa-notes {
    width: 90%;
    margin: 42px auto 0;
}

#content .catholic-qa-notes p {
    margin: 0 0 24px;
    font-size: 18px;
    line-height: 1.65;
    text-align: justify;
}

#content .catholic-qa-scripture {
    color: #8B0000;
}

/* ---------- Q&A Entries: Mobile ---------- */

@media (max-width: 700px) {

    #content .catholic-qa-label {
        font-size: 22px;
    }

    #content .catholic-qa-entry > p,
    #content .catholic-qa-list li,
    #content .catholic-qa-quotation p {
        font-size: 19px;
    }

    #content .catholic-qa-quotation,
    #content .catholic-qa-notes {
        width: 100%;
    }

    #content .catholic-qa-notes p {
        font-size: 17px;
    }
}
/* =========================================================
   A Viper in the Vatican
========================================================= */

#content .viper-page {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 35px;
    box-sizing: border-box;
    background: #FFFFFF;
    color: #222222;
    font-family: "Times New Roman", Times, serif;
}
/* ---------- Hero ---------- */

#content .viper-hero {
    text-align: center;
    margin: 0 0 42px;
}

#content .viper-hero h1 {
    margin: 0;
    font-size: 40px;
    line-height: 1.15;
    font-weight: normal;
}

#content .viper-hero h2 {
    margin: 8px 0 0;
    font-size: 30px;
    line-height: 1.2;
    font-weight: normal;
    text-align: center;
}

#content .viper-latin {
    margin: 20px 0 0;
    font-size: 20px;
    text-align: center;
}

/* ---------- Opening presentation ---------- */

#content .viper-opening-grid {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 54px;
    margin: 0 auto 46px;
}

#content .viper-opening-grid > * {
    flex: 1 1 0;
    min-width: 0;
}

#content .viper-opening-text {
    max-width: 500px;
}

#content .viper-figure {
    margin: 0;
    text-align: center;
}

#content .viper-figure img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

#content .viper-figure figcaption {
    margin-top: 14px;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
}

#content .viper-opening-grid > .viper-figure figcaption strong {
    font-size: 24px;
}

#content .viper-small-figure {
    margin-bottom: 22px;
}

#content .viper-small-figure figcaption {
    margin: 8px 0 12px;
    font-size: 16px;
}

#content .viper-opening-text h3 {
    margin: 18px 0 24px;
    font-size: 25px;
    line-height: 1.25;
    text-align: center;
}

#content .viper-opening-text blockquote {
    margin: 0;
    padding: 0;
    color: #35170C;
}

#content .viper-opening-text blockquote p {
    font-size: 18px;
    line-height: 1.6;
    text-align: justify;
}

#content .viper-source {
    margin-top: 10px;
    font-size: 16px !important;
    text-align: center !important;
}

#content .viper-emphasis {
    margin-top: 24px;
    font-size: 18px;
    line-height: 1.6;
    color: #35170C;
    text-align: justify;
}

/* ---------- Two Vipers ---------- */

#content .viper-two-vipers {
    margin: 48px auto 58px;
}

#content .viper-two-vipers figcaption {
    font-size: 24px;
}

/* ---------- Fazzini images ---------- */

#content .viper-fazzini-grid {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 46px;
    margin: 0 auto 54px;
}

#content .viper-fazzini-grid > * {
    flex: 1 1 0;
    min-width: 0;
}

#content .viper-fazzini-grid figcaption {
    font-size: 20px;
    line-height: 1.4;
}

#content .viper-fazzini-grid figcaption strong {
    font-size: 23px;
}

/* ---------- Main article ---------- */

#content .viper-article {
    max-width: 960px;
    margin: 0 auto;
}

#content .viper-article > h2 {
    margin: 0 0 38px;
    font-size: 32px;
    line-height: 1.25;
    font-weight: normal;
    text-align: center;
}

#content .viper-article > h2 span {
    display: block;
    margin-top: 5px;
    font-size: 25px;
}

#content .viper-article > p {
    margin: 0 0 24px;
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
}

#content .viper-dropcap::first-letter {
    font-size: 34px;
    line-height: 1;
    font-weight: bold;
}

#content .viper-quotation {
    width: 88%;
    margin: 30px auto;
    color: #35170C;
}

#content .viper-quotation p {
    margin: 0 0 14px;
    font-size: 19px;
    line-height: 1.65;
    text-align: justify;
}

#content .viper-scripture {
    width: 88%;
    margin: 32px auto;
}

#content .viper-scripture p {
    margin: 0;
    font-size: 20px;
    line-height: 1.65;
    text-align: center;
}

#content .viper-scripture span {
    display: block;
    margin-top: 8px;
    font-size: 18px;
}

#content .viper-separator {
    width: 75%;
    margin: 44px auto 30px;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

/* ---------- Notes ---------- */

#content .viper-notes {
    margin: 0 auto;
}

#content .viper-notes p {
    margin: 0 0 14px;
    font-size: 16px;
    line-height: 1.55;
    text-align: justify;
}

/* ---------- Responsive ---------- */

@media (max-width: 800px) {

    #content .viper-opening-grid,
    #content .viper-fazzini-grid {
        display: block;
    }

    #content .viper-opening-grid > *,
    #content .viper-fazzini-grid > * {
        margin-left: auto;
        margin-right: auto;
    }

    #content .viper-opening-text {
        margin-top: 40px;
        max-width: none;
    }

    #content .viper-fazzini-grid .viper-figure + .viper-figure {
        margin-top: 42px;
    }

    #content .viper-hero h1 {
        font-size: 34px;
    }

    #content .viper-hero h2 {
        font-size: 26px;
    }

    #content .viper-article > h2 {
        font-size: 29px;
    }
}
/* =========================================================
   How Do I Become Holy?
========================================================= */

#content .holiness-page {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 20px 36px 40px;
    box-sizing: border-box;
    background: #FFFFFF;
    color: #222222;
    font-family: "Times New Roman", Times, serif;
}

#content .holiness-hero {
    text-align: center;
    margin: 0 auto 46px;
}

#content .holiness-sheen {
    max-width: 850px;
    margin: 0 auto 28px;
}

#content .holiness-sheen-intro {
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.55;
    text-align: center;
}

#content .holiness-sheen blockquote {
    margin: 0;
    padding: 0;
}

#content .holiness-sheen blockquote p {
    margin: 0;
    font-size: 32px;
    line-height: 1.3;
    font-weight: bold;
    color: #35170C;
    text-align: center;
}

#content .holiness-sheen cite {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-style: normal;
    color: #35170C;
}

#content .holiness-hero-image {
    display: block;
    width: 277px;
    max-width: 100%;
    height: auto;
    margin: 30px auto;
}

#content .holiness-hero h1 {
    margin: 28px 0 0;
    font-size: 38px;
    line-height: 1.2;
    font-weight: normal;
    color: #35170C;
    text-align: center;
}

#content .holiness-article {
    max-width: 960px;
    margin: 0 auto;
}

#content .holiness-article > p {
    margin: 0 0 25px;
    font-size: 20px;
    line-height: 1.72;
    text-align: justify;
}

#content .holiness-opening-question {
    margin: 0 0 28px;
    color: #35170C;
}

#content .holiness-opening-question p {
    margin: 0 0 10px;
    font-size: 22px;
    line-height: 1.55;
    text-align: justify;
}

#content .holiness-opening-question p:first-child {
    font-size: 27px;
}

#content .holiness-definition {
    margin: 24px 0 38px 26px;
    padding-left: 22px;
}

#content .holiness-definition li {
    margin: 0 0 16px;
    padding-left: 5px;
    font-size: 20px;
    line-height: 1.55;
}

#content .holiness-article h2 {
    margin: 48px 0 25px;
    font-size: 28px;
    line-height: 1.35;
    font-weight: normal;
    color: #35170C;
    text-align: left;
}

#content .holiness-article h2 span {
    display: block;
}

#content .holiness-article h3 {
    margin: 28px 0 18px;
    font-size: 24px;
    line-height: 1.35;
    color: #35170C;
    text-align: left;
}

#content .holiness-scripture {
    width: 86%;
    margin: 24px auto 34px;
    padding: 0;
}

#content .holiness-scripture p {
    margin: 0;
    font-size: 20px;
    line-height: 1.65;
    text-align: justify;
}

#content .holiness-scripture cite {
    display: block;
    margin-top: 8px;
    font-size: 17px;
    font-style: normal;
    color: #35170C;
    text-align: right;
}

#content .holiness-scripture-list p + p {
    margin-top: 18px;
}

#content .holiness-logic-example {
    width: 88%;
    margin: 28px auto;
    padding: 22px 28px;
    box-sizing: border-box;
    border-left: 2px solid #B2BEB5;
}

#content .holiness-logic-example p {
    margin: 0;
    font-size: 20px;
    line-height: 1.65;
    text-align: justify;
}

#content .holiness-world-list {
    width: 84%;
    margin: 22px auto 32px;
    padding-left: 28px;
}

#content .holiness-world-list li {
    margin: 0 0 9px;
    font-size: 20px;
    line-height: 1.5;
}

#content .holiness-emphasis {
    color: #35170C;
    font-weight: bold;
}

#content .holiness-citation {
    color: #35170C;
}

#content .holiness-john {
    width: 78%;
    margin-top: 25px;
    margin-bottom: 36px;
}

#content .holiness-signature {
    margin-top: 42px !important;
    text-align: left !important;
}

#content .holiness-resources {
    margin: 38px 0 34px;
}

#content .holiness-resources p {
    margin: 0 0 20px;
    font-size: 18px;
    line-height: 1.55;
}

#content .holiness-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
}

#content .holiness-pdf img {
    width: 51px;
    height: 49px;
}

#content .holiness-separator {
    width: 75%;
    margin: 46px auto 34px;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

#content .holiness-notes {
    margin: 0 auto;
}

#content .holiness-notes p {
    margin: 0 0 17px;
    font-size: 15px;
    line-height: 1.55;
    text-align: justify;
}

#content .holiness-notes sup,
#content .holiness-article sup {
    font-size: 70%;
    vertical-align: super;
}

#content .holiness-article sup a {
    text-decoration: none;
}

@media (max-width: 800px) {

    #content .holiness-page {
        padding: 15px 20px 30px;
    }

    #content .holiness-sheen blockquote p {
        font-size: 27px;
    }

    #content .holiness-hero h1 {
        font-size: 33px;
    }

    #content .holiness-article h2 {
        font-size: 26px;
    }

    #content .holiness-scripture,
    #content .holiness-john,
    #content .holiness-world-list,
    #content .holiness-logic-example {
        width: 94%;
    }
}
/* =========================================================
   How Should We Hold Our Hands at Mass?
========================================================= */

#content .hands-mass-page {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 22px 36px 42px;
    box-sizing: border-box;
    background: #FFFFFF;
    color: #222222;
    font-family: "Times New Roman", Times, serif;
}

#content .hands-mass-hero {
    margin: 0 auto 42px;
    text-align: center;
}

#content .hands-mass-hero h1 {
    margin: 0 0 10px;
    font-size: 38px;
    line-height: 1.25;
    font-weight: normal;
    color: #35170C;
}

#content .hands-mass-subtitle {
    margin: 0;
    font-size: 23px;
    line-height: 1.4;
    font-style: italic;
    color: #35170C;
    text-align: center;
}

#content .hands-mass-article {
    max-width: 960px;
    margin: 0 auto;
}

#content .hands-mass-article > p {
    margin: 0 0 25px;
    font-size: 20px;
    line-height: 1.72;
    text-align: justify;
}

#content .hands-mass-lead {
    margin-bottom: 28px !important;
    font-size: 24px !important;
    color: #35170C;
    text-align: center !important;
}

#content .hands-mass-article h2 {
    margin: 48px 0 25px;
    font-size: 29px;
    line-height: 1.3;
    font-weight: normal;
    color: #35170C;
    text-align: left;
}

#content .hands-mass-article h3 {
    margin: 36px 0 20px;
    font-size: 24px;
    line-height: 1.35;
    font-weight: normal;
    color: #35170C;
    text-align: left;
}

#content .hands-mass-document {
    width: 88%;
    margin: 34px auto 38px;
    padding: 28px 34px;
    box-sizing: border-box;
    border-top: 1px solid #B2BEB5;
    border-bottom: 1px solid #B2BEB5;
}

#content .hands-mass-document h2 {
    margin: 0 0 20px;
    font-size: 25px;
    line-height: 1.35;
    font-weight: bold;
    color: #35170C;
    text-align: center;
}

#content .hands-mass-document-emphasis {
    margin: 0 0 18px;
    font-size: 22px;
    font-weight: bold;
    font-style: italic;
    color: #35170C;
    text-align: center;
}

#content .hands-mass-document blockquote {
    margin: 0;
    padding: 0;
}

#content .hands-mass-document blockquote p {
    margin: 0 0 17px;
    font-size: 19px;
    line-height: 1.62;
    text-align: justify;
}

#content .hands-mass-source {
    margin: 23px 0 0;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
}

#content .hands-mass-scripture {
    width: 82%;
    margin: 28px auto 36px;
    padding: 0;
    color: #35170C;
}

#content .hands-mass-scripture p {
    margin: 0;
    font-size: 20px;
    line-height: 1.62;
    font-style: italic;
    text-align: justify;
}

#content .hands-mass-scripture cite {
    display: block;
    margin-top: 10px;
    font-size: 17px;
    font-style: normal;
    text-align: right;
}

#content .hands-mass-rhetorical {
    width: 86%;
    margin: 28px auto 34px;
    padding-left: 28px;
    border-left: 2px solid #B2BEB5;
}

#content .hands-mass-rhetorical p {
    margin: 0 0 17px;
    font-size: 20px;
    line-height: 1.65;
    font-style: italic;
    text-align: justify;
}

#content .hands-mass-forms {
    width: 88%;
    margin: 22px auto 28px;
    padding-left: 28px;
}

#content .hands-mass-forms li {
    margin: 0 0 14px;
    padding-left: 5px;
    font-size: 20px;
    line-height: 1.55;
}

#content .hands-mass-aside {
    margin: 10px 0 32px !important;
    font-size: 21px !important;
    color: #35170C;
    text-align: center !important;
}

#content .hands-mass-key-quote {
    width: 84%;
    margin: 30px auto 38px;
    padding: 25px 30px;
    box-sizing: border-box;
    border-left: 3px solid #B2BEB5;
    color: #35170C;
}

#content .hands-mass-key-quote p {
    margin: 0;
    font-size: 22px;
    line-height: 1.62;
    font-style: italic;
    text-align: justify;
}

#content .hands-mass-key-quote cite {
    display: block;
    margin-top: 12px;
    font-size: 17px;
    font-style: normal;
    text-align: center;
}

#content .hands-mass-emphasis {
    width: 88%;
    margin: 34px auto !important;
    font-size: 21px !important;
    line-height: 1.65 !important;
    font-style: italic;
    color: #35170C;
}

#content .hands-mass-caption {
    margin: 8px 0 26px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-style: italic;
    text-align: center !important;
}

#content .hands-mass-conclusion {
    margin: 45px auto 20px !important;
    font-size: 24px !important;
    line-height: 1.55 !important;
    color: #35170C;
    text-align: center !important;
}

#content .hands-mass-separator {
    width: 75%;
    margin: 46px auto 34px;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

#content .hands-mass-notes {
    margin: 0 auto;
}

#content .hands-mass-notes p {
    margin: 0 0 14px;
    font-size: 15px;
    line-height: 1.55;
    text-align: left;
}

#content .hands-mass-article sup {
    font-size: 70%;
    vertical-align: super;
}

#content .hands-mass-article sup a {
    text-decoration: none;
}

@media (max-width: 800px) {

    #content .hands-mass-page {
        padding: 16px 20px 32px;
    }

    #content .hands-mass-hero h1 {
        font-size: 33px;
    }

    #content .hands-mass-subtitle {
        font-size: 21px;
    }

    #content .hands-mass-article h2 {
        font-size: 26px;
    }

    #content .hands-mass-document,
    #content .hands-mass-scripture,
    #content .hands-mass-rhetorical,
    #content .hands-mass-forms,
    #content .hands-mass-key-quote,
    #content .hands-mass-emphasis {
        width: 94%;
    }
}
/* Hands at Mass — article graphics */

#content .hands-mass-figure {
    margin: 32px auto 34px;
    text-align: center;
}

#content .hands-mass-figure img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
#content .hands-mass-document blockquote p {
    margin-bottom: 18px;
}
#content .hands-mass-document blockquote li {
    margin-bottom: 18px;
}
/* =========================================================
   Children of God — Addendum
========================================================= */

.children-god-addendum {
    margin-top: 60px;
    padding: 0 45px;
    box-sizing: border-box;
.children-god-addendum-label {
    margin: 0 0 30px;
    font-size: 20px;
    font-weight: bold;
}

.children-god-addendum-card h2,
.children-god-addendum-card h3 {
    text-align: center;
}
#content .children-god-host {
    margin: 25px auto;
    text-align: center;
}

#content .children-god-host img {
    display: block;
    width: auto;
    max-width: 273px;
    height: auto;
    margin: 0 auto;
}
/* Center Children of God hero graphic */
}
#content .children-god-subtitle {
    margin: 18px 0 0;
    font-size: 48px;
    line-height: 1.25;
    text-align: center;
}
.children-god-hero-image {
    width: 100%;
    margin: 0 0 40px;
    text-align: center;
}

.children-god-hero-image img {
    display: inline-block;
    margin: 0;
}
/* =========================================================
   Litany of the Saints — Latin and English
========================================================= */

.litany-saints {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 0 35px;
    box-sizing: border-box;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

.litany-hero {
    text-align: center;
}

#content .litany-hero h1 {
    margin: 0 0 12px;
    font-size: 44px;
    line-height: 1.2;
    font-weight: normal;
    text-align: center;
}

#content .litany-english-title {
    margin: 0 0 32px;
    font-size: 34px;
    line-height: 1.25;
    text-align: center;
}

.litany-hero-image {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto 34px;
}

#content .litany-hero h2 {
    margin: 0 0 24px;
    font-size: 26px;
    line-height: 1.3;
    font-weight: normal;
    text-align: center;
}

.litany-audio {
    margin: 0 auto 42px;
    text-align: center;
}

.litany-audio audio {
    width: 100%;
    max-width: 520px;
}

.litany-separator {
    width: 75%;
    height: 1px;
    margin: 38px auto;
    border: 0;
    background: #B2BEB5;
}

.litany-columns {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 46px;
    align-items: start;
}

.litany-column {
    min-width: 0;
}

#content .litany-column h2 {
    margin: 0 0 28px;
    font-size: 25px;
    line-height: 1.3;
    font-weight: normal;
    text-align: center;
}

#content .litany-column p {
    margin: 0 0 18px;
    font-size: 20px;
    line-height: 1.55;
    text-align: left;
}

#content .litany-column p.litany-response {
    margin-top: -10px;
    margin-bottom: 27px;
}

.litany-versicle,
.litany-response-mark {
    font-weight: normal;
    font-size: 0.9em;
}
.litany-section-break {
    margin-top: 34px !important;
}

.litany-rubric {
    font-style: italic;
}

.litany-conclusion {
    margin-top: 42px;
}

@media (max-width: 800px) {

    .litany-saints {
        padding: 0 20px;
    }

    .litany-columns {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    #content .litany-hero h1 {
        font-size: 38px;
    }

    #content .litany-english-title {
        font-size: 30px;
    }

    #content .litany-column p {
        font-size: 19px;
    }
}
/* =========================================================
   BCJ — Versicle and Response Symbols
========================================================= */

.bcj-versicle,
.bcj-response {
    font-weight: normal;
    font-size: 0.9em;
}

/* =========================================================
   Increasingly Queer Face of Ideology in America
========================================================= */

.queer-ideology-hero {
    text-align: center;
    margin: 42px 0 28px;
}

.queer-ideology-hero img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
/* =========================================================
   Why We Have Lost God
========================================================= */

.why-god-page {
    width: 100%;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

.why-god-hero {
    text-align: center;
    margin: 28px auto 50px;
}

#content .why-god-hero h1 {
    margin: 0 0 24px;
    font-size: 36px;
    line-height: 1.2;
    font-weight: normal;
    color: #35170C;
}

.why-god-handprint {
    display: block;
    width: 150px;
    height: auto;
    margin: 0 auto 28px;
}

#content .why-god-hero h2 {
    margin: 0 0 8px;
    font-size: 32px;
    line-height: 1.25;
    font-weight: normal;
    color: #35170C;
    text-align: center;
}

#content .why-god-hero h3 {
    margin: 0;
    font-size: 28px;
    line-height: 1.25;
    font-weight: normal;
    color: #35170C;
    text-align: center;
}

.why-god-article {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}

#content .why-god-article p {
    margin: 0 0 28px;
    font-size: 20px;
    line-height: 1.65;
    text-align: justify;
}

#content .why-god-article h2 {
    margin: 44px 0 18px;
    font-size: 28px;
    line-height: 1.3;
    font-weight: bold;
    color: #35170C;
    text-align: left;
}

#content .why-god-article h2:first-child {
    margin-top: 0;
}

.why-god-chant {
    margin: 18px 0 32px 46px;
    padding-left: 24px;
    font-size: 20px;
    line-height: 1.65;
}

.why-god-chant li {
    margin-bottom: 4px;
}

#content .why-god-latin {
    margin: 38px 0 28px;
    text-align: center;
}

.why-god-signature {
    margin-top: 42px;
}

#content .why-god-signature p {
    text-align: left;
    line-height: 1.5;
}

.why-god-pdf {
    margin: 34px 0 24px;
}

.why-god-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    color: #35170C;
    text-decoration: none;
}

.why-god-pdf a:hover {
    text-decoration: underline;
}

.why-god-pdf img {
    width: 51px;
    height: 49px;
}

#content .why-god-contact {
    margin-bottom: 44px;
    font-size: 18px;
    text-align: left;
}

.why-god-contact a {
    color: #35170C;
}
/* =========================================================
   FRANCIS: THE GREAT DIVIDER — PQP
========================================================= */

#content .francis-divider-page {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 28px 40px;
    box-sizing: border-box;
    background: #ffffff;
    color: #222222;
    font-family: "Times New Roman", Times, serif;
}

/* ---------- Hero ---------- */

#content .francis-divider-hero {
    text-align: center;
    margin: 0 auto 42px;
    color: #222222;
}

#content .francis-divider-hero h1 {
    margin: 20px 0 8px;
    font-size: 46px;
    line-height: 1.2;
    font-weight: bold;
    color: #222222;
}

#content .francis-divider-hero h2 {
    margin: 0 0 24px;
    font-size: 44px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    color: #35170C;
}
#content .francis-divider-image {
    display: block;
    width: 196px;
    height: auto;
    margin: 38px auto 28px;}

#content .francis-divider-hero .francis-faces {
    margin: 8px 0 22px;
    font-size: 30px;
    line-height: 1.3;
    font-weight: bold;
    text-align: center;
    color: #222222;
}

#content .francis-divider-hero .francis-subtitle {    margin: 0 auto 20px;
    font-size: 26px;
    line-height: 1.5;
    font-weight: normal;
    text-align: center;
    color: #35170C;
}
#content .francis-divider-hero .francis-subtitle strong,
#content .francis-divider-hero .francis-subtitle b {
    font-weight: normal;
}
/* ---------- Main article ---------- */

#content .francis-divider-article {
    background: #ffffff;
    color: #222222;
    text-align: left;
}

#content .francis-divider-article p {
    margin: 0 0 24px;
    font-size: 20px;
    line-height: 1.65;
    text-align: justify;
    color: #222222;
}

#content .francis-divider-article h2 {
    margin: 42px 0 20px;
    font-size: 29px;
    line-height: 1.25;
    font-weight: normal;
    text-align: left;
    color: #35170C;
}

#content .francis-divider-article h3 {
    margin: 38px 0 18px;
    font-size: 25px;
    line-height: 1.3;
    font-weight: normal;
    text-align: left;
    color: #35170C;
}

/* ---------- Quotations ---------- */

#content .francis-divider-article blockquote {
    width: 88%;
    margin: 28px auto 32px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #35170C;
}

#content .francis-divider-article blockquote p {
    margin: 0 0 16px;
    font-size: 19px;
    line-height: 1.55;
    text-align: justify;
    color: #35170C;
}

#content .francis-quote-intro {
    margin-bottom: 10px !important;
}

#content .francis-emphasis {
    margin: 30px 0 !important;
    font-size: 23px !important;
    text-align: center !important;
}

/* ---------- Signature ---------- */

#content .francis-signature {
    margin: 38px 0 34px !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

/* ---------- Separator ---------- */

#content .francis-divider-separator {
    width: 75%;
    margin: 38px auto;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

/* ---------- Footnotes ---------- */

#content .francis-notes {
    margin: 28px 0 38px;
    color: #222222;
}

#content .francis-notes p {
    font-size: 17px;
    line-height: 1.55;
    text-align: justify;
}

#content .francis-notes blockquote {
    width: 94%;
}

#content .francis-notes blockquote p {
    font-size: 17px;
    line-height: 1.55;
}

#content .francis-note-source {
    margin-top: 20px !important;
}

/* ---------- PDF ---------- */

#content .francis-pdf {
    margin: 36px auto 24px;
    text-align: center;
}

#content .francis-pdf img {
    display: block;
    width: 51px;
    height: 49px;
    margin: 0 auto 8px;
}

#content .francis-pdf a {
    font-size: 18px;
}

/* ---------- Contact ---------- */

#content .francis-contact {
    margin: 24px 0 36px !important;
    font-size: 18px !important;
    text-align: center !important;
}

/* ---------- Further Reading ---------- */

#content .francis-further-reading {
    margin: 36px auto 20px;
    padding: 0;
    background: #ffffff;
    color: #222222;
}

#content .francis-further-reading h2 {
    margin: 0 0 24px;
    font-size: 28px;
    line-height: 1.3;
    text-align: center;
    color: #35170C;
}

#content .francis-further-reading ul {
    width: 88%;
    margin: 0 auto;
    padding-left: 28px;
}

#content .francis-further-reading li {
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 1.45;
    text-align: left;
    color: #222222;
}

#content .francis-further-reading a {
    text-decoration: none;
}

#content .francis-further-reading a:hover {
    text-decoration: underline;
}
/* =========================================================
   At the Name of Jesus, Every Knee Should Bend — PQP
========================================================= */

#content .holy-name-page {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 35px;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

#content .holy-name-hero {
    width: 100%;
    margin: 0 auto 35px;
    text-align: center;
}

#content .holy-name-hero h1 {
    margin: 32px auto 24px;
    padding: 0;
    font-size: 42px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
}

#content .holy-name-image {
    display: block;
    width: 159px;
    max-width: 90%;
    height: auto;
    margin: 20px auto 24px;
}

#content .holy-name-hero h2 {
    margin: 0 auto;
    padding: 0;
    font-size: 30px;
    line-height: 1.25;
    font-weight: bold;
    text-align: center;
}

#content .holy-name-opening-scripture {
    width: 82%;
    max-width: 900px;
    margin: 38px auto 48px;
    padding: 20px 28px;
    font-size: 19px;
    line-height: 1.6;
    text-align: justify;
    color: #35170C;
    border-left: 3px solid #B2BEB5;
}

#content .holy-name-opening-scripture span {
    white-space: nowrap;
}

#content .holy-name-body {
    width: 88%;
    max-width: 960px;
    margin: 0 auto;
}

#content .holy-name-body > p {
    margin: 0 0 28px;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}

#content .holy-name-opening::first-letter {
    float: left;
    margin: 5px 5px 0 0;
    font-size: 52px;
    line-height: 0.8;
    font-weight: bold;
}

#content .holy-name-body h2 {
    margin: 48px 0 24px;
    padding: 0;
    font-size: 28px;
    line-height: 1.3;
    font-weight: normal;
    text-align: left;
}

#content .holy-name-scriptures {
    width: 84%;
    margin: 32px auto 44px;
    padding: 25px 32px;
    border-top: 1px solid #B2BEB5;
    border-bottom: 1px solid #B2BEB5;
}

#content .holy-name-scriptures p {
    margin: 0 0 24px;
    font-size: 19px;
    line-height: 1.65;
    text-align: justify;
}

#content .holy-name-scriptures p:last-child {
    margin-bottom: 0;
}

#content .holy-name-emphasis {
    margin: 36px 0 !important;
    font-size: 26px !important;
}

#content .holy-name-signature {
    margin: 48px 0 32px;
}

#content .holy-name-signature p {
    margin: 0 0 22px;
    font-size: 19px;
    line-height: 1.5;
    text-align: left;
}

#content .holy-name-separator {
    width: 75%;
    margin: 38px auto 30px;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

#content .holy-name-footnotes {
    margin: 0 0 40px;
}

#content .holy-name-footnotes p {
    margin: 5px 0;
    font-size: 17px;
    line-height: 1.45;
    text-align: left;
}

#content .holy-name-pdf {
    margin: 36px 0 30px;
    text-align: center;
}

#content .holy-name-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 19px;
    text-decoration: none;
}

#content .holy-name-pdf img {
    width: 51px;
    height: 49px;
    border: 0;
}

#content .holy-name-contact {
    margin: 30px 0 15px !important;
    font-size: 19px !important;
    text-align: left !important;
}

#content .holy-name-contact a {
    text-decoration: none;
}

@media (max-width: 700px) {

    #content .holy-name-hero h1 {
        font-size: 34px;
    }

    #content .holy-name-hero h2 {
        font-size: 27px;
    }

    #content .holy-name-body {
        width: 92%;
    }

    #content .holy-name-opening-scripture,
    #content .holy-name-scriptures {
        width: 90%;
        padding-left: 16px;
        padding-right: 16px;
    }
}
/* =========================================================
   Interview With Father Gabriele Amorth — PQP
========================================================= */

#content .amorth-page {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 35px;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

/* ---------------------------------------------------------
   ARTICLE BODY
--------------------------------------------------------- */

#content .amorth-body {
    width: 88%;
    max-width: 960px;
    margin: 0 auto;
}

#content .amorth-body > p {
    margin: 0 0 28px;
    padding: 0;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}

/* Opening drop cap */

#content .amorth-opening::first-letter {
    float: left;
    margin: 6px 6px 0 0;
    font-size: 58px;
    line-height: 0.78;
    font-weight: bold;
    color: #35170C;
}

/* Interview section heading */

#content .amorth-body h2 {
    margin: 46px 0 25px;
    padding: 0;
    font-size: 28px;
    line-height: 1.3;
    font-weight: normal;
    text-align: left;
    color: #35170C;
}

/* ---------------------------------------------------------
   ARTICLE END
--------------------------------------------------------- */

#content .amorth-separator {
    width: 75%;
    margin: 48px auto 34px;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

#content .amorth-see-also {
    margin: 0 0 36px !important;
    font-size: 20px !important;
    line-height: 1.6 !important;
    text-align: left !important;
}

#content .amorth-see-also a {
    text-decoration: none;
}

#content .amorth-see-also a:hover {
    text-decoration: underline;
}

/* Publication and permission notice */

#content .amorth-publication-note {
    margin: 35px 0 42px;
    padding: 22px 26px;
    border-top: 1px solid #B2BEB5;
    border-bottom: 1px solid #B2BEB5;
}

#content .amorth-publication-note p {
    margin: 0 0 18px;
    font-size: 18px;
    line-height: 1.55;
    text-align: left;
}

#content .amorth-publication-note p:last-child {
    margin-bottom: 0;
}

#content .amorth-publication-note a {
    text-decoration: none;
}

#content .amorth-publication-note a:hover {
    text-decoration: underline;
}

/* Printable PDF */

#content .amorth-pdf {
    margin: 38px 0 32px;
    text-align: center;
}

#content .amorth-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 19px;
    text-decoration: none;
}

#content .amorth-pdf img {
    display: block;
    float: none;
    width: 51px;
    height: 49px;
    margin: 0;
    border: 0;
}

#content .amorth-pdf a:hover span {
    text-decoration: underline;
}

/* Contact */

#content .amorth-contact {
    margin: 28px 0 15px !important;
    font-size: 19px !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#content .amorth-contact a {
    text-decoration: none;
}

#content .amorth-contact a:hover {
    text-decoration: underline;
}

/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */

@media (max-width: 700px) {

    #content .amorth-body {
        width: 92%;
    }

    #content .amorth-body > p {
        font-size: 19px;
        line-height: 1.65;
    }

    #content .amorth-publication-note {
        padding-left: 16px;
        padding-right: 16px;
    }
}
/* =========================================================
   The Exorcist: Priesthood at the Door of Darkness — PQP
========================================================= */

#content .exorcist-page {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 35px;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

/* =========================================================
   BODY
========================================================= */

#content .exorcist-body {
    width: 88%;
    max-width: 960px;
    margin: 0 auto;
}

#content .exorcist-body > p {
    margin: 0 0 28px;
    padding: 0;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}

/* =========================================================
   OPENING CATECHISM QUOTATION
========================================================= */

#content .exorcist-catechism {
    width: 82%;
    max-width: 850px;
    margin: 5px auto 50px;
    padding: 24px 30px;
    color: #35170C;
    border-left: 3px solid #B2BEB5;
}

#content .exorcist-catechism p {
    margin: 0 0 16px;
    font-size: 19px;
    line-height: 1.65;
    text-align: justify;
}

#content .exorcist-catechism .exorcist-citation {
    margin-bottom: 0;
    font-size: 17px;
    text-align: right;
}

/* =========================================================
   HEADINGS
========================================================= */

#content .exorcist-body h2 {
    margin: 48px 0 25px;
    padding: 0;
    font-size: 28px;
    line-height: 1.3;
    font-weight: normal;
    text-align: left;
    color: #35170C;
}

/* =========================================================
   OPENING DROP CAP
========================================================= */

#content .exorcist-opening::first-letter {
    float: left;
    margin: 6px 6px 0 0;
    font-size: 58px;
    line-height: 0.78;
    font-weight: bold;
    color: #35170C;
}

/* =========================================================
   SCRIPTURE BLOCKS
========================================================= */

#content .exorcist-scripture {
    width: 78%;
    max-width: 820px;
    margin: 34px auto 42px;
    padding: 22px 28px;
    color: #35170C;
    border-top: 1px solid #B2BEB5;
    border-bottom: 1px solid #B2BEB5;
}

#content .exorcist-scripture p {
    margin: 0 0 14px;
    font-size: 19px;
    line-height: 1.65;
    text-align: justify;
    font-style: italic;
}

#content .exorcist-scripture .exorcist-citation {
    margin-bottom: 0;
    font-size: 17px;
    font-style: normal;
    text-align: right;
}

/* =========================================================
   SPECIAL EMPHASIS
========================================================= */

#content .exorcist-emphasis {
    color: #8B0000;
}

#content .exorcist-declaration {
    margin: 34px 0 42px !important;
    font-size: 21px !important;
    color: #35170C;
}

#content .exorcist-pray {
    margin: 38px 0 28px !important;
    font-size: 22px !important;
    color: #35170C;
}

/* =========================================================
   AUTHOR / RESOURCES
========================================================= */

#content .exorcist-separator {
    width: 75%;
    margin: 46px auto 34px;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

#content .exorcist-signature {
    margin: 0 0 38px;
}

#content .exorcist-signature p {
    margin: 0 0 20px;
    font-size: 19px;
    line-height: 1.55;
    text-align: left;
}

#content .exorcist-books {
    color: #35170C;
}

#content .exorcist-signature a {
    text-decoration: none;
}

#content .exorcist-signature a:hover {
    text-decoration: underline;
}

/* Printable PDF */

#content .exorcist-pdf {
    margin: 38px 0 34px;
    text-align: center;
}

#content .exorcist-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 19px;
    text-decoration: none;
}

#content .exorcist-pdf img {
    display: block;
    float: none;
    width: 51px;
    height: 49px;
    margin: 0;
    border: 0;
}

#content .exorcist-pdf a:hover span {
    text-decoration: underline;
}

/* Further reading */

#content .exorcist-further {
    margin: 0 0 15px !important;
    font-size: 19px !important;
    line-height: 1.6 !important;
    text-align: left !important;
}

#content .exorcist-further a {
    text-decoration: none;
}

#content .exorcist-further a:hover {
    text-decoration: underline;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 700px) {

    #content .exorcist-body {
        width: 92%;
    }

    #content .exorcist-body > p {
        font-size: 19px;
        line-height: 1.65;
    }

    #content .exorcist-catechism,
    #content .exorcist-scripture {
        width: 88%;
        padding-left: 16px;
        padding-right: 16px;
    }
}
/* =========================================================
   Three Pious Practices for Every Devout Catholic — PQP
========================================================= */

#content .pious-practices-page {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 35px;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

/* =========================================================
   ARTICLE BODY
========================================================= */

#content .pious-practices-body {
    width: 88%;
    max-width: 960px;
    margin: 0 auto;
}

#content .pious-practices-body > p {
    margin: 0 0 28px;
    padding: 0;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}

/* Opening drop cap */

#content .pious-opening::first-letter {
    float: left;
    margin: 6px 6px 0 0;
    font-size: 58px;
    line-height: 0.78;
    font-weight: bold;
    color: #35170C;
}

/* =========================================================
   THE THREE PRACTICES
========================================================= */

#content .pious-three-practices {
    width: 84%;
    margin: 32px auto 42px;
    padding: 24px 30px;
    border-top: 1px solid #B2BEB5;
    border-bottom: 1px solid #B2BEB5;
}

#content .pious-three-practices p {
    margin: 0 0 22px;
    font-size: 20px;
    line-height: 1.6;
    text-align: justify;
    color: #35170C;
}

#content .pious-three-practices p:last-child {
    margin-bottom: 0;
}

#content .pious-number {
    display: inline-block;
    min-width: 30px;
    font-weight: bold;
}

/* =========================================================
   P.G. REMINISCENCE
========================================================= */

#content .pious-memory {
    width: 84%;
    margin: 40px auto 50px;
    padding: 30px 34px;
    color: #35170C;
    border-left: 3px solid #B2BEB5;
}

#content .pious-memory p {
    margin: 0 0 25px;
    font-size: 19px;
    line-height: 1.7;
    text-align: justify;
}

#content .pious-memory-opening {
    font-weight: bold;
}

#content .pious-gloria {
    margin: 32px auto !important;
    font-size: 22px !important;
    line-height: 1.5 !important;
    font-style: italic;
    text-align: center !important;
}

#content .pious-memory-signature {
    margin-top: 34px !important;
    margin-bottom: 0 !important;
    text-align: right !important;
    font-style: italic;
}

/* =========================================================
   SCRIPTURE
========================================================= */

#content .pious-scripture {
    width: 80%;
    margin: 38px auto 42px;
    padding: 24px 30px;
    color: #35170C;
    border-top: 1px solid #B2BEB5;
    border-bottom: 1px solid #B2BEB5;
}

#content .pious-scripture p {
    margin: 0 0 16px;
    font-size: 19px;
    line-height: 1.65;
    text-align: justify;
}

#content .pious-scripture-citation {
    margin-bottom: 0 !important;
    font-size: 17px !important;
    text-align: right !important;
}

/* =========================================================
   CONCLUDING EMPHASIS
========================================================= */

#content .pious-emphasis {
    margin: 36px 0 28px !important;
    font-size: 21px !important;
    color: #35170C;
}

#content .pious-us {
    width: 88%;
    margin: 35px auto !important;
    font-size: 22px !important;
    text-align: center !important;
    color: #35170C;
}

/* =========================================================
   SIGNATURE / RESOURCES
========================================================= */

#content .pious-separator {
    width: 75%;
    margin: 46px auto 34px;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

#content .pious-signature {
    margin: 0 0 34px;
}

#content .pious-signature p {
    margin: 0;
    font-size: 19px;
    line-height: 1.55;
    text-align: left;
}

/* Printable PDF */

#content .pious-pdf {
    margin: 36px 0 32px;
    text-align: center;
}

#content .pious-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 19px;
    text-decoration: none;
}

#content .pious-pdf img {
    display: block;
    float: none;
    width: 51px;
    height: 49px;
    margin: 0;
    border: 0;
}

#content .pious-pdf a:hover span {
    text-decoration: underline;
}

/* Contact */

#content .pious-contact {
    margin: 28px 0 15px !important;
    font-size: 19px !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

#content .pious-contact a {
    text-decoration: none;
}

#content .pious-contact a:hover {
    text-decoration: underline;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 700px) {

    #content .pious-practices-body {
        width: 92%;
    }

    #content .pious-practices-body > p {
        font-size: 19px;
        line-height: 1.65;
    }

    #content .pious-three-practices,
    #content .pious-memory,
    #content .pious-scripture {
        width: 88%;
        padding-left: 16px;
        padding-right: 16px;
    }
}
/* =========================================================
   Biography of Saint John of the Cross — PQP
========================================================= */

#content .john-cross-page {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 40px;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

/* =========================================================
   HERO
========================================================= */

#content .john-cross-hero {
    width: 88%;
    max-width: 960px;
    margin: 0 auto 48px;
    padding-top: 32px;
    text-align: center;
}

#content .john-cross-hero h1 {
    margin: 0 auto 14px;
    padding: 0;
    font-size: 40px;
    line-height: 1.2;
    font-weight: normal;
    text-align: center;
}

#content .john-cross-subtitle {
    margin: 0 auto 30px;
    font-size: 27px;
    line-height: 1.3;
    text-align: center;
    color: #35170C;
}

#content .john-cross-byline {
    margin: 0 auto 36px;
    font-size: 19px;
    line-height: 1.55;
    text-align: center;
}

#content .john-cross-thesis {
    width: 86%;
    margin: 0 auto;
    font-size: 27px;
    line-height: 1.35;
    font-weight: bold;
    text-align: center;
    color: #35170C;
}

/* =========================================================
   BODY
========================================================= */

#content .john-cross-body {
    width: 88%;
    max-width: 960px;
    margin: 0 auto;
}

#content .john-cross-body > p {
    margin: 0 0 28px;
    padding: 0;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}

#content .john-cross-opening::first-letter {
    float: left;
    margin: 6px 5px 0 0;
    font-size: 58px;
    line-height: 0.78;
    font-weight: bold;
    color: #35170C;
}

#content .john-cross-body h2 {
    margin: 52px 0 25px;
    padding: 0;
    font-size: 29px;
    line-height: 1.35;
    font-weight: normal;
    text-align: left;
    color: #35170C;
}

#content .john-cross-body sup {
    font-size: 70%;
    line-height: 0;
}

/* =========================================================
   KAVANAUGH QUOTATION
========================================================= */

#content .john-cross-quote {
    width: 82%;
    margin: 38px auto 42px;
    padding: 24px 30px;
    border-left: 3px solid #B2BEB5;
    color: #35170C;
    font-size: 19px;
    line-height: 1.7;
    font-style: italic;
    text-align: justify;
}

/* =========================================================
   WRITINGS
========================================================= */

#content .john-cross-works {
    width: 82%;
    margin: 30px auto 38px;
    padding-left: 35px;
}

#content .john-cross-works li {
    margin: 0 0 15px;
    padding-left: 5px;
    font-size: 19px;
    line-height: 1.5;
}

/* =========================================================
   CLOSING PASSAGE
========================================================= */

#content .john-cross-good-man {
    margin-top: 38px !important;
}

#content .john-cross-good-man strong {
    color: #35170C;
}

/* =========================================================
   NOTES
========================================================= */

#content .john-cross-separator {
    width: 75%;
    margin: 48px auto 32px;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

#content .john-cross-notes {
    width: 92%;
    margin: 0 auto 34px;
}

#content .john-cross-notes p {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
}

#content .john-cross-feast {
    margin: 34px 0 40px !important;
    font-size: 18px !important;
    font-style: italic;
    text-align: left !important;
}

/* =========================================================
   BOOK ATTRIBUTION
========================================================= */

#content .john-cross-book {
    width: 82%;
    margin: 38px auto;
    padding: 24px 28px;
    border-top: 1px solid #B2BEB5;
    border-bottom: 1px solid #B2BEB5;
    text-align: center;
}

#content .john-cross-book p {
    margin: 7px 0;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}

#content .john-cross-book-title {
    margin: 10px 0 !important;
    font-size: 24px !important;
    color: #35170C;
}

#content .john-cross-book a {
    text-decoration: none;
}

#content .john-cross-book a:hover {
    text-decoration: underline;
}

/* =========================================================
   PDF
========================================================= */

#content .john-cross-pdf {
    margin: 38px 0 20px;
    text-align: center;
}

#content .john-cross-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 19px;
    text-decoration: none;
}

#content .john-cross-pdf img {
    display: block;
    float: none;
    width: 51px;
    height: 49px;
    margin: 0;
    border: 0;
}

#content .john-cross-pdf a:hover span {
    text-decoration: underline;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 700px) {

    #content .john-cross-hero,
    #content .john-cross-body {
        width: 92%;
    }

    #content .john-cross-hero h1 {
        font-size: 34px;
    }

    #content .john-cross-subtitle {
        font-size: 24px;
    }

    #content .john-cross-thesis {
        width: 94%;
        font-size: 23px;
    }

    #content .john-cross-body > p {
        font-size: 19px;
        line-height: 1.65;
    }

    #content .john-cross-quote,
    #content .john-cross-book {
        width: 88%;
        padding-left: 16px;
        padding-right: 16px;
    }

    #content .john-cross-works {
        width: 88%;
    }
}
/* =========================================================
   St. John of the Cross — Hero final correction
========================================================= */

#content .john-cross-subtitle {
    font-size: 30px;
    text-align: center !important;
}

#content .john-cross-byline {
    font-size: 22px;
    text-align: center !important;
}

#content .john-cross-thesis {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    text-align: center !important;
}
/* =========================================================
   The Queer and Impulsive God of Fiducia supplicans — PQP
========================================================= */

#content .fiducia-page {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 40px;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

#content .fiducia-body {
    width: 88%;
    max-width: 960px;
    margin: 0 auto;
}

/* =========================================================
   BODY TEXT
========================================================= */

#content .fiducia-body > p {
    margin: 0 0 28px;
    padding: 0;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}

#content .fiducia-opening::first-letter {
    float: left;
    margin: 6px 5px 0 0;
    font-size: 56px;
    line-height: 0.78;
    font-weight: bold;
    color: #35170C;
}

#content .fiducia-body sup {
    font-size: 70%;
    line-height: 0;
}

/* =========================================================
   HEADINGS
========================================================= */

#content .fiducia-body h2 {
    margin: 50px 0 25px;
    padding: 0;
    font-size: 29px;
    line-height: 1.3;
    font-weight: normal;
    text-align: left;
    color: #35170C;
}

/* =========================================================
   FIDUCIA SUPPLICANS 31
========================================================= */

#content .fiducia-fs-quote {
    width: 84%;
    margin: 38px auto 42px;
    padding: 24px 30px;
    border-left: 3px solid #B2BEB5;
    color: #35170C;
    font-size: 19px;
    line-height: 1.7;
    text-align: justify;
}

/* =========================================================
   SHORT CENTERED QUOTATION
========================================================= */

#content .fiducia-centered-quote {
    width: 82%;
    margin: 32px auto 38px !important;
    font-size: 20px !important;
    line-height: 1.65 !important;
    text-align: center !important;
    color: #35170C;
}

/* =========================================================
   DEFINITION LIST
========================================================= */

#content .fiducia-definition-list {
    width: 82%;
    margin: 28px auto 42px;
    padding: 24px 30px 15px 55px;
    border-top: 1px solid #B2BEB5;
    border-bottom: 1px solid #B2BEB5;
}

#content .fiducia-definition-list li {
    margin: 0 0 18px;
    padding-left: 5px;
    font-size: 19px;
    line-height: 1.55;
}

/* =========================================================
   THEOLOGICAL LIST
========================================================= */

#content .fiducia-theology-list {
    width: 88%;
    margin: 30px auto 42px;
    padding-left: 38px;
}

#content .fiducia-theology-list li {
    margin: 0 0 24px;
    padding-left: 6px;
    font-size: 19px;
    line-height: 1.7;
    text-align: justify;
}

/* =========================================================
   SIGNATURE
========================================================= */

#content .fiducia-signature {
    margin: 48px 0 32px;
}

#content .fiducia-signature p {
    margin: 0;
    font-size: 19px;
    line-height: 1.55;
    text-align: left;
    color: #35170C;
}

/* =========================================================
   SEPARATORS
========================================================= */

#content .fiducia-separator {
    width: 75%;
    margin: 42px auto 34px;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

/* =========================================================
   PDF
========================================================= */

#content .fiducia-pdf {
    margin: 34px 0 30px;
    text-align: center;
}

#content .fiducia-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 19px;
    text-decoration: none;
}

#content .fiducia-pdf img {
    display: block;
    float: none;
    width: 51px;
    height: 49px;
    margin: 0;
    border: 0;
}

#content .fiducia-pdf a:hover span {
    text-decoration: underline;
}

/* =========================================================
   CONTACT
========================================================= */

#content .fiducia-contact {
    margin: 30px 0 40px !important;
    font-size: 18px !important;
    text-align: left !important;
}

/* =========================================================
   RELATED ARTICLES
========================================================= */

#content .fiducia-related {
    margin: 42px 0 35px;
}

#content .fiducia-related h2 {
    margin-bottom: 20px;
}

#content .fiducia-related ul {
    margin: 0;
    padding-left: 34px;
}

#content .fiducia-related li {
    margin: 0 0 16px;
    padding-left: 5px;
    font-size: 18px;
    line-height: 1.55;
}

/* =========================================================
   NOTES
========================================================= */

#content .fiducia-notes {
    width: 94%;
    margin: 0 auto;
}

#content .fiducia-notes p {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 700px) {

    #content .fiducia-body {
        width: 92%;
    }

    #content .fiducia-body > p {
        font-size: 19px;
        line-height: 1.65;
    }

    #content .fiducia-fs-quote,
    #content .fiducia-centered-quote {
        width: 88%;
    }

    #content .fiducia-fs-quote {
        padding-left: 17px;
        padding-right: 17px;
    }

    #content .fiducia-definition-list,
    #content .fiducia-theology-list {
        width: 88%;
    }
}
/* =========================================================
   The Catholic Vocation — Six Words and a Summary — PQP
========================================================= */

#content .catholic-vocation-page {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 40px;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

#content .catholic-vocation-body {
    width: 88%;
    max-width: 960px;
    margin: 0 auto;
}

/* =========================================================
   BODY
========================================================= */

#content .catholic-vocation-body > p {
    margin: 0 0 28px;
    padding: 0;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}

#content .catholic-vocation-opening::first-letter {
    float: left;
    margin: 6px 5px 0 0;
    font-size: 56px;
    line-height: 0.78;
    font-weight: bold;
    color: #35170C;
}

#content .catholic-vocation-body h2 {
    margin: 46px 0 24px;
    padding: 0;
    font-size: 29px;
    line-height: 1.3;
    font-weight: normal;
    text-align: left;
    color: #35170C;
}

/* =========================================================
   BAPTISMAL QUOTATION
========================================================= */

#content .catholic-vocation-quote {
    width: 78%;
    margin: 34px auto 36px;
    padding: 20px 28px;
    border-left: 3px solid #B2BEB5;
    font-size: 22px;
    line-height: 1.6;
    text-align: center;
    color: #35170C;
}

#content .catholic-vocation-quote sup {
    font-size: 65%;
}

/* =========================================================
   CONCLUSION
========================================================= */

#content .catholic-vocation-conclusion {
    width: 90%;
    margin: 40px auto 44px !important;
    font-size: 22px !important;
    line-height: 1.7 !important;
    color: #35170C;
}

#content .catholic-vocation-conclusion > em:last-child {
    font-weight: bold;
}

/* =========================================================
   NOTES / SIGNATURE
========================================================= */

#content .catholic-vocation-separator {
    width: 75%;
    margin: 42px auto 28px;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

#content .catholic-vocation-notes {
    margin: 0 0 38px;
}

#content .catholic-vocation-notes p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
}

#content .catholic-vocation-signature {
    margin: 38px 0 28px;
}

#content .catholic-vocation-signature p {
    margin: 0;
    font-size: 19px;
    line-height: 1.5;
    text-align: left;
}

#content .catholic-vocation-contact {
    margin: 28px 0 32px !important;
    font-size: 18px !important;
    text-align: left !important;
}

/* =========================================================
   PDF
========================================================= */

#content .catholic-vocation-pdf {
    margin: 34px 0 20px;
    text-align: center;
}

#content .catholic-vocation-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 19px;
    text-decoration: none;
}

#content .catholic-vocation-pdf img {
    display: block;
    float: none;
    width: 51px;
    height: 49px;
    margin: 0;
    border: 0;
}

#content .catholic-vocation-pdf a:hover span {
    text-decoration: underline;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 700px) {

    #content .catholic-vocation-body {
        width: 92%;
    }

    #content .catholic-vocation-body > p {
        font-size: 19px;
        line-height: 1.65;
    }

    #content .catholic-vocation-quote {
        width: 86%;
        padding-left: 16px;
        padding-right: 16px;
    }

    #content .catholic-vocation-conclusion {
        width: 94%;
        font-size: 20px !important;
    }
}
/* =========================================================
   Thrown Under the Bus by Bergoglio — PQP
========================================================= */

#content .china-bus-page {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 42px;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

#content .china-bus-body {
    width: 88%;
    max-width: 960px;
    margin: 0 auto;
}

/* =========================================================
   OPENING QUOTATION
========================================================= */

#content .china-bus-opening-quote {
    width: 82%;
    margin: 12px auto 42px;
    padding: 24px 30px;
    border-left: 3px solid #B2BEB5;
    color: #35170C;
}

#content .china-bus-opening-quote p {
    margin: 0 0 22px;
    font-size: 20px;
    line-height: 1.7;
    text-align: justify;
}

#content .china-bus-opening-quote p:last-child {
    margin-bottom: 0;
}

#content .china-bus-opening-quote .china-bus-source {
    font-size: 17px;
    text-align: right;
    font-style: italic;
}

/* =========================================================
   ARTICLE
========================================================= */

#content .china-bus-body > p {
    margin: 0 0 28px;
    padding: 0;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}

#content .china-bus-body h2 {
    margin: 44px 0 30px;
    padding: 0;
    font-size: 29px;
    line-height: 1.35;
    font-weight: normal;
    text-align: left;
    color: #35170C;
}

#content .china-bus-translation {
    font-size: 22px;
}

#content .china-bus-opening::first-letter {
    float: left;
    margin: 6px 5px 0 0;
    font-size: 56px;
    line-height: 0.78;
    font-weight: bold;
    color: #35170C;
}

/* =========================================================
   SEPARATORS
========================================================= */

#content .china-bus-separator {
    width: 75%;
    margin: 42px auto;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

/* =========================================================
   SIGNATURE
========================================================= */

#content .china-bus-signature {
    margin: 34px 0 28px;
}

#content .china-bus-signature p {
    margin: 0;
    font-size: 19px;
    line-height: 1.5;
    text-align: left;
}

/* =========================================================
   PDF
========================================================= */

#content .china-bus-pdf {
    margin: 34px 0 18px;
    text-align: center;
}

#content .china-bus-pdf a {
    display: inline-block;
    font-size: 19px;
    text-decoration: none;
}

#content .china-bus-pdf a:hover {
    text-decoration: underline;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 700px) {

    #content .china-bus-body {
        width: 92%;
    }

    #content .china-bus-body > p {
        font-size: 19px;
        line-height: 1.65;
    }

    #content .china-bus-opening-quote {
        width: 86%;
        padding: 18px 16px;
    }

    #content .china-bus-opening-quote p {
        font-size: 18px;
        line-height: 1.6;
    }

    #content .china-bus-body h2 {
        font-size: 26px;
    }

    #content .china-bus-translation {
        display: block;
        margin-top: 6px;
        font-size: 20px;
    }
}
/* =========================================================
   Sacred Heart Traditional Catholic Church — Lawrence — PQP
========================================================= */

#content .sacred-heart-page {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 42px;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}

/* =========================================================
   PHOTOGRAPHIC GALLERY
========================================================= */

#content .sacred-heart-gallery {
    width: 88%;
    max-width: 980px;
    margin: 8px auto 14px;
    display: grid;
    grid-template-columns: repeat(8, 112px);
    justify-content: center;
    align-items: center;
    gap: 18px 10px;
}
#content .sacred-heart-gallery a {
    display: flex;
    width: 112px;
    height: 145px;
    padding: 5px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-decoration: none;
}
#content .sacred-heart-gallery img {
    display: block;
    max-width: 100px;
    max-height: 133px;
    width: auto;
    height: auto;
    margin: 0;
    border: 1px solid #777777;
    box-shadow: 0 2px 5px rgba(0,0,0,0.18);
}

#content .sacred-heart-gallery a:hover img {
    box-shadow: 0 3px 9px rgba(0,0,0,0.30);
}

#content .sacred-heart-gallery-note {
    margin: 12px auto 34px;
    font-size: 17px;
    font-style: italic;
    text-align: center;
    color: #555555;
}

/* =========================================================
   ARTICLE BODY
========================================================= */

#content .sacred-heart-body {
    width: 88%;
    max-width: 960px;
    margin: 0 auto;
}

#content .sacred-heart-body > p {
    margin: 0 0 28px;
    padding: 0;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}

#content .sacred-heart-opening-quote {
    width: 82%;
    margin: 38px auto 38px;
    padding: 22px 30px;
    border-left: 3px solid #B2BEB5;
    font-size: 22px;
    line-height: 1.65;
    font-style: italic;
    text-align: center;
    color: #35170C;
}

#content .sacred-heart-opening::first-letter {
    float: left;
    margin: 6px 5px 0 0;
    font-size: 56px;
    line-height: 0.78;
    font-weight: bold;
    color: #35170C;
}

/* =========================================================
   KING OF KINGS
========================================================= */

#content .sacred-heart-king {
    width: 90%;
    margin: 42px auto !important;
    font-size: 28px !important;
    line-height: 1.4 !important;
    font-weight: bold;
    text-align: center !important;
    color: #35170C;
}

#content .sacred-heart-closing {
    margin-top: 36px !important;
    font-size: 21px !important;
    color: #35170C;
}

/* =========================================================
   SEPARATORS
========================================================= */

#content .sacred-heart-separator {
    width: 75%;
    margin: 42px auto;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

/* =========================================================
   SIGNATURE / PDF / CONTACT
========================================================= */

#content .sacred-heart-signature {
    margin: 34px 0 28px;
}

#content .sacred-heart-signature p {
    margin: 0;
    font-size: 19px;
    line-height: 1.5;
    text-align: left;
}

#content .sacred-heart-pdf {
    margin: 32px 0 24px;
    text-align: center;
}

#content .sacred-heart-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 19px;
    text-decoration: none;
}

#content .sacred-heart-pdf img {
    display: block;
    float: none;
    width: 51px;
    height: 49px;
    margin: 0;
    border: 0;
}

#content .sacred-heart-pdf a:hover span {
    text-decoration: underline;
}

#content .sacred-heart-contact {
    margin: 26px 0 20px !important;
    font-size: 18px !important;
    text-align: left !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 700px) {

    #content .sacred-heart-body {
        width: 92%;
    }

    #content .sacred-heart-gallery {
    width: 94%;
    grid-template-columns: repeat(2, 105px);
    gap: 12px;
}
    #content .sacred-heart-gallery a {
        width: 105px;
        height: 140px;
    }

    #content .sacred-heart-body > p {
        font-size: 19px;
        line-height: 1.65;
    }

    #content .sacred-heart-opening-quote {
        width: 86%;
        padding: 18px 16px;
        font-size: 20px;
    }

    #content .sacred-heart-king {
        width: 94%;
        font-size: 24px !important;
    }
}
/* =========================================================
   Sacred Heart Gallery — FINAL 8 x 2 PQP
========================================================= */

#content .sacred-heart-page .sacred-heart-gallery {
    width: 92%;
    max-width: 900px;
    margin: 18px auto 14px;
    display: grid !important;
    grid-template-columns: repeat(8, 100px) !important;
    justify-content: center !important;
    align-items: center;
    column-gap: 10px;
    row-gap: 16px;
}

#content .sacred-heart-page .sacred-heart-gallery a {
    display: flex !important;
    width: 100px !important;
    height: 140px !important;
    padding: 0 !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    text-decoration: none;
}

#content .sacred-heart-page .sacred-heart-gallery img {
    display: block;
    max-width: 96px !important;
    max-height: 133px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
}

/* Mobile */
@media (max-width: 700px) {

    #content .sacred-heart-page .sacred-heart-gallery {
        width: 94%;
        grid-template-columns: repeat(2, 100px) !important;
        column-gap: 14px;
        row-gap: 12px;
    }
}
/* =========================================================
   Sacred Heart Gallery — PQP FINAL
========================================================= */

#content .sacred-heart-gallery-fixed {
    width: 100%;
    margin: 24px auto 12px;
    text-align: center;
}

#content .sacred-heart-photo-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    margin: 0 auto 14px;
}

#content .sacred-heart-photo-row a {
    display: flex;
    width: 105px;
    height: 138px;
    align-items: center;
    justify-content: center;
    flex: 0 0 105px;
}

#content .sacred-heart-photo-row img {
    display: block;
    max-width: 100px;
    max-height: 133px;
    width: auto;
    height: auto;
    margin: 0;
    border: 1px solid #777777;
    box-shadow: 0 2px 5px rgba(0,0,0,0.18);
}

@media (max-width: 800px) {

    #content .sacred-heart-photo-row {
        flex-wrap: wrap;
    }

}
/* =========================================================
   Sacred Heart Gallery — CENTER COMPLETE GALLERY
========================================================= */

#content .sacred-heart-gallery-fixed {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

#content .sacred-heart-photo-row {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
}
/* =========================================================
   THE REAL LEGACY OF VATICAN II
   PQP FINAL REFINED PAGE STYLES
========================================================= */

#navigation .legacy-v2-nav-subtitle {
    font-size: 30px;
}

.legacy-v2-page {
    width: 100%;
    font-family: "Times New Roman", Times, serif;
    color: #222222;
}


/* =========================================================
   HERO
========================================================= */

.legacy-v2-hero {
    width: 94%;
    max-width: 950px;
    margin: 0 auto;
    text-align: center;
}

#content .legacy-v2-hero h1 {
    margin: 42px auto 10px;
    padding: 0;
    font-size: 42px;
    line-height: 1.2;
    font-weight: normal;
    text-align: center;
}

#content .legacy-v2-location {
    margin: 0 auto 10px;
    font-size: 29px;
    line-height: 1.3;
    color: #35170C;
    text-align: center;
}

#content .legacy-v2-requiem {
    margin: 24px auto 46px;
    font-size: 24px;
    line-height: 1.45;
    font-style: italic;
    text-align: center;
}


/* =========================================================
   OPENING PICTORIAL RECORD
========================================================= */

.legacy-v2-pictorial {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    text-align: center;
}

.legacy-v2-opening-images {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 34px;
    flex-wrap: wrap;
    margin: 18px auto 38px;
}

.legacy-v2-opening-images img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

#content .legacy-v2-pictorial-title {
    margin: 28px auto 8px;
    font-size: 36px;
    line-height: 1.25;
    font-weight: normal;
    text-align: center;
}

#content .legacy-v2-pictorial-subtitle {
    margin: 0 auto 38px;
    font-size: 22px;
    line-height: 1.4;
    text-align: center;
}


/* =========================================================
   DEMOLITION VIDEO
========================================================= */

.legacy-v2-video {
    margin: 32px auto 42px;
    text-align: center;
}

.legacy-v2-video img {
    display: block;
    max-width: 94%;
    height: auto;
    margin: 0 auto;
}

#content .legacy-v2-video-link {
    margin: 16px auto 10px;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
}

#content .legacy-v2-video-title {
    margin: 10px auto 5px;
    font-size: 21px;
    line-height: 1.4;
    text-align: center;
}

#content .legacy-v2-video-note {
    margin: 7px auto 28px;
    font-size: 18px;
    line-height: 1.4;
    font-style: italic;
    text-align: center;
}


/* =========================================================
   SEPARATORS AND GALLERY INTRODUCTION
========================================================= */

.legacy-v2-pictorial-separator,
.legacy-v2-separator {
    width: 75%;
    margin: 42px auto;
    border: 0;
    border-top: 1px solid #B2BEB5;
}

.legacy-v2-gallery-intro {
    margin: 38px auto 34px;
    text-align: center;
}

#content .legacy-v2-gallery-intro h2 {
    margin: 0 auto 14px;
    font-size: 29px;
    line-height: 1.35;
    font-weight: normal;
    text-align: center;
}

#content .legacy-v2-gallery-intro p {
    margin: 0 auto 30px;
    font-size: 19px;
    line-height: 1.5;
    text-align: center;
}


/* =========================================================
   PHOTOGRAPHIC ARCHIVE
   FIVE-COLUMN DESKTOP PRESENTATION
========================================================= */

.legacy-v2-photo-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    column-gap: 24px;
    row-gap: 28px;
    align-items: center;
    justify-items: center;
    width: 100%;
    max-width: 1040px;
    margin: 30px auto 42px;
   border: 1px solid #a9a9a9;
	padding: 32px 30px;
	box-sizing: border-box;}
	
.legacy-v2-photo-grid > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 150px;
    text-align: center;border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	box-sizing: border-box;
}

.legacy-v2-photo-grid > a img {
    display: block;
    width: auto;
    height: auto;
    max-width: 175px;
    max-height: 155px;
    margin: 0 auto;
    border: 1px solid #777777;
    box-shadow: 0 2px 5px rgba(0,0,0,0.18);
}

.legacy-v2-reduced {
    grid-column: 1 / -1;
    width: 100%;
    margin: 38px auto 12px;
    text-align: center;
}

#content .legacy-v2-reduced p {
    margin: 0 auto 18px;
    font-size: 22px;
    line-height: 1.45;
    text-align: center;
}

.legacy-v2-reduced img {
    display: block;
    max-width: 94%;
    height: auto;
    margin: 0 auto;
}

#content .legacy-v2-click-note {
    margin: 20px auto 42px;
    font-size: 18px;
    line-height: 1.45;
    font-style: italic;
    color: #555555;
    text-align: center;
}


/* =========================================================
   ARTICLE BODY
========================================================= */

.legacy-v2-body {
    width: 90%;
    max-width: 900px;
    margin: 0 auto;
}

#content .legacy-v2-body > p,
#content .legacy-v2-letter p {
    margin: 0 0 27px;
    font-size: 20px;
    line-height: 1.75;
    text-align: justify;
}

#content .legacy-v2-opening {
    font-size: 21px;
    line-height: 1.75;
}

.legacy-v2-francis {
    width: 88%;
    margin: 42px auto 46px;
    padding: 0;
    text-align: center;
    color: #35170C;
}

.legacy-v2-francis strong {
    display: block;
    font-size: 25px;
    line-height: 1.5;
}

.legacy-v2-francis span {
    display: block;
    margin-top: 12px;
    font-size: 18px;
    line-height: 1.45;
    font-style: italic;
}

#content .legacy-v2-emphasis {
    margin: 38px auto;
    font-size: 23px;
    line-height: 1.55;
    text-align: center;
}

.legacy-v2-signature {
    margin: 36px 0;
}

#content .legacy-v2-signature p {
    text-align: left;
}

#content .legacy-v2-contact {
    margin: 30px auto 40px;
    text-align: left;
}


/* =========================================================
   LETTERS TO THE EDITOR
========================================================= */

#content .legacy-v2-body h2 {
    margin: 48px auto 32px;
    font-size: 32px;
    line-height: 1.3;
    font-weight: normal;
    text-align: center;
}

#content .legacy-v2-body h3 {
    margin: 38px 0 25px;
    font-size: 25px;
    line-height: 1.35;
    font-weight: normal;
    text-align: left;
}

#content .legacy-v2-body blockquote {
    margin: 30px auto;
    font-size: 20px;
    line-height: 1.65;
    color: #35170C;
}

.legacy-v2-poem {
    width: 90%;
    margin: 28px auto 42px;
}

#content .legacy-v2-poem p {
    margin: 0 0 24px;
    font-size: 20px;
    line-height: 1.7;
    text-align: left;
}

#content .legacy-v2-poem-signature {
    margin-top: 34px;
}

.legacy-v2-litany {
    width: 88%;
    margin: 28px auto 38px;
    padding-left: 30px;
}

#content .legacy-v2-litany li {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1.55;
}


/* =========================================================
   PDF
========================================================= */

.legacy-v2-pdf {
    margin: 56px auto 24px;
    text-align: center;
}

.legacy-v2-pdf a {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 9px;
    text-decoration: none;
}

.legacy-v2-pdf img {
    display: block;
    margin: 0 auto;
}

.legacy-v2-pdf span {
    font-size: 18px;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1000px) {

    .legacy-v2-photo-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        max-width: 820px;
    }
}

@media (max-width: 800px) {

    .legacy-v2-photo-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: 620px;
        column-gap: 18px;
        row-gap: 24px;
    }

    .legacy-v2-opening-images {
        gap: 22px;
    }
}

@media (max-width: 600px) {

    #content .legacy-v2-hero h1 {
        font-size: 32px;
    }

    #content .legacy-v2-location {
        font-size: 24px;
    }

    #content .legacy-v2-requiem {
        font-size: 21px;
    }

    #content .legacy-v2-pictorial-title {
        font-size: 30px;
    }

    .legacy-v2-body {
        width: 94%;
    }

    .legacy-v2-photo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 430px;
        gap: 18px;
    }

    .legacy-v2-photo-grid > a img {
        max-width: 160px;
        max-height: 145px;
    }
}
/* =========================================================
   Legacy BCJ Masthead — temporary live-site presentation
========================================================= */

#header {
    padding: 55px 0 45px;
    text-align: center;
    box-sizing: border-box;
}

#header img {
    width: auto;
    max-width: 600px;
    height: auto;
    margin: 0 auto;
}