/* TODO: I hate this theme system and our colors.
    We need to designers to pick better colors for each theme. */

.night {
    --accent: #ffb81c;
    --accent-dark: #be5f00;
    --accent-focus: #f68d2e;
    --background-primary: #212225;
    --background-secondary: #242528;
    --background-secondary-accent: #323335;
    --background-disabled: #323335;
    --background-active-verse: #908801;
    --border-primary: #676768;
    --icon: #999a9b;
    --icon-link: #6ba5ae;
    --scrollbar-thumb-primary: #a8aaac;
    --scrollbar-thumb-secondary: #dee1e1;
    --text-primary: #dee1e1;
    --text-secondary: #a8aaac;
    --text-link: #6ba5ae;

    /* Variables for tags: */
    --tag-accent: var(--accent);
    --tag-accent-hover: var(--accent-focus);
    --tag-accent-focus: var(--accent-dark);
    --tag-text: #000000;
    --tag-text-hover: var(--tag-text);
    --tag-text-focus: var(--text-primary);

    /* Variables for buttons */
    --button-background-disabled: #53575b;
    --button-color-disabled: #212225;
    --button-secondary-accent-gradient-active: linear-gradient(
        138.53deg,
        #ffb81c21 -6.58%,
        rgba(255, 255, 255, 0) 87.32%
    );
    --button-secondary-accent-gradient: linear-gradient(
        138.17deg,
        rgba(255, 255, 255, 0) 12.7%,
        #ffb81c21 106.8%
    );
    --ghost-background-hover: #53575b99;
    --ghost-background-active: #53575b;
    --icon-background-hover: #53575b99;
    --icon-background-active: #53575b;
    --icon-color-disabled: #a9adad;
}

.sepia {
    --accent: #d35211;
    --accent-dark: #9b2000;
    --accent-focus: #fc7473;
    --background-primary: #fbf4e6;
    --background-secondary: #fbf4e6;
    --background-secondary-accent: var(--white);
    --background-active-verse: #eaea95;
    --border-primary: #6e4e33;
    --icon: #8a8782;
    --icon-link: #61a6bb;
    --scrollbar-thumb-primary: #6e4e33;
    --scrollbar-thumb-secondary: #2f1c08;
    --text-primary: #2f1c08;
    --text-secondary: #6e4e33;
    --text-link: #6ba5ae;

    /* Variables for tags: */
    --tag-accent: var(--accent);
    --tag-accent-hover: var(--accent-focus);
    --tag-accent-focus: var(--accent-dark);
    --tag-text: #ffffff;
    --tag-text-hover: var(--tag-text);
    --tag-text-focus: var(--tag-text);

    /* Variables for buttons */
    --button-color-disabled: #878a8c;
    --button-secondary-accent-gradient-active: linear-gradient(
        138.53deg,
        #d3521121 -6.58%,
        rgba(255, 255, 255, 0) 87.32%
    );
    --button-secondary-accent-gradient: linear-gradient(
        138.17deg,
        rgba(255, 255, 255, 0) 12.7%,
        #d3521121 186.8%
    );
    --ghost-background-hover: #e1dbcf99;
    --ghost-background-active: #e1dbcf;
    --icon-background-hover: #e1dbcf99;
    --icon-background-active: #e1dbcf;
    --icon-color-disabled: #a9adad;
}

platform-footer {
    --footerThemeBackground: var(--background-primary);
    --footerThemeText: var(--text-primary);
    --footerThemeLogo: var(--text-primary);
    --footerThemeCopyright: var(--text-secondary);
}

