/*
Theme Name: BSX-Unified-1-X
Theme URI: https://www.beisance.com/
Author: Beisance | Intelix
Author URI: https://www.beisance.com/intelix/
Github Theme URI: https://github.com/Olanrewaju
Description: Full Custom Theme for Beisance's Unified Assets
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom theme, beisance, intelix
Text Domain: BSX-U-1-X
*/

/*START Classes */
.highlight{color: #ffffff; background-color:#cccccc;}
.youtube-player {text-align: center}
/*END Classes */

* {margin:0; padding:0; list-style: none;}
*:focus {outline: none;} /* removing Chrome’s automatic border around active fields */

html{
	font-size: calc(1em + 1vw);
}

body{
	position: relative;
	margin: 0px;
	height: 100%;
	min-height: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	line-height: 1.6;
	word-spacing: 1px;
	font-kerning: normal;
	text-align: center;
	vertical-align: top;
	color: #33302e;
	background: #fff1e5;
}
	@media (prefers-color-scheme: dark){
		body{
			background: #202125;
			color: #e6e6e6;
		}
	}
p{
	margin: 0 0 18px 0;
}
h2{
	padding: 0 0 15px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
}
h3{
	padding: 0 0 10px 0;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1em;
}
h4{
	padding: 0 0 10px 0;
	font-size: 0.9em;
	font-weight: normal;
	color: #4d4d4d;
}
	@media screen and (max-width: 849px){
		h2{
			font-size: 1em;
		}	
	}	
	@media (prefers-color-scheme: dark){
		h1, h2, h3, h4{
			color: #aaccff;
		}
	}
blockquote{
	margin: 0 auto 10px auto;
	width: 95%;
	border-left: 5px solid #e6e6e6;
	padding: 5px 5px 5px 15px;
	display: block;
}
blockquote p{
	margin: 0;
}	
img{
	border-style:none;
}  
a:link{
	color: #ff6600;
	text-decoration: none;
}
a:visited{
	color: #ff6600;
	text-decoration: none;
}
a:hover{
	color: #5599ff;
	text-decoration: none;
}
	@media (prefers-color-scheme: dark){
		a:link{
			color: #ffffff;
		}
		a:visited{
			color: #ffffff;
		}
		a:hover{
			color: #cccccc;
		}
	}
/*START socket */
#socket-main{
	position: relative;
	width: 100%;
	height: 100%;
}
	.sm, .sm-single{
		margin: 80px 0 0 0;
	}
	/* socket-main-content */
	.smc-frontpage{
		position: relative;
		margin: 0 auto 0 auto;
		width: 100%;
		overflow: hidden;
	}
	.smc-frontpage-no-focus-or-highlights{
		margin: -8px auto 0 auto;
	}
	/* overall scaling for single page body */
	.smc-single{
		position: relative;
		margin: 0 auto 0 auto;
		overflow: hidden;
	}
	.smc-recent{
		position: relative;
		margin: 0 auto 0 auto;
		width: 100%;
		background: #f2dfce;
		overflow: hidden;
	}
	/* stack-wrapper */
	.sw-latest{
		margin: 0 auto 0 auto;
	}	
		/* feeds */
		/* socket-main-content-slice-1 */
		/* overall scaling */
		.smcs1{
			margin: 10px auto 0 auto;
			width: 80%;
			max-width: 1250px;
			overflow: hidden;
		}
			/* focus */
			.smcs1-s1{	
				float: left;
			}
			/* highlights */
			.smcs1-s2{
				width: 100%;
				float: left;
			}
		/* socket-main-content-slice-2 */	
		/* Page */
		.smcp{
			margin: 0 auto 0 auto;
			width: 60%;
			max-width: 1045px;
			overflow: hidden;
		}
		/* latest */
		 .smcs2{
			margin: 10px auto 0 auto; 
			width: 100%;
			padding-top: 10px;
			background: #f2dfce;
		 }
		 .smcs2-search-page{
			margin: 0 auto 0 auto; 
			background: #f2dfce;
		 }
		 	/* socket-main-content-slice-2-content */
			/* overall scaling */ 
		 	.smcs2c{
				margin: 0 auto 0 auto; 
				width: 80%;
				max-width: 1250px;
			 }
			 	/* socket-header-stack-delimiter */
			 	#socket-header-stack-delimiter{
					 margin: 10px 0 15px 0;
				 }
				.shsd-1{
					height: 10px;
					width: 33.3%;
					background: #000000;
					float: left;
				}
				.shsd-2{
					height: 10px;
					width: 33.3%;
					background: #cccccc;
					float: left;
				}
				.shsd-3{
					height: 10px;
					width: 33.3%;
					background: #000000;
					float: left;
				}
				/* socket-header-stack-delimiter page */
				.shsdp{
					margin: 90px auto 0 auto;
					height: 10px;
					width: 100%;
					max-width: 1250px;
					background: #000000;
				}
				/* socket-header-stack-delimiter single */
				.shsds{
					position: relative;
					margin: 10px auto 0 auto;
					height: 10px;
					width: 80%;
					max-width: 1250px;
					background: #000000;
				}
		 .smcs2-single{			 
			margin: 0 auto 0 auto;
			width: 60%;
			max-width: 1045px;
		 }
			#socket-header{
				width: 100%;
				text-align: left;
				font-family: 'Quantico', sans-serif;
				font-size: 1.2em;
				line-height: 1.2em;
			}
				.sh-focus{
					margin-top: 5px;
					color: #ff6600;
				}
				.sh-highlights{
					margin-top: 5px;
					color: #ff6600;
				}
				.sh-latest{
					margin: 5px 20px 5px 20px;
					max-width: 1250px;
					color: #5599ff;
				}
				.sh-latest-2{
					margin: 5px 20px 5px 0;
					max-width: 1250px;
					color: #5599ff;
				}
				.sh-page{
					margin: 15px 0 10px 0;
					color: #5599ff;
					font-size: 1.2em;
				}
				/* content enclosure focus */
				.ceea{
					margin-top: 10px;
					padding: 10px 20px 20px 20px;
					height: 100%;
					background: #f2dfce;
					overflow: hidden;
				}
		@media screen and (max-width: 849px){
			#socket-main{
				font-size: 1em;
			}
			.shsdp{
				width: 100%;
			}
			.smcp{
				width: 100%;
			}
				.smcpc{
					margin: 0 auto 0 auto;
					width: 90%;
				}
			#socket-header{
				margin-top: 10px;
				font-size: 1.1em;	
			}	
			.sh-latest{
				margin: 5px 20px 5px 0;
			}
			.smcs1{
				width: 90%;
			}
			/* focus bsx */
			.ceea{
				margin-top: 0;
				padding: 0;
				height: 100%;
				background: none;
				overflow: hidden;
			}
			.smcs1-s1{
				margin: 0 auto 0 auto;
				width: 100%;
				border-top: 10px solid #000000;
			}
			/* highlights */
			.smcs1-s2{
				width: 100%;
				min-width: 100%;
			}	
			.smcs2-single{
				width: 90%;
			}	
			.sw-highlights{
				margin: 10px auto 0 auto;
				width: 100%;
				float: none;
			}
			.smcs2{
				margin: 0 0 0 0;
			}
			.smcs2c{
				width: 90%;
			}
			.shsds{
				width: 90%;;
			}	
			.shsd-2{
				background: #000000;
			}
		}
		@media screen and (min-width: 850px){
			/* focus */
			.smcs1-s1{
				width: 66%;
				max-width: 825px;
				border-top: 10px solid #000000;
				padding-top: 10px;
				float: left;
			}
			/* highlights */
			.smcs1-s2{
				width: 34%;
				max-width: 425px;
				border-top: 10px solid #cccccc;
				float: right;
			}
			.sw-focus{
				padding: 0 20px 10px 20px;
			}
			.sw-highlights{
				padding: 10px 20px 10px 20px;
			}
		}		
		@media (prefers-color-scheme: dark){
			#socket-main{
				background: #202125;
			}	
			.smcp{
				background: #333333;
			}
			.smc-recent{
				background: #333333;
			}
			.smcs1-s1{
				border-top: 10px solid #333333;
			}
			.smcs1-s2{
				border-top: 10px solid #4a4a4a;
			}
			.smcs2{
				background: #333333;
			 }
			 .ceea{
				 background: #333333;
			 }
			.island{
				background: #313236;
			}
			.shsds{
				background: #333333;
			}
			.shsdp{
				background: #434343;
			}
			.shsd-1{
				background: #434343;
			}
			.shsd-2{
				background: #434343;
			}
			.shsd-3{
				background: #434343;
			}
			.sh-focus a:link{
				color: #5599ff;
			}
			.sh-focus a:visited{
				color: #5599ff;
			}
			.sh-highlights a:link{
				color: #5599ff;
			}
			.sh-highlights a:visited{
				color: #5599ff;
			}
		}
		@media screen and (max-width: 849px) and (prefers-color-scheme: dark){
			.ceea{
				background: none;
			}
		}		
		@media screen and (min-width: 850px) and (prefers-color-scheme: dark){
			.smcs2{
				background: #333333;
			}
		}	
