img {border-radius: 7px;}
center {margin-left: 0 !important; margin-right: 0 !important;}
html {text-align: center;}

body.whitemode, body.whitemode td, body.whitemode tr {background: white; width: auto;}
body.whitemode, body.whitemode * {color: black !important;}

body.whitemode input {background: white !important; color: black !important;}

body.whitemode img[src*="homepage.gif"],
body.whitemode img[src*="SatanicMeditationBanner.gif"],
body.whitemode img[src*="Black_Sun_Bar-666.gif"],
body.whitemode img[src*="Search_Banner.gif"],
body.whitemode input[src*="Search_Banner.gif"],
body.whitemode img[src*="Black_Sun_Logo.gif"],
body.whitemode img[src*="666Home.gif"],
body.whitemode img[src*="HEADBANNER_2_HD.gif"],
body.whitemode img.caninvert3, body.whitemode .caninvert3 img
{
	filter: grayscale(0.7) brightness(3.5) invert(1) hue-rotate(180deg) saturate(3);
}
body.whitemode img[src*="whitepentagram.gif"],
body.whitemode img[src*="BAR.gif"],
body.whitemode img[src*="Star8.gif"],
body.whitemode img[src*="PentagramBar6.gif"],
body.whitemode img[src^="banner"][src$=".gif"],
body.whitemode img.caninvert, body.whitemode .caninvert img
{
	filter: brightness(1.2) invert(1) hue-rotate(180deg);
}
body.whitemode img[src*="Pentagram_Bar22.gif"],
body.whitemode img[src*="BlackBar.gif"],
body.whitemode img.caninvert2, body.whitemode .caninvert2 img
{
	filter: contrast(1.2) brightness(1.5) invert(1) hue-rotate(180deg);
}

