html, body {
	height: auto;
	width:100%;
	margin: 0;
	padding: 0;
	overflow-x:hidden;
}

@media screen and (prefers-color-scheme: dark) {
	body {
		background-color: black !important;
		color: white !important;
	}
}

@media screen and (prefers-reduced-motion: reduce) {
	* {
		-webkit-transition-duration: 0.001ms !important;
		        transition-duration: 0.001ms !important;
	}
}

* {
	box-sizing: border-box;
}

.page_wrapper {
	padding: 0;
	margin: 0;
	height: auto;
	min-height:100vh;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	    align-content:space-between;
}

.page_container1 {
	box-sizing: border-box;
	padding: 0;
	margin:0;
	height: auto;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	border-bottom: 0.4px solid #39ac73;
}

.page_container2 {
	padding: 0;
	margin: auto;
	height: auto;
	width: 100%;
	display: block;
	position: relative;
}

.top_advert {
	position: fixed;
	z-index:2;
	margin: auto;
 margin-bottom:0.5rem;
	height: 4rem;
	width: 100%;
	border:1px solid blue;
}

header {
width: 100%;
	padding: 1rem 0;
	height: auto;
 margin:auto;
 margin-bottom:30px;
	background-color: #ebfafa;
	border-top:1px solid #2eb8b8;
}

p.tem {
 width: 80%;
 height: auto;
 padding:6px 0;
 margin: auto;
	border-style: double;
	border-width:1.2px 0 4.5px 0;
	border-color: #2eb8b8;
	border-radius: 50%;
}
.heading{
    width:50%;
    height:auto;
    display:block;
    margin:auto;
    object-fit: contain;
    }
.temlogo{
    width:40px;  
    height: auto;
    display:block;
    margin:5px auto;
}

#nav_wrapper, #story-list_wrapper{
	height: 1px;
	width: 1px;
	visibility: hidden;
	position: fixed;
}

#nav_wrapper:target {
position: fixed;
display: block;
z-index: 3;	
	bottom:0;
	right: 0;
	visibility: visible;
	width: 56%;
	height:77.5vh;
	-webkit-transition:width 0.6s ease;
	transition:width 0.6s ease;
	}
	#nav {
	background-color: #ccffcc;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	border-left: 0.5px solid #39ac73;
	border-top: 0.5px solid #39ac73;
	height: 100%;
	width: 100%;
}

#story-list_wrapper {
	position: fixed;
	top: 0;
	padding-top: 20vh;
	z-index: 1;
}

#story-list_wrapper:target {
	display: block;
	visibility: visible;
	width: 100%;
	height: auto;
	padding-top: 32vh;
	-webkit-transition: padding-top 0.4s ease;
	transition: padding-top 0.4s ease;
}

.list-container {
min-height: 100px;
	height: auto;
	width: 88%;
	margin: auto;
	background-color: #d6f5f5;
	border: 1px solid #39ac73;
	border-radius: 7px;
	padding-top: 9px;
}

#desktop_nav2{
display: flex;
flex-direction:row;
justify-content: center;
	background-color: #ccffcc;
	border-bottom: 1px solid #39ac73;
	border-top: 1px solid #39ac73;
	height:auto;
	width: 100%;
}

h2 {
	color: #009999;
	padding-bottom: 6px;
	text-align:center;
	margin:auto;
	margin-top:80px;
	font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
	font-style:italic;
	font-weight:700;
}

h1, h3, h4, h5, h6 {
	letter-spacing: 2px;
	text-align: center;
}

h4, h3 {
	font-family: Niconne-Regular;
	color: #009999;
	display:block;
	text-align:center;
}

h3{
	font-style:italic;
	font-weight:700;
	font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
}

h5 {
	font-family: Tahoma, sans-serif;
	color: #009999;
}

.current_story {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	height:62px;
	padding: 3px;
	border-top: 1px solid #39ac73;
	margin:0;
}
.close_menu2 {
 float:left;
 width:auto;
 display: block;
	padding:0.2em;
	text-decoration:none;
}
.cover{
 height:auto;
 width:100%;
 max-height:60vh;
 overflow-y: auto;
 margin:0;
 padding:0;
}
.photo {
	width:auto;
	height: 55px;
	-o-object-fit:center;
	   object-fit:center;
	float: left;
	padding-right:5px;
}

.story-link {
	font-family: Tahoma, sans-serif;
	color: #009999;
	font-size:9.5px;
	padding-left: 5px;
}