/*END socket */
/*START mobile menu */	
#topnav-mobile-menu{
	position: absolute;
	right: -100vh;
	top: 0;
	height: 100vh;
	display: block;
	background: #fff1e5;
	z-index: 10;
}
/*topnav menu mobile*/	
	#topnav-mobile-container{
		width: 100%;
		height: auto;
	}
	#topnav-mobile-container-content{
		margin: 0 auto 0 auto;
		width: 100%;
		text-align: left;
	}
	#topnav-mobile{
		margin: 9px auto 0 auto;
		width: 90%;
		border-top: 10px solid #000000;
	}
		#topnav-mobile ul{
			margin-bottom: 1px;
		}
		#topnav-mobile li{
			padding: 10px 0 10px 0;
			border-bottom: 1px solid #ffccaa;
		}
		/* no border-bottom for penultimate li item, as search box is last [custom li item] */
		#topnav-mobile li:nth-last-child(2){
			border-bottom: none;
		}
	/* mobile-header */
	.mh{
		width: 100%;
		height: 80px;
		border-bottom: 1px solid #ccc1b7;
		overflow: hidden;
	}
		/* mobile-header-content */
		.mhc{
			margin: 0 auto 0 auto;
			width: 90%;
		}
	/* mobile-logo */
	.ml{
		float: left;
	}
		.ml img{
			margin: 10px 0 0 0;
		}
	/* mobile-menu-button-close */
	.mmbc{
		float: right;
	}
		.mmbc img{
			margin: 10px 35px 0 0;
		}
		@media screen and (max-width: 700px){
				.tnmcc{
					font-size: 0.9em;
				}
				.mmbc img{
					margin: 10px 0 0 0;
				}
				/* other standard mobile menu items */
				.smi li a:link{
					display: block;
					color: #4d4d4d;
					text-decoration: none;
				}
				.smi li a:visited{
					display: block;
					color: #4d4d4d;
					text-decoration: none;
				}
				/* mobile menu focus li styling */
				.smi li:nth-child(2) a:link{
					color: #ff6600;
				}
				.smi li:nth-child(2) a:visited{
					color: #ff6600;
				}
		}
		@media screen and (max-width: 899px) and (min-width: 701px){
			.mmbc img{
				margin: 10px 15px 0 0;
			}
		}
		@media screen and (min-width: 701px){
				.tnmcc{
					font-size: 0.8em;
				}
				/* other standard mobile menu items */
				.smi li a:link{
					display: block;
					color: #4d4d4d;
					text-decoration: none;
				}
				.smi li a:visited{
					display: block;
					color: #4d4d4d;
					text-decoration: none;
				}	
		}	
	/* start topnav mobile menu div widths */
	@media screen and (max-width: 1099px){
		/* don't show the last search li of topnav */
		.searchMenuOpen{
			display: none;
		}
	}
	@media screen and (max-width: 700px){
		.tmm{
			width: 100%;
		}
	}
	@media screen and (max-width: 1100px) and (min-width: 701px){
		.tmm{
			width: 40%;
		}
	}
	
	@media screen and (min-width:1100px){
		.tmm-d, .tmmb-d{
			display: none;
		}
	}	
	@media (prefers-color-scheme: dark){
		#topnav-mobile{
			border-top: 10px solid #434343;
		}
			#topnav-mobile li{
				border-bottom: 1px solid #434343;
			}
		#topnav-mobile-menu{
			background: #333333;
		}
		.mh{
			border-bottom: 1px solid #4d4d4d;
			background: #202125;
		}
		.smi li a:link{
			color: #e6e6e6;
		}
		.smi li a:visited{
			color: #e6e6e6;
		}
	}	