:root {
    /* Variables for tags: */
    --tag-accent-focus: var(--blue30);
    --tag-text-focus: #dee1e1;

    /* Variables for buttons */
    --button-secondary-accent-gradient-active: linear-gradient(
        138.53deg,
        #00618421 -6.58%,
        rgba(255, 255, 255, 0) 87.32%
    );
    --button-secondary-accent-gradient: linear-gradient(
        138.17deg,
        rgba(255, 255, 255, 0) 12.7%,
        #00618421 106.8%
    );
    --button-color-disabled: #878a8c;
    --ghost-background-hover: #eff0f099;
    --ghost-background-active: #eff0f0;
    --icon-background-hover: #eff0f099;
    --icon-background-active: #eff0f0;
    --icon-color-disabled: #a9adad;

    --input-slider-primary: #d0d3d3;
    --input-slider-secondary: #899090;

    --customGrey1: #e6e6e6;
    --customGrey2: #bbbbbb;
    --customGrey3: #a2aaad;
    --customGrey4: #97999b;
    --customGrey5: #53565a;
    --footerGrey: #f1f1f3;

    --sans: 'Ensign:Sans', Arial, 'noto sans', sans-serif;
    --serif: 'Ensign:Serif', 'Georgia', 'Times New Roman', serif;
    --monospace: 'Courier New', Courier, monospace;

    --fontSize10: 0.625rem;
    --fontSize12: 0.75rem;
    --fontSize22: 1.375rem;
    --fontSize26: 1.625rem;
    --fontSize30: 1.875rem;
    --fontSize36: 2.25rem;
    --fontSize52: 3.25rem;
    --fontSize54: 3.375rem;

    --spacing10: 0.625rem;
    --spacing20: 1.25rem;
    --spacing40: 2.5rem;
    --spacing60: 3.75rem;

    @custom-media --mq-50-only (min-width: 0em) and (max-width: 24.999em);
    @custom-media --mq-reader (min-width: 80em);
    @custom-media --mq-mobile (min-width: 46em);

    @custom-media --xs-min (min-width: 320px);
    @custom-media --xs-max (max-width: 319px);
    @custom-media --xs-only (min-width: 320px) and (max-width: 499px);

    @custom-media --s-min (min-width: 500px);
    @custom-media --s-max (max-width: 499px);
    @custom-media --s-only (min-width: 500) and (max-width: 639.999);

    @custom-media --m-min (min-width: 640px);
    @custom-media --m-max (max-width: 639px);
    @custom-media --m-only (min-width: 640) and (max-width: 899.999);

    @custom-media --l-min (min-width: 900px);
    @custom-media --l-max (max-width: 899px);
    @custom-media --l-only (min-width: 900px) and (max-width: 1199px);

    @custom-media --xl-min (min-width: 1200px);
    @custom-media --xl-max (max-width: 1199px);
    @custom-media --xl-only (min-width: 1200px) and (max-width: 1499px);

    @custom-media --xxl-min (min-width: 1500px);
    @custom-media --xxl-max (max-width: 1499px);
}

/*  =============================================  */

/*  ==============  GLOBAL STYLES  ==============  */

/*  =============================================  */

html {
    -webkit-overflow-scrolling: touch;
}

body {
    margin: 0;
}

td,
th {
    padding-inline-end: 1em;
    padding-block-end: 0.62em;
}

figure {
    margin: 0;
}

article[data-aid-version] .page-break {
    height: 0;
    pointer-events: none
}

article[data-aid-version] .page-break::after {
        transform-origin: bottom right;
        transform: translate(8px, -2.3em) rotate(-90deg);
        line-height: 1;
        inset-inline-end: 12px
    }

[dir="ltr"] article[data-aid-version] .page-break::after {
            transform: translate(8px, -2.3em) rotate(-90deg);
        }

[dir="rtl"] article[data-aid-version] .page-break::after {
            transform: translate(8px, 2.3em) rotate(-90deg);
        }

@media (min-width: 46rem) {

article[data-aid-version] .page-break::after {
            inset-inline-right: 22px;
            transform: translateY(-1.35em)
    }

            [dir="ltr"] article[data-aid-version] .page-break::after,[dir="rtl"] 
            article[data-aid-version] .page-break::after {
                transform: translateY(-1.35em);
            }
        }

