@charset "utf-8";
/*Effects to text itself*/
@font-face {
	font-family: Choice;
	src: url(fonts/ARIAL.TTF);
}
@font-face {
	font-family: Choice;
	font-weight: bold;
	src: url(fonts/ARIALBD.TTF);
}
@font-face {
	font-family: Choice;
	font-weight: bold;
	font-style: italic;
	src: url(fonts/ARIALBI.TTF);
}
@font-face {
	font-family: Choice;
	font-style: italic;
	src: url(fonts/ARIALI.TTF);
}
@font-face {
	font-family: Choice;
	font-stretch: condensed;
	src: url(fonts/ARIALN.TTF);
}
@font-face {
	font-family: Choice;
	font-weight: bold;
	font-stretch: condensed;
	src: url(fonts/ARIALNB.TTF);
}
@font-face {
	font-family: Choice;
	font-weight: bold;
	font-style: italic;
	font-stretch: condensed;
	src: url(fonts/ARIALNBI.TTF)
}
@font-face {
	font-family: Choice;
	font-style: italic;
	font-stretch: condensed;
	src: url(fonts/ARIALNI.TTF);
}
@font-face {
	font-family: Choice;
	font-stretch: expanded;
	src: url(fonts/ARIBLK.TTF);
}

.box-story {
	background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(230, 230, 230));
}
.box-list {
	background-image: linear-gradient(to right, rgb(224, 251, 223), rgb(190, 230, 190));
}
.box-quiz {
	background-image: linear-gradient(to right, #f5f6e2, rgb(222, 231, 200));
}
.box-game {
	background-image: linear-gradient(to right, rgb(230, 201, 228), rgb(222, 200, 220));
}

body 
{
	font-family: Choice;
	text-size-adjust: none;
	margin:0px;
}
h2 
{
	color:rgba(54,54,54,1.00);
}
h3 
{
	color:rgba(115,115,115,1.00);
}
a 
{
	text-decoration: none;
}
body 
{
	background-color:rgba(232,218,213,1.00);
}
/*Effects to groupings of text*/
.newsshort 
{
	width: 90%; 
	margin: auto; 
	border: 2px solid rgba(200,200,200,1); 
	border-top: 6px solid rgba(200,200,200,1);
	position:relative; top: 200px
}
.totalinformer 
{
	width:100%;
	margin:auto; 
	position:relative; 
	top: 150px;
	display:inline-block;
}
#pageheader 
{
	margin:auto; 
	border: 2px solid rgba(255,171,117,1.00); 
	background-color: rgba(255,171,117,1.00)
}
/*Images*/
#rainbow-with-church 
{
	max-width:200px; 
	float:left; 
	margin:10px
}
/*Graphics*/
div.choice
{
	display:table;
	width:80%;
	table-layout:fixed;
}
div.choice span
{
	display:table-cell;
	text-align: center;
	font-size:30px;
	font-stretch:condensed;
	font-family: Choice;
	/*"Franklin Gothic","Verdana","Microsoft Sans Serif Regular","Helvetica","Arial"*/
}
div.choice span div a
{
	color:black;
}
div.title a
{
	color:black;
}
	
@media (max-width:1310px)
{
	#t6
	{
		display:none;
	}
}
@media (max-width:1050px)
{
	#t1
	{
		display:none;
	}
}
@media (max-width:700px)
{
	#t4
	{
		display:none;
	}
}
@media (max-width:550px)
{
	#t3
	{
		display:none;
	}
}
@media (max-width:400px)
{
	#t2
	{
		display:none;
	}
}
.top-back
{
	background:rgba(69,45,19,1.00);
	width: 100%;
	height: 135px;
	position: fixed;
	left: 0px;
	top: 0x;
	left: 0px;
	z-index: 10;
}
.title {
	color:black;
	background:rgba(255,137,0,1.00); 
	width:100%; height:100px; 
	position:fixed; 
	left:0px; 
	top:0px;
	font-size: 80px; 
	text-align: center;  
	line-height: 100px; 
	z-index:10;
	font-weight: bolder;
	letter-spacing: -5px;
	/*font-stretch: expanded;*/
}
.choice {
	background: rgba(255,137,0,1.00);
	width: 100%;
	height: 40px;
	position: fixed;
	left: 0px;
	top: 102px;
	left: 10%;
	z-index: 10;
}
.tabs
{
	background: rgba(255,137,0,1.00);
	width: 100%;
	height: 40px;
	position: fixed;
	left: 0px;
	top: 102px;
	left: 0px;
	z-index: 10;
}
.more
{
	position:fixed;
	font-size:20px;
	margin: 50px 25px;
	border:2px solid rgba(0,0,0,1);
	z-index:11;
	top:59px;
	left:calc(100% - 100px);
	cursor:pointer;
}

@media (max-aspect-ratio: 4/3), (aspect-ratio: 4/3)
{
	.side-menu
	{
		text-align: center;
		width:90%;
		z-index: 13;
		height:100%;
		position:fixed;
		top:0px;
		margin:auto;
		border:5px solid rgba(0,0,0,1);
		background: #ffd3d3;
		color:gray;
		font-size:55px;
		line-height: 60px;
		overflow: auto;
	}
	.side-menu-container
	{
		text-align: center;
		width:100%;
		position:relative;
		top:10px;
		font-size:80px;
		font-weight: bold;
		line-height: 150px;
		color:black;
		font-stretch: condensed;
	}
	.side-menu-container a, .side-menu-container a:visited
	{
		color:black;
	}
	.button
	{
		height:30px;
		vertical-align: middle;
		cursor: pointer;
	}
	.button-div
	{
		display:inline-block;
	}
	.exit-button-container
	{
		position:fixed;
		top:15px;
	}
	.exit-button
	{
		z-index: 15;
		height:60px;
		width:60px;
		vertical-align: middle;
		cursor: pointer;
		position: relative;
		left:-40px;
	}
	.side-sub-container
	{
		position:relative;

		color:#494949;
		font-size: 55px;
		line-height: 85px;
		font-weight: normal;
	}
}
@media (min-aspect-ratio: 4/3)
{
	.side-menu
	{
		width:500px;
		z-index: 13;
		height:100%;
		position:fixed;
		top:0px;
		margin:auto;
		border:5px solid rgba(0,0,0,1);
		background: #ffd3d3;
		color:gray;
		font-size:25px;
		line-height: 30px;
	}
	.side-menu-container
	{
		width:80%;
		position:relative;
		left:5%;
		top:10px;
		font-size:40px;
		font-weight: bold;
		line-height: 65px;
		color:black;
		font-stretch: condensed;
	}
	.side-menu-container a, .side-menu-container a:visited
	{
		color:black;
	}
	.button
	{
		height:30px;
		vertical-align: middle;
		cursor: pointer;
	}
	.button-div
	{
		display:inline-block;
	}
	.exit-button-container
	{
		position:fixed;
		top:15px;
	}
	.exit-button
	{
		z-index: 15;
		height:30px;
		width:30px;
		vertical-align: middle;
		cursor: pointer;
	}
	.side-sub-container
	{
		position:relative;
		left:30px;
		color:#494949;
		font-size: 35px;
		line-height: 45px;
		font-weight: normal;
	}
}

/*Headings and text content for main pages*/
@media (max-aspect-ratio: 4/3), (aspect-ratio: 4/3)
{
	.title_text
	{
		font-weight: bold;
		color:rgba(0,0,0,1.1); 
		font-size:80px;
		width:95%;
		margin:auto;
		text-align: center;
		line-height: 160px;
	}
	.informers
	{
		font-size: 35px;
		text-align: justify;
		width:95%;
		margin:auto;
		line-height: 45px;
	}
}
@media (min-aspect-ratio:4/3)
{
	.title_text 
	{
		font-weight: bold;
		color:rgba(0,0,0,1.1); 
		font-size:80px;
		line-height:100px;
		width:85%;
		position:relative;
		left:15%;
	}
	.informers 
	{
		color:rgba(30,12,4,1.00); 
		line-height:30px; 
		font-size: 22px;
		width:55%;
		position:relative;
		left:15%;
	}
}

/*Displays for advertisements and other load-in things*/
@media (max-aspect-ratio: 4/3), (aspect-ratio: 4/3)
{
	.ad-div-mobile-instory
	{
		width:95%;
		margin:auto;
		text-align: center;
		font-size:20px;
		font-weight: bold;
		color:gray;
		margin-top: 75px;
		margin-bottom: 75px;
	}
	.ad-image
	{
		width:45%;
		margin:auto;
		border:5px solid #000000;
	}
}
@media (min-aspect-ratio: 4/3)
{
	.ad-div-mobile-instory
	{
		display:none;
	}
}

/*Displays for bottom-of-page material*/
@media (max-aspect-ratio: 4/3), (aspect-ratio: 4/3)
{
	.thoughts
	{
		text-align: center;
		font-size: 40px;
		font-weight: bold;
		margin:auto;
		margin-top: 20px;
		background-color:khaki;
		border: 5px solid #000000;
	}
	.end-storybox-container
	{
		width:90%;
		margin:auto;
		position:relative;
		top:100px;
	}
	.end-storybox-proclaimer
	{
		text-align: center;
		font-size: 60px;
		font-weight: bold;
		font-style: italic;
	}
	.end-storybox
	{
		
		width:85%;
		margin:auto;
		margin-top: 50px;
		border: 3px solid #000000;
	}
	.end-storybox-subcontainer
	{
		width:95%;
		margin:auto;
	}
	.end-storybox-title
	{
		font-size:44px;
		font-weight: bold;
		font-stretch: condensed;
		color:black;
	}
	.end-storybox-date
	{
		font-size: 28px;
		color:gray;
		font-stretch: condensed;
	}
	.end-storybox-image
	{
		width:99%;
		margin:auto;
		border:3px solid #000000;
	}
	.end-bottom-menu
	{
		width: 100%;
		margin:auto;
		background-color:#46280d;
		margin-top:100px;
		border-top:6px solid #000000;
		margin-top:200px;
	}
	.end-bottom-menu-container
	{
		width:100%;
		text-align: center;
		font-size: 35px;
		line-height: 60px;
		margin-top: 100px;
		font-stretch: condensed;
	}
	.end-bottom-menu-container a, .end-bottom-menu-container a:visited
	{
		color:white;
	}
	.story-end-section
	{
		margin-top:100px;
	}
	.story-disclaimer
	{
		font-size:23px;
		color:#858585;
		font-weight: bold;
		line-height: 25px;
	}
	.sign-up-container
	{
		width:90%;
		margin: auto;
		margin-top: 50px;
		border:4px solid #000000;
		background-color: #e0a8a8;
		text-align: center;
		font-weight: bold;
		font-size: 36px;
		vertical-align:auto;
	}
	.sign-up-text
	{
		font-style: italic;
		position:relative;
	}
	.sign-up-input-box
	{
		width:70%;
		font-size:50px;
	}
	.sign-up-submit-box
	{
		font-size:50px;
	}
	.sign-up-send-button
	{
		width:180px;
		height: 150px;
		font-size:50px;
		font-weight: bold;
	}
}
@media (min-aspect-ratio: 4/3)
{
	.thoughts
	{
		text-align: center;
		font-size: 30px;
		font-weight: bold;
		margin:auto;
		margin-top: 5px;
		margin-bottom: 20px;
		background-color:khaki;
		border: 5px solid #000000;
	}
	.end-storybox-container
	{
		width:85%;
		position:relative;
		left:15%;
		margin-top:100px;
	}
	.end-storybox-proclaimer
	{
		font-size: 3vw;
		font-weight: bold;
		font-style:italic;
	}
	.end-storybox
	{
		
		width:18%;
		margin-top: 50px;
		margin-left: 25px;
		border: 3px solid #000000;
		display:inline-block;
		vertical-align: top;
	}
	.end-storybox-subcontainer
	{
		width:95%;
		margin:auto;
	}
	.end-storybox-title
	{
		font-size:22px;
		font-weight: bold;
		font-stretch: condensed;
		color:#000000;
	}
	.end-storybox-date
	{
		font-size: 18px;
		color:gray;
		font-stretch: condensed;
	}
	.end-storybox-image
	{
		width:99%;
		margin:auto;
		border:3px solid #000000;
	}
	.end-bottom-menu
	{
		width: 100%;
		height:400px;
		margin:auto;
		background-color:#46280d;
		margin-top:100px;
		border-top:4px solid #000000;
	}
	.end-bottom-menu-container
	{
		width:20%;
		display:inline-block;
		position:relative;
		left:20%;
		font-size: 22px;
		line-height: 50px;
		font-stretch: condensed;
	}
	.end-bottom-menu-container a, .end-bottom-menu-container a:visited
	{
		color:white;
	}
	.story-disclaimer
	{
		font-size:12px;
		color:#858585;
		font-weight: bold;
		line-height: 25px;
	}
	.sign-up-container
	{
		width:90%;
		margin: auto;
		border:4px solid #000000;
		background-color: #e0a8a8;
		text-align: center;
		font-weight: bold;
		font-size: 26px;
		vertical-align:auto;
	}
	.sign-up-text
	{
		font-style: italic;
		position:relative;
	}
	.sign-up-submit-box
	{
		font-size:20px
	}
}


/*Headings and text content for topics pages*/
.topic-preceeder
{
	color:#858585;
}
@media (max-aspect-ratio: 4/3), (aspect-ratio:4/3) /*height longer than width (smaller than 1?)*/
{
	/*story content*/
	.topics-tab
	{
		display:none;
	}
	.topic-preceeder
	{
		font-weight: bold;
		font-size:60px;
		line-height: 60px;
		position:relative;
		top:-9px;
		left:10px;
		width:98%;
	}
	.topic-header
	{
		font-weight: bold;
		font-size:180px;
		line-height: 140px;
		position:relative;
		top:-15px;
	}
	.topic-noter
	{
		font-size: 32px;
		color:#6b6b6b;
		line-height: 30px;
		position:relative;
		left:10px;
		width:98%;
	}
	hr
	{
		display:none;
	}
	.topic-detailer-informer
	{
		width:100%;
		margin:auto;
		position: relative;
	}
	.topic-detailer
	{
		text-align: left;
		width:95%;
		margin:auto;
		margin-top: 100px;
	}
	.topic-answer
	{
		font-size:80px;
	}
	.topic-question
	{
		font-size:42px;
		width:100px;
		color:#6b6b6b;
		vertical-align: bottom;
		text-align: right;
		overflow-wrap: break-word;
		hyphens:auto;
	}
	th 
	{
		margin:auto;
		border:1px solid #b1b1b1
	}
	.topic-stories-collection
	{
		width:95%;
		margin:auto;
		
	}
	.topic-stories-collection .topic-stories
	{
		text-align: center;
		font-size:50px;
		font-stretch:condensed;
	}
	.topic-storybox
	{
		width:75%;
		height:157px;
		margin:auto;
		border: 3px solid rgba(0,0,0,1);
		position: relative;
	}
	.topic-story-section
	{
		text-align:center;
		font-size:70px;
		line-height: 60px;
		margin-top: 200px;
	}
	.topic-info
	{
		width:95%;
		margin:auto;
		font-size:38px;
		line-height: 45px;
		text-align: justify;
		color:#151515;
		margin-bottom: 50px;
	}
	.topic-subsection-title
	{
		width:95%;
		margin:auto;
		font-size:60px;
		line-height: 60px;
		font-weight: bold;
		font-style: italic;
		margin-top: 125px;
		margin-bottom: 50px;
	}
	.footnote
	{
		cursor: pointer;
	}
	.footnote-box
	{
		position:fixed;
		font-size:40px;
		line-height:40px;
		width:100%;
		height:20%;
		top:80%;
		left:0px;
		border:3px solid rgba(0,0,0,1);
		background:rgba(255,194,117,1.00);
		overflow-wrap: break-word;
	}
	.topic-image-and-caption
	{
		width:90%;
		margin:auto;
		margin-top: 100px;
	}
	.topic-image
	{
		width:100%;
	}
	.topic-image-caption
	{
		font-size:30px;
		font-weight: bold;
	}
	.topic-stories-collection
	{
		margin-bottom: 100px;
	}
	/**/
}
@media (min-aspect-ratio: 4/3) /*width longer than height (larger than 1+)*/
{
	.topic-stories-collection
	{
		margin-bottom: 80px;
	}
	.topics-tab
	{
		position:fixed;
		font-size:22px;
		line-height: 30px;
		margin: auto;
		border:3px solid rgba(0,0,0,1);
		background:rgba(255,194,117,1.00);
		z-index: 12;
	}
	.topic-preceeder
	{
		font-weight: bold;
		font-size:40px;
		line-height: 50px;
		position:relative;
		top:-15px;
	}
	.topic-header
	{
		font-weight: bold;
		font-size:160px;
		line-height: 100px;
		position:relative;
		top:-10px;
	}
	.topic-noter
	{
		font-size: 22px;
		color:#6b6b6b;
		line-height: 25px;
		margin-top: 25px;
	}
	.topic-detailer-informer
	{
		margin:auto;
		position: relative;
	}
	.topic-detailer
	{
		margin-top: 100px;
		text-align: left;
		width:70%;
		font-size:30px;
		color:rgba(61,61,61,1.00)
	}
	th 
	{
		margin:auto;
		border:1px solid #b1b1b1
	}
	.topic-stories-collection
	{
		display:table;
		width:100%;
		table-layout:fixed;
	}
	.topic-stories-collection .topic-stories
	{
		display:table-cell;
		text-align: center;
		font-size:30px;
		font-stretch:condensed;
		font-family: Choice;
	}
	.topic-storybox
	{
		width: 180%;
		height:157px;
		margin:auto;
		border: 3px solid rgba(0,0,0,1);
	}
	.topic-story-section
	{
		font-size: 50px;
		line-height: 20px;
		margin-top: 100px;
	}
	.topic-info
	{
		width:70%;
		font-size:18px;
		line-height: 28px;
		text-align: justify;	
		color:#151515;
		margin-bottom: 30px;
	}
	.topic-subsection-title
	{
		margin-top: 60px;
		margin-bottom: 15px;
		font-size:50px;
		line-height: 120px;
		font-weight: bold;
		font-style: italic;
	}
	.footnote
	{
		cursor: pointer;
	}
	.footnote-box
	{
		position:absolute;
		font-size:15px;
		line-height:20px;
		width:360px;
		border:3px solid rgba(0,0,0,1);
		background:rgba(255,194,117,1.00);
		overflow-wrap: break-word;
	}
	.topic-body-text
	{
		position:relative;
		width:85%;
		left:15%;
	}
	.topic-image-and-caption
	{
		width:50%;
		margin-top: 100px;
	}
	.topic-image
	{
		width:100%;
	}
	.topic-image-caption
	{
		font-size:30px;
		font-weight: bold;
	}
}



/*Heading and text content for story pages*/
@media (max-aspect-ratio: 4/3), (aspect-ratio:4/3) /*height longer than width (smaller than 1?)*/
{
	.story-header-container
	{
		width:95%;
		margin:auto;
	}
	.story-header-container .story-topics-list a:visited, .story-header-container .story-topics-list a
	{
		color:#949494;
		font-weight: bold;
	}
	.story-header-container .story-writing-details a:visited
	{
		color:#6b6b6b;
	}
	.story-topics-list
	{
		font-weight: bold;
		font-size: 32px;
		line-height: 50px;
		position: relative;
		left:40px;
		width:50%;
	}
	.story-title
	{
		font-weight: bold;
		font-size: 60px;
		font-stretch: condensed;
	}
	.story-author
	{
		font-weight: bold;
	}
	.story-writing-details
	{
		color:#6b6b6b;
		font-stretch: condensed;
		font-size: 20px;
	}
	.story-writing-details-text
	{
		display:inline-block;
		width:70%;
	}
	.story-social-media-icon
	{
		float:right;
		margin-left: 10px;
	}
	.story-social-media-icon-button
	{
		width:40px;
	}
	.story-body-container
	{
		width:90%;
		margin:auto;
	}
	.story-body-image
	{
		width:100%;
		margin:auto;
		margin-top:5px;
	}
	.story-image-caption
	{
		font-size:25px;
		font-weight: bold;
		margin-bottom: 50px;
	}
	.story-body-text
	{
		text-align: justify;
		font-size:34px;
		line-height: 44px;
		color:#212121;
		margin-bottom: 40px;
	}
	.story-subsection-title
	{
		font-size:55px;
		font-weight:bold;
		font-style:italic;
		margin-top: 100px;
		margin-bottom: 50px;
	}
	.story-disclaimer
	{
		font-size:23px;
		color:#858585;
		font-weight: bold;
		line-height: 25px;
	}
	.story-right-material
	{
		display: none;
	}
}
@media (min-aspect-ratio:4/3) /*width longer than height (larger than 1+)*/
{
	.story-header-container
	{
		width:85%;
		position:relative;
		left:15%;
	}
	.story-header-container .story-topics-list a:visited, .story-header-container .story-topics-list a
	{
		color:#949494;
		font-weight: bold;
	}
	.story-header-container .story-writing-details a:visited
	{
		color:#6b6b6b;
	}
	.story-topics-list
	{
		font-weight: bold;
		font-size: 18px;
		line-height: 40px;
		position: relative;
		left:5%;
		width:95%;
	}
	.story-title
	{
		font-weight: bold;
		font-size: 50px;
		width:80%;
	}
	.story-author
	{
		font-weight: bold;
	}
	.story-writing-details
	{
		color:#6b6b6b;
		font-stretch: condensed;
		font-size: 20px;
	}
	.story-writing-details-text
	{
		display:inline-block;
		width:30%;
	}
	.story-social-media-icon
	{
		display:inline-block;
		margin-left:10px;
	}
	.story-social-media-icon-button
	{
		width:40px;
	}
	.story-body-container
	{
		position:relative;
		left:15%;
		width:55%;
		display:inline-block;
	}
	.story-body-image
	{
		max-width:100%;
		margin-top: 50px;
	}
	.story-image-caption
	{
		font-size:20px;
		font-weight: bold;
		margin-bottom: 50px;
	}
	.story-body-text
	{
		text-align: justify;
		font-size:20px;
		line-height: 30px;
		color:#212121;
		margin-bottom: 30px;
	}
	.story-subsection-title
	{
		font-size:35px;
		font-weight:bold;
		font-style:italic;
		margin-top: 70px;
		margin-bottom: 35px;
	}
	/*This is stuff related to stuff to the right*/
	.story-right-material
	{
		width:28%;
		float:right;
		display:flex;
		flex-direction: column;
		margin-top: 200px;
	}
	.story-right-ontopic
	{
		margin-bottom: 100px;
		order:1;
	}
	.story-right-ontopic-title
	{
		font-weight: bold;
		font-style:italic;
		font-size:28px;
		color:#6b6b6b;
	}
	.story-right-ontopic-article-container
	{
		width:90%;
		border:2px solid #6b6b6b;
		background-color: #d1d1d1;
	}
	.story-right-ontopic-article
	{
		width:98%;
		margin:auto;
		border: 1px solid #6b6b6b;
		background-color: #c1c1c1;
		margin-top: 5px;
		margin-bottom: 5px;
		font-size:22px;
		font-weight: bold;
		font-stretch: condensed;
		color:black;
	}
	.story-right-ontopic-article a, .story-right-ontopic-article a:visited
	{
		color:black
	}
	.story-right-ad-container
	{
		position:relative;
		width:95%;
		text-align: center;
		margin-bottom: 400px;
		order:2;
	}
	.ad-image
	{
		width:100%;
		border: 3px solid #000000;
	}
}