body.whitemode a:link, body.whitemode a:link * {color: blue !important;}
body.whitemode a:visited, body.whitemode a:visited * {color: #551A8B !important; text-decoration: underline;}
body.whitemode a:hover, body.whitemode a:hover * {color: #E00 !important; text-decoration: underline;}

body.bigfont * {font-size: 24pt !important;}

.ui-bar {position: fixed; z-index: 10000; left: 10px; top: 10px; pointer-events: none; font-family: 'Verdana', serif; font-size: 16px !important;}
.ui-bar *, body.bigfont .ui-bar * {pointer-events:auto; font-size: 16px !important;}

body.topmenu .ui-bar {position: absolute;}
body.topmenu .ui-container.open .ui-bar {position: fixed;}

body.stickymenu .ui-header {position: fixed !important;}

.ui-bar > button {
	border-radius: 20px;
	line-height: 0;
	font-size: 22px !important;
	height: 36px;
	width: 36px;
	padding: 0;
	text-align: center;
	display: block;
	cursor: pointer;
	background: linear-gradient(to bottom, #822, #955);
	border: 2px solid #000C;
	box-shadow: 1px 1px 8px #A888;
	box-sizing: content-box;
	z-index: 1;
	position: relative;
}

.ui-bar input:active + label, .ui-bar input + label:active {
	color: #F88;
}


.ui-bar > button svg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

body.bigfont .ui-bar > button {font-size: 22px !important;}

.ui-bar > button:hover {
	background: linear-gradient(to bottom, #A22, #F55) !important;
}

.ui-bar > button:active {
	background: linear-gradient(to bottom, #A44, #F88) !important;
}

.ui-menu input, .ui-menu input + label { margin-bottom: 10px; cursor: pointer; }

.ui-bar > button + div {
	position: absolute;
	background: #111;
	color: #C33;
	padding: 8px 10px 8px 8px;
	white-space: pre;
	z-index: 1;
	width: 190px;
}

.ui-bar select {
	background: #000;
	border: 1px solid #400;
	color: #C33;
	margin-bottom: 5px;
	width: 100%;
	cursor: pointer;
	transition: border-color 0.1s;
	border-radius: 5px;
	font-size: 16px !important;
	font-family: Verdana,sans-serif;
	padding: 2px;
}

body.whitemode .ui-bar select {background: white;}

.ui-bar select:hover {background: #080808; border-color: #600;}

.ui-bar select:hover, .ui-bar input:hover + label, .ui-bar input + label:hover {
	color: red;
}

body.whitemode .ui-bar > button {
	background: linear-gradient(to bottom, #A55, #C77);
}

body.whitemode .ui-bar > button + div {
	background: #EEE;
}

.ui-bar > button[aria-pressed="true"] {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-color: #211;
	padding-bottom: 5px;
}

.ui-bar > button[aria-pressed="true"] + div {
	box-shadow: 0 0 5px #666;
	border-radius: 5px;
}
.ui-bar > button[aria-pressed="false"] + div {
	display: none;
}

.ui-cookienotice, body.bigfont .ui-cookienotice {
	padding-top: 5px;
	border-top: 1px solid #666;
	display: block;
	font-size: 13px !important;
	color: #777;
}

.ui-menutitle {
	display: block;
	border-bottom: 1px solid #A00;
	text-align: center;
	margin: -8px -10px 8px -8px;
	padding: 5px;
}

.ui-menu label {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

/* ---------------- Header Menu --------------- */

.ui-header {
	text-align:center;
	position: absolute; top: 0; left: 0px;
	width: 100%;
	padding: 0 0 0 0;
	box-sizing: border-box;
	background: linear-gradient(to bottom,#0C0C0C,#0C0C0C, #0C0C0C, #0C0C0C,#0E0E0E, #121212,#181818, #222, #000);
	box-shadow: 0 1px 9px #222; text-shadow: 0 0 3px #000;
	z-index: 9999;
}
.ui-header, .ui-header *, body.bigfont .ui-header, body.bigfont  .ui-header * {font-size: 16px !important; /*font-family: 'Verdanagh',serif !important;*/}

.ui-container.open .ui-header {
	display: block;
	position: fixed;
}

.ui-menubtn {
	text-decoration: none;
	color: #C00;
	text-shadow: 1px 1px 5px #600, 2px 2px 2px #000;
	border-left: 2px solid #000;
	box-shadow: -1px -2px 1px #2C2C2C;

	height: 100%;
	padding: 10px 24px 5px 24px;
	transition: box-shadow 0.13s;
	
	display: inline-block;
	background: none;
	cursor: pointer;
	line-height: normal;
	box-sizing: border-box;
	font-family: 'Verdana';
}

.ui-menubtn svg {filter: drop-shadow(2px 1px 1.5px #500) drop-shadow(2px 2px 2px #000); vertical-align: middle;}

.ui-menubtn path {fill: #C00;}

.ui-menubtn img {margin: -13px 0 0 47px;filter: drop-shadow(2px 2px 1.5px #000);cursor:pointer; opacity:0.78;}

.ui-menubtn:hover img {opacity:1;}
.ui-menubtn:active img {filter: grayscale(50%) brightness(1.7);}

.ui-menubtn:hover {
	background: linear-gradient(to bottom, #000A, #0000);
	text-shadow: 2px 2px 3px #800;
	box-shadow: 0px 1px 7px #F00 !important;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-image: 1px solid #0000;
	color: rgb(255, 0, 0);
	position: relative;
	z-index: 2;
	height: 97%;
}

.ui-menubtn:hover path {fill: #F00;}
.ui-menubtn:active path {fill: #F88;}

.ui-searchmenubtn {padding-right: 9px !important;}

.ui-searchcont input {
	font: 16px Verdana,sans-serif !important;
	background: linear-gradient(to top, #111, #000); border-radius: 3px; border: none; color: rgb(255, 0, 0); padding: 5px; font: 16px Verdana;
	border-bottom: 2px solid #900;
	width: 230px;
	transition: box-shadow 0.13s;
}

.ui-searchcont input:hover {
	box-shadow: 0px 0px 3px #F00 !important;
}


.ui-searchcont {display: inline-block;}

.ui-searchcont input:hover {border-color: #C00;}

body.whitemode .ui-header {
	background: linear-gradient(to bottom,#EEE,#EEE, #EEE, #EEE,#EEE, #E4E4E4,#E8E8E8, #FFF, #DDD);
	box-shadow: 0 1px 5px #999;
}
body.whitemode .ui-menubtn svg {filter: drop-shadow(2px 1px 1.5px #888); vertical-align: middle;}
body.whitemode .ui-menubtn svg path {fill: black;}
body.whitemode .ui-menubtn:active svg path {fill: #A00;}
body.whitemode .ui-menubtn:hover {background: linear-gradient(to bottom, #0004, #0000);}
body.whitemode .ui-homelink img {opacity:1; filter: grayscale(60%) drop-shadow(0 0 3px #888);}
body.whitemode .ui-homelink:active img {filter: grayscale(30%) drop-shadow(0 0 3px #888);}

.ui-homelink {margin-left:62px; padding-left: 17px;padding-right:20px;float:left; padding-bottom: 0;}

.ui-homelink img {margin-left:0;}

.ui-homelinkrb {
	float: left;
	display: inline-block;
	height: 51px;
	border-left: 2px solid #000;
	box-shadow: -1px -2px 1px #2C2C2C;
}

.ui-header.ishome .ui-homelink {visibility: hidden;}
.ui-header.ishome .ui-homelinkrb {display: none;}


@media screen and (max-width: 1300px) {
	.ui-homelinkrb {display:none;}
	.ui-header {text-align:left;}
}

/*@media screen and (max-width: 1070px) {*/
@media screen and (max-width: 1165px) {
	.ui-pagemenubtn {display:none;}
	
	.ui-container.open .ui-container {height: 65px}
	.ui-container.open .ui-menubtn {box-shadow: -1px 0 1px #2C2C2C;}
	.ui-container.open .ui-pagemenubtn {display:inline-block;}
	.ui-searchcont input {width: 29vw;}
	.ui-container.open .ui-searchcont input {width: 228px; margin-right: 40px;}
	.ui-container.open .ui-homelinkrb {
		float: none;
		display: inline-block;
		vertical-align: top;
		
	}
}

@media screen and (max-width: 710px) {
	.ui-langmenubtn ~ .ui-menubtn {clear:both;}
	.ui-menubtn {width: calc(100vw - 240px); min-width: 100px;}
	.ui-homelink {width: auto;}
	.ui-langmenubtn {width: auto !important;}
	.ui-header {text-align: center;}
	.ui-searchmenubtn {width: auto !important; display:inline-block !important; margin-left: 20px; padding-left: 10px;}
	.ui-searchcont input {width: 40vw;}
	
	.ui-menutitle {border-bottom: 1px solid #666;}
	
	.ui-container.open .ui-menubtn {display: block !important;}
	.ui-container.open .ui-header {text-align: left;}
	.ui-container.open .ui-searchcont input {width: calc(100vw - 140px) !important; margin-right: 0;}
	.ui-container.open .ui-searchmenubtn {display:inline-block !important; margin-left: 0; padding-left: 24px;}
	.ui-header .ui-menubtn {display: none;}
	.ui-container.open .ui-homelinkrb {display: none;}
	.ui-bar > button + div {
		position: fixed;
		margin-top: -2px;
		padding: 5px 14px 2px 14px;
		width: 190px;
		right: 5px;
		box-shadow: none !important;
		border-left: 1px solid #88888820;
		border-bottom: 1px solid #88888810;
		border-radius: 0 !important;
		background: transparent;
	}
}

@media screen and (max-width: 400px) {
	.ui-searchcont input {width: calc(100vw - 180px);}
	.ui-header {text-align: left;}
	.ui-searchmenubtn {margin-left: 62px;}
	.ui-homelink {padding-left: 0; padding-right: 0;}
}

.ui-langmenubtn {
	float: right;
}

@media screen and (max-width: 360px) {
	.ui-menubtn {width: 100%;}
	.ui-homelink {float: none; padding-left: 9vw;}
	.ui-container.open .ui-searchcont input {width: calc(100vw - 140px);}
	.ui-langmenubtn {
		margin-top: 170px;
		display: block;
		float: none;
	}
	.ui-bar > button + div {
		width: 100%;
		box-sizing: border-box;
		left: 0;
		right: auto;
		border: none;
	}
}

.ui-langmenu {
	display:none;
	position: absolute;
	background: #060606;
	box-shadow: -1px 1px 3px #8885;
	border-bottom-left-radius: 7px;
	padding: 5px;
	box-sizing: border-box;
	right: 0;
	overflow: auto;
	z-index: 10001;
}

body.whitemode .ui-langmenu {background: #EEE; text-shadow: none;}

.ui-langmenubtn .ui-langarrow {
	transform-origin: 70px 140px;
	transition: transform 0.1s;
}

.ui-langmenubtn[aria-pressed="true"] .ui-langarrow {
	transform: rotate(90deg);
}

.ui-langmenubtn[aria-pressed="true"] + .ui-langmenu {
	display: block;
}

.ui-langmenu a {display:block; padding: 5px; text-decoration: none; color: red;}
.ui-langmenu a:hover {color: white;}
.ui-langmenu a:active {color: rgb(158, 123, 255);}

.ui-searchframe {
	border: 2px inset rgb(152, 175, 199);
	background: #000;
	position: absolute;
	display: none;
	width: 500px;
	max-width: 100%;
	height: 70vh;
	box-sizing: border-box;
	max-height: 600px;
	box-shadow: rgb(51, 0, 0) 0px 0px 9px;
	border-radius: 7px;
	z-index: 10003;
}
body.whitemode .ui-searchframe {background: white;}



@media screen and (max-width: 999px) {
	body {margin-left: 5vw; margin-right: 5vw;}
	p {margin-left: 0; margin-right: 0;}
	ul, ol {margin-left: 2vw; margin-right: 2vw;}
}

@media screen and (max-width: 666px) {
	img {max-width: 100%; object-fit: contain; display: block; margin: 5px auto;}
	
	img[src*="whitepentagram.gif"],
	img[src*="Pentagram_Button.gif"],
	img[src*="Star_of_Isis_blue4.gif"]
	{
		display: inline;
		margin: 0;
	}
	
	td, tr, th, thead, tbody, tfoot, table {display: block; width: auto;}
	/*table img:only-child {display: block; margin: 0 auto;}*/
	body * {overflow-wrap: break-word;}
}