p article[data-aid-version] .page-break::after {
            z-index: -1
    }

article[data-aid-version] .active-item::before, article[data-aid-version] .bookmarkHighlight::before {
        content: '';
        height: calc(var(--height, 0) + 1rem);
        position: absolute;
        transform: translateY(-0.5rem);
        border-inline-start: 3px solid var(--accent, var(--blue20));
        inset-inline-start: 1.25rem
    }

@media (min-width: 46em) {

article[data-aid-version] .active-item::before, article[data-aid-version] .bookmarkHighlight::before {
            inset-inline-start: 3.25rem
    }
        }

article[data-aid-version] .bookmarkHighlight::before {
    border-color: var(--border-primary, var(--grey10));
}

@media print {
        #app aside,
        #app figure {
            page-break-inside: avoid;
        }
            #app [data-aid-version] figure.image,
            #app [data-aid-version] .no-print,
            #app [data-aid-version] img {
                display: none;
            }

            #app [data-aid-version] figure.diagram {
                display: block
            }

                #app [data-aid-version] figure.diagram img {
                    display: inline-block;
                }
        .print-show-footnotes:not(.print-hide-footnotes--override) #app span sup, .print-show-footnotes--override #app span sup {
            display: inline;
        }
            .print-show-footnotes:not(.print-hide-footnotes--override) #app footer.notes,
            .print-show-footnotes:not(.print-hide-footnotes--override) #app footer.study-notes,
            .print-show-footnotes--override #app footer.notes,
            .print-show-footnotes--override #app footer.study-notes {
                display: inline-block
            }

                .print-show-footnotes:not(.print-hide-footnotes--override) #app footer.notes li[data-full-marker] p, .print-show-footnotes:not(.print-hide-footnotes--override) #app footer.study-notes li[data-full-marker] p, .print-show-footnotes--override #app footer.notes li[data-full-marker] p, .print-show-footnotes--override #app footer.study-notes li[data-full-marker] p {
                    padding-inline-start: 40px;
                }
                .print-show-footnotes:not(.print-hide-footnotes--override) #app footer.study-notes li[data-full-marker]::before, .print-show-footnotes--override #app footer.study-notes li[data-full-marker]::before {
                    content: attr(data-full-marker);
                    position: absolute;
                }
        .print-hide-footnotes:not(.print-show-footnotes--override) #app a sup, .print-hide-footnotes--override #app a sup {
            display: none;
        }

    #app mark {
        background: none;
        box-shadow: none;
    }
}

/*  =============================================  */

/*  ==============  HEADER STYLES  ==============  */

/*  =============================================  */

h1,
body > header > .subtitle {
    inset-block-start: 0;
}

.title-number {
    inset-block-start: 7px;
}

h1 {
    font-family: var(--serif);
    position: unset;
}

h1 > .dominant {
    font-size: var(--fontSize36);
}

/*  =============================================  */

/*  =============  APP LEVEL STYLES  ============  */

/*  =============================================  */

.app {
    min-height: 50vh;
    margin-block-end: -100px;
}

#flexContainer {
    display: flex;
    flex-direction: column;
    overflow: inherit;
    overflow-x: hidden;
    position: relative;
    min-height: 100vh

    /* CSS specific to iOS devices - this may lose iOS support in the future. */
    /* If it does, then the scrolling bug may come back for iOS               */
}

@supports (-webkit-touch-callout: none) {

#flexContainer {
        min-height: -webkit-fill-available
}
    }

#flexContainer.force-scrollbar {
        scrollbar-color: var(#929292) var(#f8f8f8);
        scrollbar-width: 16px
    }

#flexContainer.force-scrollbar::-webkit-scrollbar {
            width: 16px;
        }

#flexContainer.force-scrollbar::-webkit-scrollbar-thumb {
            border: 2.5px solid transparent;
            border-radius: 12px;
            background-color: #929292;
            background-clip: content-box
        }

