article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}


audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}



html {
    background: #fff; 
    color: #000; 
    -webkit-text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    overflow-x: hidden;
}

body {
    margin: 0;
	font-family: -apple-system, 'Helvetica';
}


html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

a:focus[href] {
    outline: thin dotted;
}

a:active[href],
a:hover[href] {
    outline: 0;
}

h1 {
    font-size: 1.0em;
    margin: 0;
}

h2 {
    font-size: 1.0em;
    margin: 0;
}

h3 {
    font-size: 1.0em;
    margin: 0;
}

h4 {
    font-size: 1.0em;
    margin: 0;
}

h5 {
    font-size: 1.0em;
    margin: 0;
}

h6 {
    font-size: 1.0em;
    margin: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

p,
pre {
    margin: 1em 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word !important;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}



dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0; 
    -ms-interpolation-mode: bicubic; 
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0; 
    padding: 0;
    white-space: normal; 
}

button,
input,
select,
textarea {
    font-size: 100%; 
    margin: 0; 
    vertical-align: baseline; 
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"], 
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; 
    cursor: pointer; 
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; 
    padding: 0; 
}

input[type="search"] {
    -webkit-appearance: textfield; 
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; 
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto; 
    vertical-align: top; 
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

body, html {
    min-height: 100%;
}

p, ol, ul, table, tr, td {
    max-width: 100% !important;
    word-wrap: break-word !important;
    word-break: normal;
}

div {
    max-width: 100%;
    word-wrap: break-word !important;
    word-break: normal;
}

img {
    max-width: 100% !important;
    height: auto;
}

div.unread-iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}

div.unread-iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


div.unread-iframe-container.art19 {
    padding-top: 0;
    width: 100%;
    height: 200px;
}

div.unread-iframe-container.art19 iframe {
    width: 100%;
    height: 200px;
}

body {
    line-height: 1.75em;
    width: 100%;
    margin: 0px auto;
    box-sizing: border-box;
    word-wrap: break-word !important;
    word-break: normal;
}

@media only screen {
    body {
        padding-left: 15.5px;
        padding-right: 15.5px;
        padding-bottom: 2em;
    }
}

@media only screen and (min-width: 843px) {
    body {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 2em;
        max-width: 811px;
    }
}

em, i {
font-style: italic;
font-weight: 400;
}

strong, b {
font-style: normal;
font-weight: 600;
}

strong em, strong i, b em, b i {
font-style: italic;
font-weight: 600;
}

pre, code {
    font-size: 0.8em;
    line-height: 1.41em;
}

pre code {
    font-size: 1.0em;
    line-height: 1.41em;
}

code {
    border-radius: 3px;
    display: inline-block;
    word-wrap: break-word;
    word-break: break-all;
}

pre code {
    border: none;
    background-color: none;
    display: inline;
}

pre {
    border-radius: 3px;
    box-sizing: border-box;
    padding: 14px;
    width: 100%;
    max-width: 100% !important;
    word-wrap: break-word !important;
    word-break: break-all !important;
    margin-bottom: 1.65em;
}

a[href], a:hover[href], a:active[href], a:visited[href] {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;

}

a img, a:hover img, a:active img, a:visited img {
    border: none;
}