/* header-container-background */
.hcb{
	position: fixed;
	top: 0;
	width: 100%;
	height: 80px;
	z-index: 6;
}
	.hcb-content{
		position: relative;
		margin: 0 auto 0 auto;
		width: 90%;
		height: 80px;
		max-width: 1250px;
	}
/*START Topnav */
#header-container{
	position: fixed;
	top: 0;
	width: 100%;
	height: 80px;
	background: #fff1e5;
	border-bottom: 1px solid #ccc1b7;
	clear: both;
	z-index: 9;
}
	@media (prefers-color-scheme: dark){
		#header-container{
			background: #202125;
			border-bottom: 1px solid #4d4d4d;
		}	
	}
	#header-container-content{
		position: relative;
		margin: 0 auto 0 auto;
		width: 90%;
		max-width: 1250px;
		overflow: hidden;
		padding: 10px 0 10px 0;
		z-index: 10;
	}
		#topnav-menu-button{
			position: relative;
			height: 60px;
			float: right;
			z-index: 9;
		}
			/* do not delete the media query below */		
			@media screen and (min-width: 1100px){
				.tnmb-m{
					display: none;
				}
			}	
		/*topnav menu only*/
		#logo{
			position: relative;
			width: 96px;
			height: 60px;
			float: left;
			z-index: 9;
		}
		#topnav{
			position: absolute;
			top: 11px;
			left: 96px;
			max-width: 1470px;
			height: 45px;
			font-weight: normal;
			font-size: 0.9em;
			text-transform: uppercase;
			padding: 15px 0 0 20px;
			float: left;
		}
			/* Top Menu */
			#topnav li:nth-child(2) a:link{
				color: #ff6600;
			}
			#topnav li:nth-child(2) a:visited{
				color: #ff6600;
			}
			#topnav li:nth-child(2) a:hover{
				color: #5599ff;
			}
			#topnav ul{
				margin: 0;
				width: 100%;
				height: 100%;
			}
			#topnav li{
				display: inline-block;
				line-height: 21px;
				height: 21px;
			}
			#topnav li a:link{
				display: block;
				color: #000000;
				padding: 0 0.7em 0 0;
			}
			#topnav li a:visited{
				display: block;
				color: #000000;
				padding: 0 0.7em 0 0;
			}
			#topnav ul li a:hover{
				display: block;
				color: #5599ff;
				text-decoration: none;
				padding: 0 0.7em 0 0;
			}
				@media (prefers-color-scheme: dark){
					#topnav li a:link{
						color: #e6e6e6;
					}
					#topnav li a:visited{
						color: #e6e6e6;
					}
				}	
		@media screen and (max-width: 1099px){
			#topnav{
				display: none;
			}
		}		
		@media (prefers-color-scheme: dark){
			#topnav li a:link{
				color: #ececec;
			}
			#topnav li a:visited{
				color: #ececec;
			}
		}
		/*search for desktop*/
		@media screen and (min-width: 1100px){
			#search-desktop{
				position: relative;
				margin: 10px 0 0 120px;
				height: 40px;
				width: 715px;
				border: 1px solid #ffccaa;
				display: none;
			}
				#search-menu-close{
					margin: -10px 10px 0 10px;
					width: 22px;
					float: right;
				}	
				#search-form-desktop{
					height: 40px;
					text-align: center;
					display: inline-block;
				}
				#search-submit-desktop{
					position: relative;
					margin: 0 0 0 10px;
					height: 40px;
					width: 22px;
					float: right;
				}
				#search-box-desktop{
					position: relative;
					margin: 1px 0 0 0;
 					width: 597px;
					height: 36px;
					padding: 0 20px 0 20px;
					color: #000000;
					border: 1px solid #fff1ef;
					background: none;
					float: right;
				}
					#search-box-desktop::placeholder{
						color: #b3b3b3;
						font-size: 1.2em;
					}
		}			
		/*search for mobile*/	
		@media screen and (max-width: 700px){
			/* do not display topnav search */
			.tns{
				display: none;
			}
			#search-mobile{
				margin: 0 auto 0 auto;
				width: 90%;
				height: 40px;
				padding: 0 1px 0 1px;
				border: 1px solid #ffccaa;
			}
			#search-form-mobile{
				height: 100%;
				width: 100%;
			}
			#search-container{
				padding-right: 40px;
			}
			#search-submit-mobile{
				position: relative;
				margin: 0 -33px 0 0;
				height: 40px;
				width: 22px;
				float: right;
			}
			#search-box-mobile{
				margin: 0 auto 0 auto;
				width: 100%;
				height: 29px;
				padding: 5px 30px 5px 10px;
				border: none;
				background: none;
				float: left;
			}
				#search-box-mobile::placeholder{
					color: #4d4d4d;
					font-size: 1.2em;
				}
		}	
		@media screen and (max-width: 1099px) and (min-width: 701px){
			/* do not display topnav search */
			.tns{
				display: none;
			}
			#search-mobile{
				margin: 0 auto 0 auto;
				width: 90%;
				height: 40px;
				padding: 0 1px 0 1px;
				border: 1px solid #ffccaa;
			}
			#search-form-mobile{
				height: 100%;
				width: 100%;
			}
			#search-container{
				padding-right: 40px;
			}
			#search-submit-mobile{
				position: relative;
				margin: 0 -33px 0 0;
				height: 40px;
				width: 22px;
				float: right;
			}
			#search-box-mobile{
				margin: 0 auto 0 auto;
				width: 100%;
				height: 29px;
				padding: 5px 30px 5px 10px;
				border: none;
				background: none;
				float: left;
			}
				#search-box-mobile::placeholder{
					color: #b3b3b3;
				}
		}		
		@media (prefers-color-scheme: dark){
			#search-submit{
				background: none;
			}
			#search-desktop, #search-mobile{
				color: #e6e6e6;
				border: 1px solid #4d4d4d;		
			}
			#search-box-desktop{
				color: #e6e6e6;
				border: none;
				background: none;
			}
			#search-box-mobile{
				color: #e6e6e6;
				background: none;
			}
			#search-box-desktop::placeholder{
				color: #e6e6e6;
			}
			#search-box-mobile::placeholder{
				color: #e6e6e6;
			}
		}