#flexContainer.force-scrollbar::-webkit-scrollbar-thumb:hover {
                background-color: #707070;
            }

#flexContainer.force-scrollbar::-webkit-scrollbar-track {
            background-color: #f8f8f8;
            border: 1px solid #e8e8e8;
        }

#app {
    flex: 1 1;
    display: flex;
    flex-direction: column;
}

#app article[data-aid-version] div.body,
#cross-link-overlay article[data-aid-version] div.body {
    color: var(--text-primary, var(--black));
    font-weight: var(--fontWeightNormal);
    padding-inline: 0
}

#app article[data-aid-version] div.body a, #cross-link-overlay article[data-aid-version] div.body a {
        color: var(--text-link, var(--info40));
    }

#app article[data-aid-version] div.body .ActionBar a, #cross-link-overlay article[data-aid-version] div.body .ActionBar a {
        color: var(--text-primary, var(--black));
    }

section[class*='AB'] article .body {
    margin-top: -50px;
    padding-top: 0;
}

section[class*='ABV05'] article .body {
    margin-top: -30px;
    padding-top: 0;
}

section[class*='ABV05'] .selectionContextMenu-V05 {
    position: absolute;
    top: -5px;
}

@media screen and (max-width: 669px) {
    section[class*='AB'] article .body,
    section[class*='ABV05'] article .body {
        margin-top: 0;
        padding-top: 0px;
    }
}

@media print {
    #app article[data-aid-version] div.body,
    #app #cross-link-overlay article[data-aid-version] div.body {
        color: var(--black)
    }

        #app article[data-aid-version] div.body a, #app #cross-link-overlay article[data-aid-version] div.body a {
            color: var(--info40);
        }
}

#portalRoot {
    z-index: 1400;
    position: relative;
}

.platform-mask-blurred #portalRoot {
    filter: blur(0);
}

.body-block {
    margin: 0;
    isolation: isolate;
}

article[data-aid-version] div.body {
    padding: 70px 13.5%;
}

/*  =============================================  */

/*  =============  PLATFORM STYLES  =============  */

/*  =============================================  */

/*  ==================  FOOTER  =================  */

.LDSORGFooter {
    z-index: 600;
}

/*  ==================  GENERAL  =================  */

a.pf-popup__trigger {
    color: white;
}

platform-header .header-placeholder {
    min-height: 120px;
    position: relative
}

platform-header .header-placeholder::after,
    platform-header .header-placeholder::before {
        background-image: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.13),
            transparent
        );
        content: '';
        height: 4px;
        inset-block-end: -4px;
        inset-inline-start: 0;
        position: absolute;
        width: 100%;
        z-index: 30;
    }

platform-header .header-placeholder::before {
        background-image: linear-gradient(
            180deg,
            transparent,
            rgba(0, 0, 0, 0.13)
        );
        inset-block-end: 40px;
    }

/*  ==============================================  */

/*  ==============  SPECIFIC STYLES  =============  */

/*  ==============================================  */

/*  ============  MANUALS BLOCK QUOTES  ============*/

[data-aid-version] blockquote > img {
    float: inline-start;
    margin-block-end: 15px;
    margin-inline: 1.6em 20px;
    padding: 0;
    width: 86px;
}

/*  =============  PREACH MY GOSPEL  =============  */

article[data-aid-version][data-uri*='/manual/preach-my-gospel-a-guide-to-missionary-service/']
    .body-block,
article[data-aid-version][data-uri*='/manual/preach-my-gospel-a-guide-to-missionary-service/']
    .resources,
article[data-aid-version][data-uri*='/manual/preach-my-gospel-a-guide-to-missionary-service/'][data-uri$='remember-this']
    .body {
    margin-block-end: 0;
    margin-inline: 0;
}

article[data-aid-version][data-uri*='/manual/preach-my-gospel-a-guide-to-missionary-service/']
    .body
    > header
    h1,