em a, em a:hover[href], em a:active[href], em a:visited[href] {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

hr {
    border: none;
    height: 1px;
    margin: 1.75em 0;
    padding: 0;
    width: 100%;
}

small {
    line-height: 1.65em;
}

blockquote {
    margin: 0 1em 1.65em 0;
    padding: 0 0 0 1em;
}

ul, ol {
    margin: 0 1em 0 1.7em;
    padding: 0;
}

li {
    margin-bottom: 1.65em;
}

li ul, li ol {
	margin-top: 1.65em;
}

div.titlediv h1 {
font-style: normal;
font-weight: 600;
    font-size: 1.61em;
    line-height: 1.25em;
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
    width: 100%;
}

div.titlediv h2 {
    font-weight: normal;
    font-size: 1.0em;
font-style: normal;
font-weight: 500;
    line-height: 1.65em;
    margin: 0;
    padding: 0;
}

div.titlediv h3 {
    font-weight: normal;
font-style: italic;
font-weight: 400;
line-height: 1.65em;
margin: 0;
padding: 0;
}

div.titlediv h1 a[href] {
font-weight: 600;
width: 100%;
display: inline-block;
}

div.titlediv h2, div.titlediv h2 a[href] {
font-weight: normal;
text-transform: uppercase;
font-style: normal;
font-weight: 500;
}

div.titlediv h3 a[href] {
font-weight: italic;
font-style: italic;
font-weight: 400;
}

div.titlediv h1 a[href], div.titlediv h2 a[href], div.titlediv h3 a[href],
div.titlediv h1 a:hover[href], div.titlediv h2 a:hover[href], div.titlediv h3 a:hover[href]
div.titlediv h1 a:visited[href], div.titlediv h2 a:visited[href], div.titlediv h3 a:visited[href]
div.titlediv h1 a:active[href], div.titlediv h2 a:active[href], div.titlediv h3 a:active[href] {
    border: none;
}

@media only screen {
    div.bodydiv {
        margin-top: 2.65em;
    }
}

div.bodydiv p{
    margin-bottom: 1.65em;
}

div.bodydiv h1, div.bodydiv h2, div.bodydiv h3 {
font-style: normal;
font-weight: 600;
    font-size: 1.4em !important;
    line-height: 1.25em !important;
    margin: 1.6em auto 1.0em auto;
}

div.bodydiv h4 {
	font-style: italic;
	font-weight: 600;
    font-size: 1.0em !important;
    line-height: 1.65em;
    margin: 3.3em auto 1.65em auto;
}

div.bodydiv h5, div.bodydiv h6,
div.bodydiv h7 {
font-style: italic;
font-weight: 400;
    font-size: 1.0em !important;
    line-height: 1.65em;
    margin: 1.65em auto;
}

div.bodydiv h1, div.bodydiv h2, div.bodydiv h3,
div.bodydiv h4, div.bodydiv h5, div.bodydiv h6,
div.bodydiv h7 {
    font-weight: normal !important;
}

div.bodydiv h1 em, div.bodydiv h2 em, div.bodydiv h3 em,
div.bodydiv h1 i, div.bodydiv h2 i, div.bodydiv h3 i,
div.bodydiv h1 strong em, div.bodydiv h2 strong em, div.bodydiv h3 strong em,
div.bodydiv h1 em strong, div.bodydiv h2 em strong, div.bodydiv h3 em strong,
div.bodydiv h1 strong i, div.bodydiv h2 strong i, div.bodydiv h3 strong i,
div.bodydiv h1 i strong, div.bodydiv h2 i strong, div.bodydiv h3 i strong,
div.bodydiv h1 b em, div.bodydiv h2 b em, div.bodydiv h3 b em,
div.bodydiv h1 em b, div.bodydiv h2 em b, div.bodydiv h3 em b,
div.bodydiv h1 b i, div.bodydiv h2 b i, div.bodydiv h3 b i,
div.bodydiv h1 i b, div.bodydiv h2 i b, div.bodydiv h3 i b,
div.bodydiv h1 strong, div.bodydiv h2 strong, div.bodydiv h3 strong,
div.bodydiv h1 b, div.bodydiv h2 b, div.bodydiv h3 b {
    font-weight: normal !important;
font-style: normal;
font-weight: 600;
}

div.bodydiv h4 em, div.bodydiv h5 em, div.bodydiv h6 em,
div.bodydiv h7 em,

div.bodydiv h4 i, div.bodydiv h5 i, div.bodydiv h6 i,
div.bodydiv h7 i,

div.bodydiv h4 strong em, div.bodydiv h5 strong em, div.bodydiv h6 strong em,
div.bodydiv h7 strong em,
div.bodydiv h4 em strong, div.bodydiv h5 em strong, div.bodydiv h6 em strong,
div.bodydiv h7 em strong,

div.bodydiv h4 strong i, div.bodydiv h5 strong i, div.bodydiv h6 strong i,
div.bodydiv h7 strong i,
div.bodydiv h4 i strong, div.bodydiv h5 i strong, div.bodydiv h6 i strong,
div.bodydiv h7 i strong,

div.bodydiv h4 b em, div.bodydiv h5 b em, div.bodydiv h6 b em,
div.bodydiv h7 b em,
div.bodydiv h1 em b, div.bodydiv h2 em b, div.bodydiv h3 em b,
div.bodydiv h4 em b, div.bodydiv h5 em b, div.bodydiv h6 em b,
div.bodydiv h7 em b,

div.bodydiv h4 b i, div.bodydiv h5 b i, div.bodydiv h6 b i,
div.bodydiv h7 b i,
div.bodydiv h1 i b, div.bodydiv h2 i b, div.bodydiv h3 i b,
div.bodydiv h4 i b, div.bodydiv h5 i b, div.bodydiv h6 i b,
div.bodydiv h7 i b,

div.bodydiv h4 strong, div.bodydiv h5 strong, div.bodydiv h6 strong,
div.bodydiv h7 strong,

div.bodydiv h4 b, div.bodydiv h5 b, div.bodydiv h6 b,
div.bodydiv h7 b

{
    font-weight: normal;
	font-style: italic;
	font-weight: 600;
}

div.bodydiv img,
div.bodydiv video,
div.bodydiv canvas{
    max-width: 100% !important;
    height: auto !important;
    margin: 1.75em auto;
    clear:both !important;
    display: block;
    text-align: center;
}



div.bodydiv td span.unread-full-width-wrapper, div.bodydiv th span.unread-full-width-wrapper {
    margin-left: 0;
    margin-right: 0;
    max-width: 200px;
    width: auto;
}

div.bodydiv td img, div.bodydiv th img {
    max-width: 100% !important;
}


div.bodydiv audio {
    max-width: 100% !important;
    width: 100%;
    height: 44px !important;
    margin: 1.75em auto;
    clear:both !important;
    display: block;
    text-align: center;
}

div.bodydiv figure {
    max-width: 100% !important;
    height: auto !important;
    margin: 1.75em auto;
    clear:both !important;
    display: block;
}

div.bodydiv figcaption {
font-style: italic;
font-weight: 400;
}

div.bodydiv a img,
div.bodydiv a video {
    border: none;
}

div.bodydiv div, {
    width: 100% !important;
    max-width: 100% !important;
}

div.bodydiv table {
    text-align: left !important;
    max-width: 100% !important;
    overflow-x: hidden;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.75em;
    font-size: 1em;
}

::selection {
    color:#fff !important;
}


* {
    overflow-wrap: break-word;
    word-break: break-word;
}


@media (max-width: 321px) {
    body {
        padding-left: 13.5px; 
        padding-right: 13.5px; 
    }
}

@media (min-width: 667px) {
    
    div.bodydiv img,
    div.bodydiv video,
    div.bodydiv canvas{
        max-width: 100% !important;
    }

    div.bodydiv span.unread-full-width-wrapper {
        margin-left: 0px;
        margin-right: 0px;
        max-width: 100%;
    }

}

@media (min-width: 667px) {
    
    body {
        line-height: 1.6em;
    }
    
    pre, code {
        line-height: 1.5em;
    }
    
    pre code {
        line-height: 1.5em;
    }
    
    pre {
        margin-bottom: 1.6em;
    }
    
    hr {
        margin: 1.6em 0;
    }
    
    div.titlediv h1 {
        line-height: 1.35em;
    }
    
    div.titlediv h2 {
        div.titlediv h2;
    }
    
    div.titlediv h3 {
        line-height: 1.6em;
    }
    
    div.bodydiv {
        margin-top: 2em;
    }
    
    div.bodydiv p{
        margin-bottom: 1.6em;
    }
    
    div.bodydiv h1, div.bodydiv h2, div.bodydiv h3 {
        line-height: 1.35em !important;
    }
    
    div.bodydiv h4 {
        line-height: 1.6em;
        margin: 1.6em auto;
    }
    
    div.bodydiv h5, div.bodydiv h6,
    div.bodydiv h7 {
        line-height: 1.6em;
        margin: 1.6em auto;
    }
    
    div.bodydiv img,
    div.bodydiv video,
    div.bodydiv canvas{
        margin: 1.6em auto;
    }
    
    div.bodydiv audio {
        margin: 1.6em auto;
    }
    
    div.bodydiv figure {
        margin: 1.6em auto;
    }
    
}

body, html {
    background: rgba(255,255,255,255);
    color: rgba(26,26,26,255);
    -webkit-tap-highlight-color: rbga(0, 0, 0, 0.108);
}

code {
    border: 1px solid #e6e6e6;
    background-color: #f5f5f5;
}

pre {
    border: 1px solid #e6e6e6;
    background-color: #f5f5f5;
}

a[href], a:active[href], a:visited[href], em a[href], em a:active[href], em a:visited[href] {
    color: rgba(212,41,31,255);
    border-bottom: 1px dotted rgba(212,41,31,255);
}

a:hover[href], em a:hover[href] {
    color: rgba(226,109,102,255);
    border-bottom: 1px dotted rgba(226,109,102,255);
}

hr {
    color: #e3e3e3;
    background: #e3e3e3;
}

small {
    color: #6e6e6e;
}

blockquote {
    border-left: 1px solid #e6e6e6;
    color: #6e6e6e;
}

div.titlediv h1 {
    color: #333333 !important;
}

div.titlediv h2 {
    color: rgba(212,41,31,255);
}

div.titlediv h3 {
    color: #a8a8a8;
}

div.titlediv h1 a[href] {
    color: #333333 !important;
}

div.titlediv h1 a:hover {
    color: rgba(116,116,116,255) !important;
}

div.titlediv h2 a[href] {
    color: rgba(212,41,31,255) !important;
}

div.titlediv h2 a:hover {
    color: rgba(226,109,102,255) !important;
}

div.titlediv h3 a[href] {
    color: #a8a8a8 !important;
}

div.titlediv h3 a:hover {
    color: rgba(196,196,196,255) !important;
}

div.bodydiv h1, div.bodydiv h2, div.bodydiv h3 {
    color: #333333;
}

div.bodydiv h4 {
    color: #333333;
}

div.bodydiv h5, div.bodydiv h6,
div.bodydiv h7 {
    color: #a8a8a8;
}

div.bodydiv h1 em, div.bodydiv h2 em, div.bodydiv h3 em,
div.bodydiv h1 i, div.bodydiv h2 i, div.bodydiv h3 i,
div.bodydiv h1 strong em, div.bodydiv h2 strong em, div.bodydiv h3 strong em,
div.bodydiv h1 em strong, div.bodydiv h2 em strong, div.bodydiv h3 em strong,
div.bodydiv h1 strong i, div.bodydiv h2 strong i, div.bodydiv h3 strong i,
div.bodydiv h1 i strong, div.bodydiv h2 i strong, div.bodydiv h3 i strong,
div.bodydiv h1 b em, div.bodydiv h2 b em, div.bodydiv h3 b em,
div.bodydiv h1 em b, div.bodydiv h2 em b, div.bodydiv h3 em b,
div.bodydiv h1 b i, div.bodydiv h2 b i, div.bodydiv h3 b i,
div.bodydiv h1 i b, div.bodydiv h2 i b, div.bodydiv h3 i b,
div.bodydiv h1 strong, div.bodydiv h2 strong, div.bodydiv h3 strong,
div.bodydiv h1 b, div.bodydiv h2 b, div.bodydiv h3 b {
    color: #a8a8a8;
}

div.bodydiv img,
div.bodydiv video,
div.bodydiv canvas{
    opacity: 1;
}

div.bodydiv audio {
    opacity: 1;
}

div.bodydiv figcaption {
    color: #a8a8a8;
}

div.bodydiv .unread-iframe-replacement-class {
    background: #f5f5f5;
}

::selection {
    background: rgba(212,41,31,255) !important;
}

@media (prefers-color-scheme: dark) {
body, html {
    background: #1f1f1f;
    color: #f2f2f2;
    -webkit-tap-highlight-color: rbga(0, 0, 0, 0.108);
}

code {
    border: 1px solid #404040;
    background-color: #2b2b2b;
}

pre {
    border: 1px solid #404040;
    background-color: #2b2b2b;
}

a[href], a:active[href], a:visited[href], em a[href], em a:active[href], em a:visited[href] {
    color: #ff3b30;
    border-bottom: 1px dotted #ff3b30;
}

em a[href], em a:hover[href], em a:active[href], em a:visited[href] {
    color: #ff3b30;
    border-bottom: 1px dotted #ff3b30;
}

a:hover[href], em a:hover[href] {
	color: rgba(183,50,43,255);
	border-bottom: 1px dotted rgba(183,50,43,255);
}

hr {
    color: #404040;
    background: #404040;
}

small {
    color: #bfbfbf;
}

blockquote {
    border-left: 1px solid #404040;
    color: #bfbfbf;
}

div.titlediv h1 {
    color: #f2f2f2 !important;
}

div.titlediv h2 {
    color: #ff3b30;
}

div.titlediv h3 {
    color: #6b6b6b;
}

div.titlediv h1 a[href] {
    color: #f2f2f2 !important;
}

div.titlediv h2 a[href] {
    color: #ff3b30 !important;
}

div.titlediv h3 a[href] {
    color: #6b6b6b !important;
}

div.bodydiv h1, div.bodydiv h2, div.bodydiv h3 {
    color: #f2f2f2;
}

div.bodydiv h4 {
    color: #f2f2f2;
}

div.bodydiv h5, div.bodydiv h6,
div.bodydiv h7 {
    color: #6b6b6b;
}

div.bodydiv h1 em, div.bodydiv h2 em, div.bodydiv h3 em,
div.bodydiv h1 i, div.bodydiv h2 i, div.bodydiv h3 i,
div.bodydiv h1 strong em, div.bodydiv h2 strong em, div.bodydiv h3 strong em,
div.bodydiv h1 em strong, div.bodydiv h2 em strong, div.bodydiv h3 em strong,
div.bodydiv h1 strong i, div.bodydiv h2 strong i, div.bodydiv h3 strong i,
div.bodydiv h1 i strong, div.bodydiv h2 i strong, div.bodydiv h3 i strong,
div.bodydiv h1 b em, div.bodydiv h2 b em, div.bodydiv h3 b em,
div.bodydiv h1 em b, div.bodydiv h2 em b, div.bodydiv h3 em b,
div.bodydiv h1 b i, div.bodydiv h2 b i, div.bodydiv h3 b i,
div.bodydiv h1 i b, div.bodydiv h2 i b, div.bodydiv h3 i b,
div.bodydiv h1 strong, div.bodydiv h2 strong, div.bodydiv h3 strong,
div.bodydiv h1 b, div.bodydiv h2 b, div.bodydiv h3 b {
    color: 6b6b6b;
}

div.bodydiv img,
div.bodydiv video,
div.bodydiv canvas{
    opacity: 0.75;
}

div.bodydiv audio {
    opacity: 0.75;
}

div.bodydiv figcaption {
    color: #6b6b6b;
}

div.bodydiv .unread-iframe-replacement-class {
    background: #2b2b2b;
}
::selection {
    background: #dddddd !important;
}

div.titlediv h1 a:hover {
	color: rgba(175,175,175,255) !important;
}

div.titlediv h2 a:hover {
	color: rgba(183,50,43,255) !important;
}

div.titlediv h3 a:hover {
	color: rgba(83,83,83,255) !important;
}


}

body, div.titlediv h3 {
    font-size: 18px;
}

nav {
width: 100%;
line-height: 0px;
margin-bottom: 0px;
border-bottom: solid .5px !important;
border-color: #a8a8a8;
}

@media (prefers-color-scheme: dark) {
	nav {
		border-color: #6b6b6b;
	}
}

nav ul {
width: 100%;
max-width: 660px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
list-style: none;
display: inline-block;
text-align: justify;
padding: 0px;
}

nav ul:after {
display: inline-block;
width: 100%;
content: '';
vertical-align: top;
height: 0px;
}


nav ul li {
font-size: 0.7em;
display: inline-block;
list-style-type: none;
margin-top: 10px;
margin-bottom: 10px;
font-style: normal;
font-weight: 500;
text-decoration: none;
}

@media only screen and (min-width: 374px) {
nav ul li {
font-size: 0.8em;
}
}

@media only screen and (min-width: 600px) {
nav ul li {
font-size: 1em;
}
}

nav ul li a[href], nav ul li a:hover[href], nav ul li a:active[href], nav ul li a:visited[href] {
text-decoration: none;
display: block;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: none;
color: #a8a8a8;
}

nav ul li {
	display: inline-block;
}
nav ul li.smallnavonly {
	display: none;
}

@media only screen and (max-width: 660px)  {
	nav ul li.smallnavonly {
		display: inline-block;
	}
	nav ul li.largenavonly {
		display: none;
	}
}

@media (prefers-color-scheme: dark) {
nav ul li a[href], nav ul li a:hover[href], nav ul li a:active[href], nav ul li a:visited[href] {
    color: #6b6b6b;
}
}

nav ul li a:hover[href], nav ul li a.current[href] {
    color: #000000;
}

@media (prefers-color-scheme: dark) {
nav ul li a:hover[href], nav ul li a.current[href] {
    color: #ffffff;
}
}

footer {
	padding-top: .5em;
	padding-bottom: .5em;
	border-top: solid .5px;
	border-color: #a8a8a8;
	margin-top: 41px;
}

footer p {
    font-weight: normal;
	font-style: italic;
	font-weight: 400;
    line-height: 1.65em;
    margin: 0;
    padding: 0;
    text-align: center;
	color: #a8a8a8;
	font-size: 1em;
}

footer p a {
white-space:nowrap;
}

footer p a[href], footer p a:active[href], footer p a:visited[href] {
	color: #a8a8a8;
	border: none;
}

footer p a:hover[href] {
	color: #000000;
	border: none;
}

@media (prefers-color-scheme: dark) {
footer p a:hover[href] {
	color: #ffffff;
}
}

@media (min-width: 667px) {
	footer {
		margin-top: 90px;
	}
}

div.titlediv {
	margin-top: 60px;
}
div.bodydiv {
	margin-bottom: 60px;
}
div.titlediv h1:first-child {
	margin-top: -.21em;
}
div.bodydiv p:last-child {
	margin-bottom: -.49em;
}
@media (min-width: 667px) {
	div.titlediv {
		margin-top: 90px;
	}
	div.titlediv h1:first-child {
		margin-top: -.3em;
	}
	div.bodydiv {
		margin-bottom: 103px;
	}
	div.bodydiv p:last-child {
		margin-bottom: -.63em;
	}
}

div.olderpostslink {
	margin-top: 60px;
	margin-bottom: 60px;
}

@media (min-width: 667px) {
	div.olderpostslink {
		margin-top: 90px;
		margin-bottom: 90px;
	}
	div.olderpostslink p {
		margin-top: -.52em;
		margin-bottom: -.52em;
	}
}

a.appstorebutton[href] {
	display: block;
	background-image: url(/rsrcs/appstoredownload.svg);
	margin-left: auto;
	margin-right: auto;
	margin-top: 90px;
	margin-bottom: 123;
	border: none;
	width: 190px;
	height: 57px;
	background-size: 190px 57px;
	margin-top: 41px;
	margin-bottom: 41px;
	text-indent: -10000px;
}

@media (min-width: 667px)  {
	a.appstorebutton[href] {
		width: 280px;
		height: 83px;
		background-size: 280px 83px;
		margin-top: 90px;
		margin-bottom: 90px;
	}
}

html {
height: 101%;
margin-bottom: 1px;
}

a {
	cursor: pointer;
}

div.blogpage article {
	border-bottom: solid #999999 0.5px;
}



/*
	This can be removed after the Unread 2.6 announcement post has aged 
	off of the /blog/ page.
*/

@media (min-width: 667px) {
	div.unread26articlelistimages {
		display: grid;
		grid-template-columns: 45% 45%;
		column-gap: 10%;
		padding-top: 0px;
		margin-top: 0px;
	}
	div.unread26articlelistimages figure {
		margin: 0px;
		padding: 0px;
	}
	div.unread26articlelistimages figure img {
		margin-top: 0px;
		margin-bottom: 1em;
		padding: 0px;
	}
}
div.unread26articlelistimages figure, div.unread26articlelistimages img, div.unread26searchimage figure, div.unread26searchimage img {
	margin-bottom: 1em;
}
div.unread26articlelistimages figure, div.unread26articlelistimages figcaption, div.unread26searchimage figure, div.unread26articlelistimages figcaption {
	text-align: center;
}


div.unread26productimages {
	margin-top: 41px;
}
div.unread26productimages figure:first-child {
	display: none;
}
div.unread26productimages figure img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}