/*END Header */
/*START main-showcase */
#main-showcase{
	position: relative;
	height: auto;
	z-index: 2;
}
	#main-showcase-content{
		margin: 0 auto 0 auto;
		position: relative;
		height: 100%;
		width: auto;
		max-width: 1920px;
		overflow: hidden;
	}
		#main-showcase-content img{
			width: 100%;
			height: auto;
			display: block;
		}
		@media (prefers-color-scheme: dark){
			#main-showcase-content{
				background: #202125;
			}
			#main-showcase-content img{
				opacity: 0.8;
			}
		}
	#picture-showcase{
		max-height: 1px;
	}
/*END main-showcase */
/*START page-showcase */
#page-showcase{
	position: relative;
	margin-top: 5px;
	width: 100%;
	height: auto;
	z-index: 5;
}
	#page-showcase-content{
		position: relative;
		margin: 0 auto 0 auto;
		max-width: 1045px;
		overflow: hidden;
	}
		#page-showcase-content img{
			width: 100%;
			height: auto;
			display: block;
			border: 1px solid #e6e6e6;
		}
		@media (prefers-color-scheme: dark){
			#page-showcase-content{
				background: #202125;
			}
			#page-showcase-content img{
				opacity: 0.8;
			}
		}
/*END page-showcase */
/*START overlays */
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	cursor: pointer;
	display: none;
	background: #202125;
	z-index: 7;
}
/*END overlays */
/*START playlist */
.wp-playlist{
	margin: 0 0 10px 0!important;
	border: 1px solid #ff6600!important;
}
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body{
	background: #808080!important;
}
.wp-playlist-light{
	background: #ffeeaa!important;
}
/*END playlist */
/*START page-title-nav */
#page-title-nav{
	position: relative;	
	width: 100%;
	clear: both;
	z-index: 6;
}
	#page-title-nav-content{
		position: relative;
		margin: 0 auto 0 auto;
		width: 100%;
		max-width: 1250px;
		height: 100%;
		min-height: 60px;
		font-family: 'Roboto', sans-serif;
		text-align: left;
	}			
		.ptnc{
			width: 100%;
			max-width: 1250px;
		}
		.ptnc-front-page{
			width: 100%;
			max-width: 100%;
		}	
		/* page title values */
		.ptl-front-page{
			width: 100%;
		}
		.ptlc-front-page{
			margin: 0 auto 0 auto;
			padding-bottom: 10px;
		}
		.ptlc{
			position: relative;
			margin: 0 auto 0 auto;
			width: 100%;
			max-width: 1250px;
			height: auto;
			color: #999999;
			font-size: 2em;
			font-weight: bold;
			line-height: 40px;
			font-family: 'Roboto', sans-serif;
			padding-top: 10px;
			
		}
			@media (prefers-color-scheme: dark){
				.ptlc{
					color: #999999;
				}
			}
#spacer-1{
	margin: 10px 0 10px 0;
	position: relative;
	width: 100%;
	height: 1px;
	z-index: 4;
	background: #b3b3b3;
	clear: both;
}
#spacer-2{
	position: relative;
	width: 100%;
	z-index: 4;
}
#spacer-3{
	position: relative;
	margin: 7px 0 10px 0;
	width: 100%;
	height: 1px;
	background: #cccccc;
	z-index: 4;
}
#spacer-4{
	position: relative;
	margin: 7px 0 0 0;
	width: 100%;
	height: 1px;
	background: #ffccaa;
	z-index: 4;
}
#spacer-5{
	height: 1px !important;
}
#spacer-6{
	width: 100%;
	height: 1px;
	background: #cccccc;
}
#spacer-7{
	position: relative;
	width: 100%;
	height: 1px;
	z-index: 4;
	background: #cccccc;
	clear: both;
}
	@media (prefers-color-scheme: dark){
		#spacer-1, #spacer-2, #spacer-3, #spacer-6, #spacer-7{
			background: #333333;
		}
	}	
#spacer-8{
	position: relative;
	width: 100%;
	height: 10px;
	z-index: 4;
	clear: both;
}	
/*START Post Stacks */
#each-post-news-stack ol li{
	margin: 0 0 10px 40px;
	list-style-type: decimal;
}
#each-post-news-stack ol ol li{
	margin: 10px 0 10px 20px;
	list-style-type: decimal;
}
#each-post-content ul li, #each-post-news-stack ul li, #sitemap-stack-content ul li{
	margin: 10px 0 10px 35px;
	list-style-image:url('img/icon-orange-bullet-point.png');
}
#each-post-content ul ul li, #sitemap-stack-content ul ul li{
	/* margin: 10px 0 0 0; */
	list-style-image:url('img/icon-teal-bullet-point.png');
}		
@media screen and (max-width:491px){
	.wrp-m{
		text-align: left;
	}
}
@media screen and (min-width:492px){
	.wrp-m{
		text-align: left;
	}
}
@media screen and (min-width: 1025px){
	.wrp-d{
		text-align: left;
	}
}
#custom-content{
	width: 100%;
}
	.custom-content-header{
		margin: 5px auto 0 0;
	}
	.custom-content-footer{
		margin: 0 auto 0 auto;
	}
	#custom-content-content{
		width: 100%;
		max-width: 1250px;
		text-align: left;
		overflow: hidden;
	}
	#custom-content-content h2{
		width: 100%;
		/* do not delete the padding setting below */
		padding: 0 0 13px 0;
	}	
	.four-oh-four{
		font-size: 1em;
	}
	@media screen and (min-width: 1025px){
		.custom-content-header{
			margin: 5px auto 0 20px;
		}
	}	