article[data-aid-version][data-uri*='/manual/preach-my-gospel-a-guide-to-missionary-service/']
    .body
    > header
    .subtitle {
    padding-inline: 0;
}

article[data-aid-version][data-uri*='/manual/preach-my-gospel-a-guide-to-missionary-service/']:not([data-uri$='lesson-4-the-commandments']):not([data-uri$='lesson-5-laws-and-ordinances']):not([data-uri$='introduction-how-can-i-best-use-preach-my-gospel'])
    .body-block
    > section:last-of-type {
    margin-inline: 0;
}

[data-uri*='/manual/preach-my-gospel-a-guide-to-missionary-service/']
    .page-break:after {
    inset-inline-end: -26px
}

@media (min-width: 40rem) {

[data-uri*='/manual/preach-my-gospel-a-guide-to-missionary-service/']
    .page-break:after {
        inset-inline-end: -50px
}
    }

/*  =============  YOUTH CURRICULUM  =============  */

article[data-aid-version][data-uri*='/youth/learn/'][data-uri$='/overview']
    .body-block {
    padding: 0;
}

/*  =============  _MANIFEST AND _CONTENTS STYLES  =============  */

article[data-aid-version][data-uri$='_manifest'] header, article[data-aid-version][data-uri$='_contents'] header {
        margin-block-end: var(--spacing32)
    }

article[data-aid-version][data-uri$='_manifest'] header .title, article[data-aid-version][data-uri$='_contents'] header .title {
            font-family: var(--sans);
            font-size: var(--fontSize42);
            color: var(--text-primary, var(--black));
        }

article[data-aid-version][data-uri$='_manifest'] header .subtitle, article[data-aid-version][data-uri$='_contents'] header .subtitle {
            margin-block: var(--spacing32);
            font-weight: var(--fontWeightLight);
            color: var(--text-primary, var(--black));
        }

article[data-aid-version][data-uri$='_manifest'] header .deck, article[data-aid-version][data-uri$='_contents'] header .deck {
            margin-block: var(--spacing16);
            color: var(--text-primary, var(--black));
        }

article[data-aid-version][data-uri$='_manifest'],
article[data-aid-version][data-uri$='_contents'] {

    /* formal stylings for scriptures and conference */
}

article[data-aid-version][data-uri$='_manifest'][data-uri^='/scriptures'] header .title, article[data-aid-version][data-uri$='_manifest'][data-uri^='/general-conference'] header .title, article[data-aid-version][data-uri$='_contents'][data-uri^='/scriptures'] header .title, article[data-aid-version][data-uri$='_contents'][data-uri^='/general-conference'] header .title {
            font-family: var(--serif);
            font-weight: var(--fontWeightNormal);
        }

article[data-aid-version][data-uri$='_manifest'][data-uri^='/scriptures'] header .subtitle, article[data-aid-version][data-uri$='_manifest'][data-uri^='/general-conference'] header .subtitle, article[data-aid-version][data-uri$='_contents'][data-uri^='/scriptures'] header .subtitle, article[data-aid-version][data-uri$='_contents'][data-uri^='/general-conference'] header .subtitle {
            font-family: var(--serif);
            font-weight: var(--fontWeightNormal);
        }

article[data-aid-version][data-uri$='_manifest'] ul, article[data-aid-version][data-uri$='_contents'] ul {
        padding-inline-start: 0;
    }

article[data-aid-version][data-uri$='_manifest'] .label, article[data-aid-version][data-uri$='_contents'] .label {
        padding: var(--spacing32) 0;
    }

article[data-aid-version][data-uri$='_manifest'] .primaryMeta,
    article[data-aid-version][data-uri$='_manifest'] .secondaryMeta,
    article[data-aid-version][data-uri$='_contents'] .primaryMeta,
    article[data-aid-version][data-uri$='_contents'] .secondaryMeta {
        display: inline;
    }

/*  =============  THEME OVERIDE STYLES  =============  */