@media (min-width: 667px) {
	div.unread26productimages {
		margin-top: 90px;
		margin-bottom: 0px;
		display: grid;
		grid-template-columns: 45% 45%;
		column-gap: 10%;
		padding-top: 0px;
	}
	div.unread26productimages figure {
		margin: 0px;
		padding: 0px;
		margin-left: 0px;
		margin-right: 0px;
	}
	div.unread26productimages figure:first-child {
		display: block;
	}
	div.unread26productimages figure img {
		margin-top: 0px;
		margin-bottom: 1em;
		padding: 0px;
	}
}
div.unread26productimages figure, div.unread26productimages img, div.unread26searchimage figure, div.unread26searchimage img {
	margin-bottom: 1em;
}

video.subscribeinunreadvideo {
	border: solid black 1px;
}

article div.bodydiv figure img, article div.bodydiv figure video {
	margin-left: 0px;
	margin-right: auto;
	display: inline-block;
	margin-bottom: 0px;
}

div.bodydiv figure img {
	margin: 0px;
}

body {
    padding-left: calc(20px + env(safe-area-inset-left));
    padding-right: calc(20px + env(safe-area-inset-right));
}

@media (max-width: 430px) {
article div.bodydiv figure img, article div.bodydiv figure video {
	margin-left: -20px;
	margin-right: -20px;
	max-width: calc(100% + 40px) !important;
}
}