/*END  Post Stacks */
/*START loop */
#each-post-news-stack{
	text-align: left;
}
	.epns{
		max-width: 1250px;
		padding: 0 20px 0 20px;
	}
	.epns-single{
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}
	.epns-page{
		margin: 0 auto 0 auto;
		padding: 0 0 0 0;
	}
/* each-post-news-stack-content */
	.epnsc-focus{
		height: auto;
		width: 100%;
	}
	.epnsc-highlights{
		margin-top: 5px;
		width: 100%;
		height: auto;
	}
	.epnsc-latest{
		margin: 5px 0 10px 0;
		width: 100%;
		padding-bottom: 10px;
		overflow: hidden;
	}	
	/* each-post-news-stack-1 */
	#each-post-title{
		position: relative;
		font-weight: bold;
		text-align: left;
	}
		#each-post-title a:link{
			color: #000000;
		}
		#each-post-title a:visited{
			color: #000000;
		}
		#each-post-title a:hover{
			color: #999999;
			text-decoration: none;
		}
		/* start spans */
		.epts-focus{
			margin: 0 auto 0 auto;
			width: 100%;
		}
		.epts-highlights{
			margin: 0 auto 0 auto;
			width: 100%;
			font-size: 0.9em;
			line-height: 30px;
		}
		.epts-latest{
			margin: 0 auto 0 auto;
			width: 100%;
			font-size: 1.2em;
			line-height: 30px;
		}
		.epts-single{
			margin: 0 auto 0 auto;
			width: 100%;
			max-width: 1045px;
			color: #000000;
		}
		@media screen and (max-width: 849px){
			.epns{
				padding: 0;
			}
			.epts-focus{
				font-size: 1em;
				line-height: 25px;
			}
			.epts-highlights{
				font-size: 1em;
				line-height: 25px;
			}
			.epts-latest{
				font-size: 1em;
				line-height: 25px;
			}
			.epts-single{
				margin-top: 10px;
				font-size: 1em;
				line-height: 25px;
			}
		}
		@media screen and (min-width: 850px){
			.epts-focus{
				font-size: 1.2em;
				font-weight: bold;
			}
			.epts-highlights{
				font-size: 1em;
				font-weight: bold;
			}
			.epts-latest{
				font-size: 1.2em;
			}
			.epts-single{
				font-size: 1.2em;
			}
		}	
		/* end spans */
		@media (prefers-color-scheme: dark){
			#each-post-title{
				color: #e6e6e6;
			}
			#each-post-title a:link{
				color: #e6e6e6;
			}
			#each-post-title a:visited{
				color: #e6e6e6;
			}
		}
	#each-post-author-date-time{
		position: relative;
		overflow: hidden;
	}
		.epadt-frontpage{
			margin-top: 10px auto 0 auto;
			width: 100%;
			max-width: 430px;
		}
		.epadt-single{
			margin: 5px auto 0 auto;
			width: 100%;
			max-width: 1045px;
		}
		#each-post-author{
			float: left;
		}
			.epa-frontpage{
				color: #ff6600;	
			}
			.epa-single{
				color: #ff6600;
			}
			@media (prefers-color-scheme: dark){
				#each-post-author{
					color: #ff6600;
				}
			}
		#each-post-date-time{
			margin: 0 0 0 5px;
			float: left;
		}
			.epdt-frontpage{
				color: #999999;	
			}
			.epdt-single{
				color: #4d4d4d;
			}
				.epdt-twitter{
					margin-left: 5px; 
				}
					.epdt-twitter a:link{
						color: #4d4d4d;
					}
					.epdt-twitter a:visited{
						color: #4d4d4d;
					}
					.epdt-twitter a:hover{
						color: #00aa00;
						text-decoration: none;
					}
				.epdt-slash{
					margin: 0 10px 0 10px;
					color: #00d400;
				}	
			@media screen and (max-width: 850px){
					.epadt{
						margin: 10px 0 10px 0;
						font-size: 1em;
						line-height: 20px;
					}
					.epa-frontpage{
						font-size: 0.7em;
					}
					#each-post-date-time{
						font-size: 0.7em;
					}
			}
			@media screen and (max-width: 1099px) and (min-width: 850px){
					.epadt{
						font-size: 0.6em;
					}
			}			
			@media screen and (min-width: 1100px){
					.epadt{
						font-size: 0.7em;
					}
			}	
			@media (prefers-color-scheme: dark){
				#each-post-date-time{
					color: #ccaaff;
				}
				.epdt-twitter a:link{
					color: #e6e6e6;
				}
				.epdt-twitter a:visited{
					color: #e6e6e6;
				}
				.epdt-twitter a:hover{
					color: #00aa00;
				}
			}
	#each-post-excerpt{
		position: relative;
		margin: -5px auto 10px auto;
		padding-bottom: 3px;
		width: 100%;
		max-width: 1250px;
		color: #4d4d4d;
		font-size: 0.9em;
		line-height: 30px;
		text-align: left;
	}
		#each-post-excerpt a:link{
			color: #999999;
		}
		#each-post-excerpt a:visited{
			color: #999999;
		}
		#each-post-excerpt a:hover{
			color: #000000;
			text-decoration: none;
		}
		@media screen and (max-width: 1100px) and (min-width: 850px){
			#each-post-excerpt{
				font-size: 0.75em;
			}
		}
		@media (prefers-color-scheme: dark){
			#each-post-excerpt{
				color: #ffffff;
			}
		}
	#each-post-excerpt-single ol{	
		margin: 0 0 30px 0;
	}	
	#post-categories{
		font-size: 1.2em;
		color: #5599ff;
		line-height: 1em;
	}
		#post-categories-socket-front-page-feed{
			position: relative;
			margin: 10px auto 10px auto;
			width: 100%;
			max-width: 1250px;
		}
		#post-categories a:link{
				color: #2c5aa0;
		}
		#post-categories a:visited{
			color: #2c5aa0;
			text-decoration: none;
		}
		.pc-single{
			position: relative;
			margin: 0 auto 0 auto;
			width: 100%;
			max-width: 1045px;
			font-family: 'Quantico', sans-serif;
			font-size: 1.2em;
		}
			.pc-single-span{
				width: fit-content;
				width: -moz-fit-content; /* added this line for firefox compatibility */
				padding: 15px 0 10px 0; 
				display: block;
			}
		#post-categories-socket-front-page-feed{
			font-size: 0.7em;		
		}
		#post-categories-socket-front-page-feed > a:nth-child(1n){
			margin: 0 0 5px 0;
			color: #2a7fff;
			text-decoration: none;
			padding: 2px 8px 2px 8px;
			display: inline-block;
			border: 1px solid #e9c6af;
			list-style: none;
		}
			#post-categories-socket-front-page-feed > a:hover:nth-child(1n){
				color: #ffffff;
				background: #9955ff;
				border: 1px solid #9955ff;
			}	
		#post-categories-socket-front-page-feed > a:nth-child(2n){
			margin: 0 0 5px 0;
			color: #2c5aa0;
			text-decoration: none;
			padding: 2px 8px 2px 8px;
			display: inline-block;
			border: 1px solid #ffb380;
			list-style: none;
		}
			#post-categories-socket-front-page-feed > a:hover:nth-child(2n){
				border: 1px solid #4d4d4d;
				background: #4d4d4d;
			}
		#post-categories-socket-front-page-feed > a:nth-child(3n){
			margin: 0 0 5px 0;
			color: #4d4d4d;
			text-decoration: none;
			padding: 2px 8px 2px 8px;
			display: inline-block;
			border: 1px solid #5f8dd3;
			list-style: none;
		}
			#post-categories-socket-front-page-feed > a:hover:nth-child(3n){
				border: 1px solid #5f8dd3;
				background: #5f8dd3;
			}
		@media screen and (max-width: 850px){
			#post-categories{
				font-size: 1.1em;
			}
			#post-categories-socket-front-page-feed{
				font-size: 0.6em;
			}
			#post-categories-socket-front-page-feed{
				display: none;
			}
		}	
		@media (prefers-color-scheme: dark){
			#post-categories-socket-front-page-feed > a:link{
				opacity: 0.8;
			}
		}
			.post-categories li{
				display: inline-block;
			}
			@media (prefers-color-scheme: dark){
				.post-categories a:link{
					color: #ffffff;
					border: 1px solid #4d4d4d;
				}
				.post-categories a:visited{
					color: #ffffff;
					border: 1px solid #4d4d4d;
				}
				.post-categories a:hover{
					color: #ffffff;
					background: #808080;
					text-decoration: none;
				}
			}			
	#each-post-thumbnail{
		position: relative;
		width: 100%;
		height: auto;
	}
		.epthumb-standard img{
			width: 100%;
			height: auto;
			box-sizing: border-box;
			border: 1px solid #e6e6e6;
		}		
		.epthumb-recent img{
			margin-right: 1px;
		}
		.epthumb-frontpage-limit{
			max-width: 430px;
			max-height: 203px;
			overflow: hidden;
		}
			.epthumb-frontpage-limit img{
				max-width: 1920px;
				max-height: 1080px;
				overflow: hidden;
			}
		.epthumb-focus-limit{
			max-width: 780px;
			max-height: 420px;
			overflow: hidden;
		}
			.epthumb-focus-limit img{
				max-width: 1920px;
				max-height: 1080px;
				overflow: hidden;
			}
		.epthumb-frontpage{
			width: 430px;
			height: auto;
			float: left;
		}
		.epthumb-single{
			margin: 15px auto 5px auto;
			max-width: 1920px;
			height: auto;
		}
			.epthumb-single img{
				width: 100%;
				height: auto;
				display: block;
			}
		@media screen and (max-width: 849px){
			.pc-single-span{
				padding: 10px 0 0 0; 
			}	
			.epns-1-latest{
				width: 59%;
				float: left;
			}
			.epns-2-latest{
				display: none;
			}
			.epns-3-latest{
				width: 39%;
				float: right;
			}
		}	
		@media screen and (min-width: 850px){
			.epnsc-latest{
				width: 100%;
				text-align: center;
				display: flex;
				flex-direction: row;
				justify-content: space-evenly;
			}
			.epnsc-latest > div{
				width: calc(100%/3);
				display: inline-block;
				vertical-align: top;
				text-align: center;
				margin: 1px;
			}
			/* each-post-news-stack-1 */
			.epns-1-focus{
				width: 100%;
			}
			.epns-1-latest{
				box-sizing: border-box;
				float: left;
			}
			/* each-post-news-stack-2 */
			.epns-2-focus{
				width: 100%;
			}
			.epns-2-latest{
				box-sizing: border-box;
			}
			/* each-post-news-stack-2 */
			.epns-3-focus{
				width: 100%;
				display: block;
			}
			.epns-3-focus img{
				width: 100%;
				height: auto;
				display: block;
			}	
			.epns-3-latest{
				max-width: 363px;
				box-sizing: border-box;
			}	
		}	
		@media (prefers-color-scheme: dark){
			.epthumb-standard img{
				opacity: 0.7;
			}
			.epnsc-latest{
				border-bottom: 1px solid #434343;
			}
		}	