article[data-aid-version].global-template-mobile_lesson,
    article[data-aid-version].global-template-mobile_lesson .body-block table dt,
    article[data-aid-version].global-template-mobile_lesson .body-block table p,
    article[data-aid-version].global-template-mobile_lesson .body-block table ul,
    article[data-aid-version].global-template-mobile_lesson .body-block table ol,
    article[data-aid-version].global-template-mobile_lesson aside.annotation,
    article[data-aid-version].global-template-mobile_lesson aside.annotation header .title,
    article[data-aid-version].global-template-mobile_lesson aside.more-info,
    article[data-aid-version].global-template-mobile_lesson aside.more-info header .title,
    article[data-aid-version].global-template-mobile_lesson aside.sidebar,
    article[data-aid-version].global-template-mobile_lesson aside.sidebar header .title,
    article[data-aid-version].global-template-mobile_lesson figcaption ol,
    article[data-aid-version].global-template-mobile_lesson figcaption p,
    article[data-aid-version].global-template-mobile_lesson figcaption ul,
    article[data-aid-version].global-template-mobile_lesson figure.for-teacher,
    article[data-aid-version].global-template-mobile_lesson figure.for-teacher header .title,
    article[data-aid-version].global-template-mobile_lesson figure.teaching-method,
    article[data-aid-version].global-template-mobile_lesson
        figure.teaching-method
        header
        .title,
    article[data-aid-version].global-template-mobile_lesson table dt,
    article[data-aid-version].global-template-mobile_lesson table ol,
    article[data-aid-version].global-template-mobile_lesson table p,
    article[data-aid-version].global-template-mobile_lesson table ul {
        color: var(--text-secondary, var(--grey40));
    }

article[data-aid-version].global-template-mobile_lesson aside.annotation aside.quote,
    article[data-aid-version].global-template-mobile_lesson aside.annotation blockquote,
    article[data-aid-version].global-template-mobile_lesson aside.more-info aside.quote,
    article[data-aid-version].global-template-mobile_lesson aside.more-info blockquote,
    article[data-aid-version].global-template-mobile_lesson aside.sidebar aside.quote,
    article[data-aid-version].global-template-mobile_lesson aside.sidebar blockquote,
    article[data-aid-version].global-template-mobile_lesson figure.for-teacher aside.quote,
    article[data-aid-version].global-template-mobile_lesson figure.for-teacher blockquote,
    article[data-aid-version].global-template-mobile_lesson figure.teaching-method aside.quote,
    article[data-aid-version].global-template-mobile_lesson figure.teaching-method blockquote,
    article[data-aid-version].preach-my-gospel-a-guide-to-missionary-service[class]
        figure
        > figcaption
        > p,
    article[data-aid-version].preach-my-gospel-a-guide-to-missionary-service
        .bullet[class]
        li
        p,
    article[data-aid-version].preach-my-gospel-a-guide-to-missionary-service
        .for-teacher
        > section
        > header
        > .title,
    article[data-aid-version].preach-my-gospel-a-guide-to-missionary-service .no-marker li p,
    article[data-aid-version].preach-my-gospel-a-guide-to-missionary-service aside.quote p,
    article[data-aid-version].preach-my-gospel-a-guide-to-missionary-service
        aside.quote
        .citation-info
        > p,
    article[data-aid-version].preach-my-gospel-a-guide-to-missionary-service[data-uri$='how-do-i-use-time-wisely']
        .decimal
        li
        p,
    article[data-aid-version].preach-my-gospel-a-guide-to-missionary-service:not([data-uri$='lesson-4-the-commandments']):not([data-uri$='lesson-5-laws-and-ordinances']):not([data-uri$='introduction-how-can-i-best-use-preach-my-gospel'])
        .body-block
        > section:last-of-type
        > header
        > h2 {
        color: var(--text-primary, var(--text120));
    }