.news_link, .contact, .not_show{
	display:none;
}
.list_container2, #desktop_nav{
	display:none;
}

.nav_links {
	display: block;
	border-bottom: 1px solid #39ac73;
	color: #009999;
	padding: 0.5em 0;
	height: auto;
	width: 100%;
	text-decoration: none;
	font-family: Georgia, serif;
	font-weight: 2px;
	font-size: 14px;
	text-align: center;
}
.nav_link2, .nav_link_last2 {
	display: inline-block;
	color: #009999;
	padding: 0.5rem 0;q
	height: auto;
	width: 6.5rem;
	text-decoration: none;
	font-family: Georgia, serif;
	font-weight: 2px;
	font-size: 14px;
	text-align: center;
}
.nav_link_last2{
    border: 1px solid #39ac73;
    border-width:0 1px;
}
.nav_link2{
    border-left: 1px solid #39ac73;
}
.first_link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	border-bottom: 1px solid #39ac73;
	height: 5.2rem;
	width: 100%;
}
.first_link2 {
	height: 5.2rem;
	width: 100%;
}

.close_menu {
	margin-right: 30px;
	display: inline-block;
	padding: 0.2em;
	text-decoration: none;
}

.nav_link:hover, .nav_link:active, .nav_link2:hover, .nav_link_last2:hover, .nav_link2:active, .nav_link_last2:active {
	background-color: #9fdfbf;
}

main {
 font-family: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
	font-size: 1.2rem;
	line-height: 2;
	height: auto;
	width: 94%;
	word-spacing: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-ms-flex-line-pack: distribute;
	    align-content: space-around;
}

main.index_pg{
    width:90%;
    margin: auto;
}

aside.left, aside.right {
	display: none;
}

.main_container {
	height: auto;
	width: 96%;
	margin: auto;
		}
#read {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack:space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
            padding-bottom:8px;
    height: auto;
    margin:auto;
    width:300px;
    position:relative;
    z-index:2;
}

.read_stories, .read_stories2 {
 background-color: #ccffcc;
	border: 1px solid #39ac73;
	font-family: Georgia, sans-serif;
	font-weight: bold;
	font-size: 13px;
	padding: 7px 9px;
	color: #0088cc;
	height: auto;
	text-align: center;
	margin: auto;
	width:auto;
}
.read_stories2{
    display: block;
    border-bottom:0;
    width:50%;
}
.read2 {
	display: block;
 height:auto;
width:100%;
}
.story_picture {
	width: 98%;
	height:auto;
}

.story_gif {
	width: 90%;
	height:auto;
}

.story_picture, .story_gif {
	display: block;
	min-height: 45px;
	-o-object-fit: contain;
	   object-fit: contain;
	margin: 1em auto;
}
iframe{
    height:auto;
    width:auto;
    border:none;
}
.ad1, .ad2, .ad3, .ad4{
    display:none;
}
.body_advert {
	display: block;
	margin: auto;
	width: 88%;
	height:1px;
}

.aside_advert {
	display: none;
}

button {
	border: 1px solid #00ace6;
	border-radius: 4px;
	color: #0088cc;
	padding: 12px 3em;
	font-family: Verdana, sans-serif;
	font-size: 1em;
	margin: 1.5em auto;
	background-color: #ccf2ff;
}

button:hover, button:active {
	outline: 2px solid #b3d9ff;
	outline-outset: 2px;
}

footer {
	min-height: 90px;
	height: auto;
	width: 100%;
	text-align: center;
	background-color: #e6f7ff;
	font-family: Tahoma, sans-serif;
	border-top: 0.5px solid #0088cc;
	display:block;
	margin:0;
}
div.cookie_popup{
    background-color:#145252;
    width:88vw;
    padding:2px 8px;
    height: auto;
    max-height:23vh;
    font-size:12px;
    position: fixed;
    top:70vh;
    bottom:1vh;
    left:6vw;    
    z-index:4;
    color:#ffffff;
}
div.cookie_popup button{
    display:block;
    margin:auto;
    margin-top:12px;
    padding:7px 12px;
    background-color:#d6f5f5;
}
div.cookie_popup a{
    color:#ffffff;
}
input {
	height: auto;
	padding: 1.2em;
	border: 1px solid #99cc00;
	border-radius: 5px;
	width: 94%;
}

.copyright {
	height: 32px;
	vertical-align: bottom;
	font-family: Tahoma, sans-serif;
}

