body{
    background: white;
    font-size: 16pt;
}

@page {
    size: A4;
    padding: 0;
}

.screenonly{
    display: none;
}


#header h1{
    font-size: 36pt
}

h2{
    font-size: 18pt;
    text-align: center;
    margin: 2pt 0 6pt 0 !important;
    text-shadow: none;
}

h3{
    text-shadow: none;
}

.thought.cover-image{
    page-break-after: always;
}
.thought.concluding-image{
    page-break-before: always;
}


.thought{
    display: block;
    width: 90% !important;
    margin: 24pt;
    padding: 24pt 0;
}

.thought .teaser,
.thought .the-thought,
.thought .conclusion
{
    margin: 0 24pt;
}

.thought img{
    max-width: 90%;
    max-height: 700pt;
}

.thought.screenonly{
    display: none;
}


.entry-quote-quote{
    page-break-inside: avoid;
}

.entry-quote-quote{
    width: 93%;
    display: block;
    clear: both;
    margin: 18pt 0 0 2% !important;
    padding: 0;
}

blockquote{
    display: block;
    margin: 0;
    padding: 0;
    border: solid 1px powderblue;
    border-radius: 8pt;
    width: 100%;
    max-width: 100%;
}

blockquote:before{
    font-size: 48pt;
    top: -16pt;
    left: -8pt;
}


blockquote p{
    margin: 8pt 24pt 0 24pt;
    text-align: justify;
}

blockquote footer{
    margin: 0 6pt 6pt 0;
}

.entry-quote-remark,
.entry-quote-remark .remark
{
    width: 98%;
    margin: 26pt 0;
    padding: 0;
}

.entry-quote-remark .remark p{
    margin: 12pt 0 0 0;
    padding: 0;
    text-align: justify;
}

.scripture-references.printonly{
    display: block;
    page-break-inside: avoid;
}

.scripture-references .scripture-reference{
    margin: 0 0 16pt 0;
    page-break-inside: avoid;
}

h3.scripture-references{
    font-size: 36pt;
    text-align: center;
}

.scripture-references h4{
    font-size: 12pt;
    font-weight: bold;
    font-family: "ruluko", Helvetica, sans-serif;
    margin: 0;
    text-shadow: none;
}

.scripture-references p{
    margin: 0;
    padding: 0;
}

.scripturetip-translation{
    display: inline;
}