img.canzoomin {
	cursor: pointer;
    -webkit-user-select: none !important;
}


@keyframes imagezoomoverlayfadein {
	from {opacity: 0%;}
	to {opacity: 100%;}
}

@keyframes imagezoomoverlayfadeout {
	from {opacity: 100%;}
	to {opacity: 0%;}
}

@keyframes imagezoomoverlayzoomin {
	from {
		transform: translate(var(--imageTranslateX), var(--imageTranslateY)) scale(var(--imageAnimationScale),var(--imageAnimationScale));
		opacity: 0%;
	}
	to {
		transform: translate(-50%, -50%) scale(1,1);
		opacity: 100%;
	}
}

@keyframes imagezoomoverlayzoomout {
	from {
		transform: translate(-50%, -50%) scale(1,1);
		opacity: 100%;
	}
	to {
		transform: translate(var(--imageTranslateX), var(--imageTranslateY)) scale(var(--imageAnimationScale),var(--imageAnimationScale));
		opacity: 0%;
	}
}

#imagezoomoverlay {
	display: none;
	position: fixed; /* Sit on top of the page content */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
#imagezoomoverlay.visible, #imagezoomoverlay.fadingout {
	display: block;
}
#imagezoomoverlay div.background {
	position: fixed;
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0;
	left: 0;
	right: 100px;
	bottom: 100px;
	background-color: rgba(0,0,0,0.8);
}
#imagezoomoverlay.visible div.background {
	animation-duration: 0.3s;
	animation-name: imagezoomoverlayfadein;
	animation-timing-function: ease-in-out;
}
#imagezoomoverlay.fadingout div.background {
	animation-duration: 0.3s;
	animation-name: imagezoomoverlayfadeout;
	animation-timing-function: ease-in-out;
	opacity: 0%;
}
#imagezoomoverlay img {
	display: block;
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-user-select: none !important;
	--imageTranslateX: -50%;
	--imageTranslateY: -50%;
	--imageAnimationScale: 1.0;
}
#imagezoomoverlay div.imagecontainer {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}
#imagezoomoverlay.visible img {
	animation-duration: 0.3s;
	animation-name: imagezoomoverlayzoomin;
	animation-timing-function: ease-in-out;
}

#imagezoomoverlay.fadingout img {
	animation-duration: 0.3s;
	animation-name: imagezoomoverlayzoomout;
	animation-timing-function: ease-in-out;
}

/*
	For rachelbythebay feed analysis post. 
	August 2024.
	
	Can move to a post-specific CSS file after it ages out of 
	the /blog/ page
*/
div.feedanalysis figure {
	border: solid black 1px;
}

div.feedanalysis table, div.feedanalysis th, div.feedanalysis td {
  border: 1px solid;
}
div.feedanalysis table {
	width: 100%;
}
div.feedanalysis tr.l {
	background-color: #ff9999;
}
div.feedanalysis tr.h {
	background-color: #999999;
}
div.feedanalysis th, td {
	padding: 4px;
}