article[data-aid-version].preach-my-gospel-a-guide-to-missionary-service .credit > p {
        color: var(--text-secondary, #7d7d7d);
    }

article[data-aid-version].proclamations h1,
    article[data-aid-version].proclamations header > .subtitle,
    article[data-aid-version].proclamations figure .title,
    article[data-aid-version].proclamations .byline p,
    article[data-aid-version].proclamations .epigraph {
        color: var(--text-primary, #5b1400);
    }

@media print {
        #app .global-template-mobile_lesson,
        #app .global-template-mobile_lesson .body-block table dt,
        #app .global-template-mobile_lesson .body-block table p,
        #app .global-template-mobile_lesson .body-block table ul,
        #app .global-template-mobile_lesson .body-block table ol,
        #app .global-template-mobile_lesson aside.annotation,
        #app .global-template-mobile_lesson aside.annotation header .title,
        #app .global-template-mobile_lesson aside.more-info,
        #app .global-template-mobile_lesson aside.more-info header .title,
        #app .global-template-mobile_lesson aside.sidebar,
        #app .global-template-mobile_lesson aside.sidebar header .title,
        #app .global-template-mobile_lesson figcaption ol,
        #app .global-template-mobile_lesson figcaption p,
        #app .global-template-mobile_lesson figcaption ul,
        #app .global-template-mobile_lesson figure.for-teacher,
        #app
            .global-template-mobile_lesson
            figure.for-teacher
            header
            .title,
        #app .global-template-mobile_lesson figure.teaching-method,
        #app
            .global-template-mobile_lesson
            figure.teaching-method
            header
            .title,
        #app .global-template-mobile_lesson table dt,
        #app .global-template-mobile_lesson table ol,
        #app .global-template-mobile_lesson table p,
        #app .global-template-mobile_lesson table ul {
            color: var(--grey40);
        }

        #app .global-template-mobile_lesson aside.annotation aside.quote,
        #app .global-template-mobile_lesson aside.annotation blockquote,
        #app .global-template-mobile_lesson aside.more-info aside.quote,
        #app .global-template-mobile_lesson aside.more-info blockquote,
        #app .global-template-mobile_lesson aside.sidebar aside.quote,
        #app .global-template-mobile_lesson aside.sidebar blockquote,
        #app .global-template-mobile_lesson figure.for-teacher aside.quote,
        #app .global-template-mobile_lesson figure.for-teacher blockquote,
        #app
            .global-template-mobile_lesson
            figure.teaching-method
            aside.quote,
        #app
            .global-template-mobile_lesson
            figure.teaching-method
            blockquote,
        #app .preach-my-gospel-a-guide-to-missionary-service .bullet li p,
        #app
            .preach-my-gospel-a-guide-to-missionary-service
            .for-teacher
            > section
            > header
            > .title,
        #app
            .preach-my-gospel-a-guide-to-missionary-service
            .no-marker
            li
            p,
        #app .preach-my-gospel-a-guide-to-missionary-service aside.quote p,
        #app
            .preach-my-gospel-a-guide-to-missionary-service
            aside.quote
            .citation-info
            > p,
        #app
            .preach-my-gospel-a-guide-to-missionary-service[data-uri$='how-do-i-use-time-wisely']
            .decimal
            li
            p,
        #app
            .preach-my-gospel-a-guide-to-missionary-service:not([data-uri$='lesson-4-the-commandments']):not([data-uri$='lesson-5-laws-and-ordinances']):not([data-uri$='introduction-how-can-i-best-use-preach-my-gospel'])
            .body-block
            > section:last-of-type
            > header
            > h2 {
            color: var(--text120);
        }

        #app .preach-my-gospel-a-guide-to-missionary-service .credit > p {
            color: #7d7d7d;
        }

        #app .proclamations h1,
        #app .proclamations header > .subtitle,
        #app .proclamations figure .title,
        #app .proclamations .byline p,
        #app .proclamations .epigraph {
            color: #5b1400;
        }
}


/*# sourceMappingURL=overrides.f8db44831b2a8aed134d.css.map*/