/* Other */	
	#each-post-content{
		position: relative;
		margin: 20px auto 25px auto;
		width: 100%;
		max-width: 1045px;
		font-size: 1em;
		text-align: left;
		overflow: hidden;
	}
		#each-post-content img{
			margin: 10px auto 10px auto;
			width: 100%;
			height: auto;
			box-sizing: border-box;
			border: 1px solid #e6e6e6;
			display: block;
		}
		@media (prefers-color-scheme: dark){
			#each-post-content img{
				opacity: 0.7;
			}
		}	
		.wp-block-image{
			margin-bottom: 5px!important;
		}
	#each-post-divider-trending{
		margin: 20px 0 20px 0;
		height: 5px;
		width: 100%;
		background: #00ead1;
	}
	#post-categories-search{
		width: 280px;
		padding: 0 10px 0 0;
	}
	#post-navigation{
		padding-bottom: 5px;
		font-size: 0.95em;
		text-align: center;
		clear: both;
	}		
	@media screen and (max-width: 850px){
		#each-post-content{
			margin: 5px auto 15px auto;
			font-size: 0.95em;
			line-height: 1.5em;
		}
	}
	@media screen and (max-width: 1099px){
		#post-navigation{
			font-size: 1em;
		}	
	}		
		/* START wp-pagenavi customisations */
		.wp-pagenavi {
			margin: 7px 0 10px 0;
			clear: both;
		}
		.wp-pagenavi a, .wp-pagenavi span {
			margin: 2px 3px 2px 3px;
			text-decoration: none;
			border: 1px solid #b3b3b3;
			padding: 3px 5px;
		}
		.wp-pagenavi a:hover, .wp-pagenavi span.current {
			border-color: #4d4d4d;
		}
		.wp-pagenavi span.current {
			font-weight: normal;
		}
		@media (prefers-color-scheme: dark){
			.wp-pagenavi a, .wp-pagenavi span {
				border: 1px solid #4d4d4d;
			}	
			.wp-pagenavi a:hover, .wp-pagenavi span.current {
				border-color: #4d4d4d;
			}
			#post-navigation{
				border-top: 1px solid #4d4d4d;
			}
		}
		/* END wp-pagenavi customisations */	