.menu {
 display: inline;
	padding:4px;
	position:absolute;
	right:0.2rem;
}

.recent {
 display: inline;
	padding: 4px;
	position:absolute;
	left:0.2rem;
}

.recent:hover, .recent:active, .menu:hover, .menu:active, .close_menu:hover, .close_menu:active,  .close_menu2:hover, .close_menu2:active {
	border: 0.8px solid #99cc00;
}
details {
	display: none;
	position:absolute;
	left:1%;
 z-index:2;	
	width: 100%;
	height: auto;
	font-size: 1rem;
}

summary {
	width: 50%;
	padding: 0.5em;
	padding-top:0.3em;
	margin: auto;
	margin-bottom: 8px;
	color: #0088cc;
	text-decoration:underline;
	text-align:center;
	font-family: Georgia, Serif;
	font-size:12px;
}

.thanks {
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

details>*:not(summary) {
	display: block;
	margin: auto;
	background-color: #e6f7ff;
	border-radius: 10px;
	box-shadow: 3px 3px 10px  #004080;
	padding: 0.7rem;
	height: auto;
	width: 90%;
	text-align: center;
	font-family: Niconne-Regular;
}

.show {
	width: 100%;
	height: auto;
	visibility: visible;
	display: block;
	margin: auto;
}

.button_row {
	width: 80%;
	height: auto;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

small {
	font-size: 9px;
}

small.page_number {
	border: 1.1px double #009999;
	padding: 6px;
	border-radius: 360px;
	font-weight:bold;
	float: left;
	display:inline-block;
	margin-top:10px;
	margin-left:5%;
	color: #009999;
	width:auto;
	height:auto;
}

.page_number{
	padding: 4px 7px;
}

.page_button{
	outline: 2px solid #00e600;
	padding: 4px 7px;
}

.white_footer_div {
	width:auto;
	height:auto;
	background-color: #ffffff;
	border-bottom-left-radius: 50px;
	border-bottom-right-radius: 50px;
	margin: 0 auto 32px;
}

.share_story_div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	margin: auto;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: space-evenly;
	    -ms-flex-pack: space-evenly;
	        justify-content: space-evenly;
	width: 290px;
	height: 3rem;
}

.share_story_text {
	text-align: center;
	color: #0088cc;
	font-family: Georgia, serif;
	font-size: 10px;
	padding-top: 1rem;
}

.icon {
	position: relative;
	width: 30px;
	height: 30px;
}

img.icon {
	position: absolute;
	top: 0;
	display: inline-block;
}
#announce{
    text-align: center;
    font-size:11px;
    font-family:Garamond, sans-serif;
}
.menu2, .recent2{
    display: none;
}
.card{
    box-shadow: -0.1px -0.1px 9px #145252;
    padding:4px;
    width: 86%;
    height:120px;
    margin:3.5em auto;
    border-radius:10px;
}
.card h6{
    margin:12px auto;
    color: #009999;
	font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
	font-style:italic;
}
.card button{
    width:40%;
    padding: 8px 0;
    height:auto;
    font-size:14px;
    display: block;
    margin: 18px auto 3px auto;
    border:0;
    color:#009999;
    box-shadow: -0px -0px 1px  #145252;
    background-color:#b3ffec;
}
.card a{
    text-decoration:none;
}
table{
    width: 94%;
    height: auto;
    margin: 0 auto;
    border-collapse: collapse;
    font-size:0.9rem;
    line-height:1;
}
tr, th, td{
    padding:8px;
    box-shadow: 0 0 0.5px  #145252;
    width: auto;
    height: auto;
    min-height:50px;
    text-align: center;
    border-collapse: collapse;
}
tr{
    width: 100%;
}
th.row{
    width:5%;
}
td.row{
  padding:5px;
  min-width: 55%;
}
img.row{
 width:70px;
 height: auto;
 object-fit: center;
  padding:4px;
}
a.row {
    color:#009999;
    font-family: Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif;
}
a.row:hover, a.row:active{
    color:#0088cc;
}
article, section, main{
    display: block;
    margin: auto;
}
.pointerDiv{
    display:auto;
    width:94%;
    height:auto;
    margin:1px auto;
}
.pointerButton {
    width: auto;
    padding: 4px 8px;
    height:auto;
    border:0;
    color:#009999;
    box-shadow: -0px -0px 1px  #145252;
    background-color:#b3ffec;
}
.moneytag{}