/* REMOVE AND ALTER EXISTING CODE */

html, body {
    margin: 0px auto;
    height: 100%;
    max-width: 100%;
    background-color: #000000;
    color: lightgray;
    font-family: 'Noto Serif', serif;
    overflow-x: hidden;
	font-size: 16px;
	font-weight:300;
}

strong {
font-weight:bold;
}

@media (prefers-color-scheme: dark) {
body {
    background-color: #000000;
    color: lightgray;
	}
}

a.skip-link.screen-reader-text {
    display: none;
    position: absolute;
    left: -9999999px;
}

.entry-header {
    display: none;
}

#page {
    max-width: 800px;
    margin: 0 auto 100px auto;
    position: relative;
	top: 0px;
}

.page-id-13 #page {
    top: -130px;
}

#masthead {
	display:none;
}

.no-widgets {
margin-top: 0;

}


.site-footer > .site-info {
	border:none;
}
.site-footer > .site-info .privacy-policy, .site-footer > .site-info .powered-by {
    display:none;
}
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.site-header, .site-main, .widget-area, .site-footer {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}
#colophon {
display:none;
clear:both;
}


:root {
--global--spacing-unit: 20px;
    --global--spacing-measure: unset !important;
    --global--spacing-horizontal: 0px !important;
    --global--spacing-vertical: 0px !important;
	
}

.entry-footer {
    display: none;
}

.is-style-outline .wp-block-button__link[style*=radius]:focus,
.wp-block-button a.wp-block-button__link[style*=radius]:focus {
	outline-offset: 0px;
	outline: none;
}


#my-page-footer {
    font-size: 75%;
    padding: 25px 0px 50px 0px;
    color: #b3b3b3;
    border-top: 2px dashed #e53f3f;
    text-align: justify;
    clear: both;
    position: relative;
    top: 50px;
}

/* HYPERLINKS */

a {
cursor: pointer;
    text-underline-offset:auto !important;
    text-decoration-skip-ink:none !important;
}

a, a:active, a:focus, a:visited, a:link {
color: #e53f3f !important;
text-decoration: none !important;
background:none !important;
border:none !important;
}

a:hover {
color: red !important;
} 


/* HEADLINE STYLEs */

h1 {
    font-size: 200%;
    font-weight: normal;
    color: #e53f3f;
    padding: 0px;
    margin: 20px 0px;
    letter-spacing: 3px;
}

h2 {
	font-size: 250%;
    text-align: center;
	font-weight:bold;
	color:#e53f3f;
	margin-top: 50px;
}

h3 {
    font-size: 225%;
	font-weight:bold;
	color:#ffb018;
	text-align:center;
}

h4 {
    font-size: 150%;
	font-style:italic;
	color:#e53f3f;
}

h5 {
	color:#ffb018;
    margin: 20px 0px 5px 0px;
}

h1, h2, h3, h4 {
	margin-bottom:10px;
}






/* TABLET */
@media only screen and (min-width:700px) and (max-width:1000px) {

#chapter-main {
    width: 97vw;
}

.mytextwrapper {
    padding: 0px 5px 20px 5px;
}

.mytextwrapper p {
    font-size:90%;
}


}





/* Media Screens */
@media screen and (max-width: 700px) {

html, body {
	font-size: 16px;
}

body {
    width: 100%;
	max-width:100%;
}

#content {
padding:0px 5px 0px 5px;
}

#page {
	max-width: 100vw;
    padding: 0px;
}

.mytextwrapper {
    text-align: justify;
}


}



/* MOBILE BIGGER */

@media only screen and (min-width:412px) and (max-width:700px) {

html, body {
	font-size: 20px;
}

#chapter-main {
    width: 97vw;
}


}