.news-stack-trending-active-sponsored{
	margin-top: 10px;
	width: 100%;
	float: left;
}
.active-stack{
	padding: 1px 3px 1px 3px;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	background: #FF0000;
	color: #ffffff;
}
.sponsored-stack{
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	padding: 1px 3px 1px 3px;
	background: #b380ff;
	color: #ffffff;
}
/* start socket-call-to-action */
.scta{
	width: 100%;
	padding: 8px 0 8px 0;
	border-top: 1px solid #cccccc;
}
	.sctac{
		margin: 0 auto 0 auto;
		width: 100%;
		max-width: 1250px;
	}
	.sctac a:link{
		width: 100%;
		color: #4d4d4d;
		font-size: 0.8em;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		box-sizing: border-box;
	}
	.sctac a:visited{
		color: #4d4d4d;
	}	
	.sctac a:hover{
		color: #ff5555;
	}
		@media (prefers-color-scheme: dark){
			.sctac a:link{
				color: #ffffff;
			}
			.sctac a:visited{
				color: #ffffff;
				}
			.sctac a:hover{
				color: #80b3ff;
			}
		}	
/* end socket-call-to-action */	
/* start podcast-subsscription */
.ps{
	margin-bottom: 10px;
}
/* end podcast-subsscription */
#the-content{
	margin: 10px 0 0 0;
}
	#the-content a:link{
		color: #000000;
		text-decoration: none;
	}
	#the-content a:visited{
		color: #000000;
	}
	#the-content a:hover{
		color: #000000;
	}
#no-post-message{
	width: 100%;
}	
	#no-post-message-content{
		margin: 0 auto 0 auto;
		padding: 10px 0 10px 0;
		width: 100%;
		max-width: 1250px;
		text-align: left;
	}
/*END loop */
/* START bread-nav */
#bread-nav{
	position: relative;
	width: 100%;
}
	#bread-nav-content{
		position: relative;
		margin: 10px auto 0 auto;
		width: 100%;
		max-width: 1250px;
		height: auto;
		min-height: 30px;
		font-size: 0.8em;
		font-weight: normal;
		text-align: left;
		overflow: hidden;
	}
		#bread-nav-content img{
			margin-top: 0;
			vertical-align: middle;
		}
		#bread-nav-home{
			position: relative;
			width: 22px;
			height: 22px;
			float: left;
		}
		#bread-nav-separator{
			position: relative;
			margin: 0 0 0 10px;
			width: 10px;
			height: 22px;
			float: left;
		}	
		#bread-nav-trail{
			position: relative;
			margin: 3px 0 0 2px;
			display: block;
			height: 100%;
			min-height: 22px;
			padding: 0 0 0 5px;
			text-align: left;
			line-height: 22px;
			float: left;
		}
			#bread-nav-trail a:link{
				display: inline-block;
				height: 22px;
				padding: 0 15px 0 0;
				margin: 0 5px 0 0;
				background-image: url('img/footer/bread-nav-separator.png');
				background-repeat: no-repeat;
				background-position: right top;
			}
/* END bread-nav */
/*START Contact Form 7 customizations */
.grey-text{
	margin: 15px 0 0 0;
	width: 100%; 
	max-width: 320px;
	color: #666666;
	padding: 5px 5px 5px 5px;
	border: 1px solid #b3b3b3;
	background: none;
}
	@media screen and (max-width:491px){
		.grey-text{
			width: 90%;
		}
	}
.text-area{
	margin: 15px 0 0 0;
	width: 100%; 
	max-width: 320px;
	color: #666666;
	padding: 5px 5px 5px 5px;
	border: 1px solid #b3b3b3;
	background: none;
}
	@media screen and (max-width:491px){
		.text-area{
			width: 90%;
		}
	}
.drop-down{
	width: 100%; 
	max-width: 320px;
	color: #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 0 0;
}
	@media screen and (max-width:491px){
		.drop-down{
			width: 90%;
		}
	}
.wpcf7-date{
	margin: 5px 0 0 0;
	width: 50%; 
	max-width: 160px;
	color: #666666;
	padding: 5px 5px 5px 5px;
	width: 130px;
	border: 1px solid #b3b3b3;
}	
.multi-box{
	width: 100%; 
	max-width: 320px;
	color: #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 0 0 0;
	border: 1px solid #b3b3b3;
}
	@media screen and (max-width:491px){
		.multi-box{
			width: 90%;
		}
	}
.wpcf7-section{
	padding-top: 8px;
	width: 100%;
	max-width: 493px;
	border-top: 1px solid #b3b3b3;
}	
#p2{
	margin: 0 0 15px 0;
}	
.send-button{
	margin-bottom: 15px;
	color: #666666;
	padding: 5px 10px 5px 10px;
	margin: 5px 0 0 0;
	border: 1px solid #b3b3b3;
	background: none;
}
::-webkit-file-upload-button{
	color: #666666;
	padding: 5px 10px 5px 10px;
	margin: 5px 0 0 0;
	border: 1px solid #b3b3b3;
	width: 100%; 
	max-width: 120px;
	background: none;
}
::-ms-browse{
	color: #666666;
	padding: 5px 10px 5px 10px;
	margin: 5px 0 0 0;
	border: 1px solid #b3b3b3;
	width: 100%; 
	max-width: 120px;
	background: none;
}
input[type="file"] {
    size: 5px;
}
.wpcf7 p{
	margin: 5px 0 20px 0;
	line-height: 20px;
}
div.wpcf7-form {
	margin: 5px 0 0 0;
	padding: 0;
}
.wpcf7-list-item {
	margin: 0 0 0 5px;
	padding: 0 0 0 0;
	display: block;
}
	@media (prefers-color-scheme: dark){
		.grey-text{
			color: #e6e6e6;
			border: 1px solid #4d4d4d;
			background: none;
		}
		.text-area{
			color: #ffffff;
			border: 1px solid #4d4d4d;
			background: none;
		}
		.send-button{
			color: #ffffff;
			border: 1px solid #4d4d4d;
			background: none;
		}
	}
/*END Contact Form 7 customizations */
/*START sitemap navigation menus */
#sitemap{
	width: 100%;
}
	#sitemap-content{
		margin: 0 auto 0 auto;
		max-width: 1250px;
		text-align: left;
	}
		#sitemap-stack-1{
			padding: 5px 10px 0 0;
			border-top: none;
			float: left;
		}
			#sitemap-stack-header-1{
				margin-top: 0px;
			}
		#sitemap-stack-2{
			padding: 5px 10px 0 0;
		}
		#sitemap-stack-3{
			padding: 5px 10px 0 0;
		}
		#sitemap-stack-4{
			padding: 5px 10px 0 0;
		}
		#sitemap-stack-5{
			padding: 5px 10px 0 0;
		}
		.smp-ssh{
			color: #000000;
		}
		.smp-ssc a:link{
			color: #4d4d4d;
		}
		.smp-ssc a:visited{
			color: #4d4d4d;
		}
		.smp-ssc a:hover{
			color: #b3b3b3;
		}
			@media (prefers-color-scheme: dark){
				.smp-ssh{
					color: #ffb380;
				}
			}
		.smp-hidden{
			visibility: hidden;
		}
		#sitemap-stack-content{
			margin-top: 5px;
		}
			#sitemap-stack-content ul ul{
				margin-left: 10px;
			}	
		@media screen and (max-width:491px){
			.smp-m{
				width: 100%;
				text-align: left;
			}
			.smp-m ul{
				padding-bottom: 2px;
			}
			.smp-ssh-m{
				margin-top: 5px; 
			}
		}
		@media screen and (min-width:492px){
			.smp-m{
				width: 20%;
				max-width: 123px;
				float: left;
			}
		}
		@media screen and (min-width: 1025px){
			.smp-d{
				min-width: 174px;
				width: 20%;
				float: left;
			}
		}
/*END sitemap navigation menus */
/*START downnav */
#downnav{
	position: relative;
	padding: 10px 0 5px 0;
	font-size: 0.7em;
	color: #f1fff2;
	background: #262a33;
}
	#downnav-content{
		margin: 0 auto 25px auto;
		width: 90%;
		max-width: 1250px;
		text-align: left;
	}
		#downnav-call-to-action{
			width: 100%;
			text-align: left;
			padding: 5px 0 5px 0;
		}
			#downnav-call-to-action a:link{
				text-decoration: none;
			}
		#downnav-menu{
			margin: 5px 0 10px 0;
			width: 100%;
			float: left;
			padding-bottom: 10px;
			border-bottom: 1px solid #f1fff2;
		}
			#downnav-menu ul{
				margin: 0;
				float: left;
			}
			#downnav-menu li{
				margin: 0!important;
				display: inline-block;
			}	
				#downnav-menu li a{
					margin-left: 0;
					padding: 0 9px 0 5px;
					border-right: 1px solid #f1fff2;
				}
				#downnav-menu li:first-child a{
					padding: 0 9px 0 0;
				}
				#downnav-menu li:last-child a{
					border-right: none;
				}
				#downnav a:link{
					color: #f1fff2;
				}
				#downnav a:visited{
					color: #f1fff2;
				}
				#downnav a:hover{
					color: #4d4d4d;
					text-decoration: none;
				}
			@media screen and (max-width: 849px){
				#downnav{
					font-size: 0.8em;
				}
			}
			@media screen and (max-width: 1099px){	
				#downnav-call-to-action{
					padding: 5px 0 10px 0;
					border-bottom: 1px solid #e6e6e6;
				}
				#downnav-menu{
					margin: 0 0 10px 0;
				}
				#downnav-menu ul{
					float: none;
				}
				#downnav-menu li{
					display: block;
				}
				#downnav-menu li a{
					width: 100%;
					display: block;
					padding: 7px 0 7px 0;
					border-right: none;
					border-bottom: 1px solid #e6e6e6;
				}
				#downnav-menu li:first-child a{
					padding: 7px 0 7px 0 ;
				}
				#downnav-menu li:last-child a{
					border-bottom: none;
				}
			}
		#downnav-copyright{
			width: 100%;
			font-size: 0.9em;
			text-align: left;
		}
	@media (prefers-color-scheme: dark){
		#downnav{
			color: #e6e6e6;
			background: #202125;
		}
		#downnav-menu{
			border-bottom: 1px solid #4d4d4d;
		}
		#downnav-menu li a{
			border-right: 1px solid #4d4d4d;
		}
		#downnav-call-to-action{
			border-bottom: 1px solid #4d4d4d;
		}
		#downnav-menu{
			border-bottom: 1px solid #4d4d4d;
		}
		#downnav a:link{
			color: #e6e6e6;
		}
		#downnav a:visited{
			color: #e6e6e6;
		}
		#downnav a:hover{
			color: #cccccc;
			text-decoration: none;
		}
		#downnav-menu li a:link{
			color: #e6e6e6;
		}
		#downnav li a:visited{
			color: #e6e6e6;
		}
		#downnav-call-to-action{
			border-right: none;
			border-bottom: 1px solid #4d4d4d;
		}
	}
	@media screen and (max-width: 1099px) and (prefers-color-scheme: dark){
		#downnav-menu li a{
			border-right: none;
			border-bottom: 1px solid #4d4d4d;
		}
	}	
/* END downnav */