/*!
	Theme Name: CatGhost
	Theme URI: https://www.ghostedbycats.com/
	Description: Spooky
	Author: Ghosted By Cats
	Author URI: https://www.ghostedbycats.com/
	Version: 9
	Stable tag: 9
	Requires at least: 4.6
	Tested up to: 7.0
	Requires PHP: 7.0
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: catghost
*/

@import url('./fonts.css');

html {background:#000 url('./bg.jpg');color:#fff;overflow-y:scroll}
body {font-family:'Eczar',Arial,Tahoma,Verdana,sans-serif;font-size:0.7em}

::selection{background:#6c5aa6;color:#fff}

#header {min-width:300px;max-width:800px;margin:0 auto;padding:20px 20px 0 20px;text-align:center}

#main {min-width:300px;max-width:800px;margin:0 auto;padding:20px 20px 0;text-align:center}

#footer {min-width:300px;max-width:800px;margin:0 auto 20px;padding:0 20px 20px;color:#ddd4f1;text-align:center;font-size:150%}
#footer a {color:#f9edfd}
#footer a:hover {text-decoration:underline}
#footer .text {margin-top:30px}


h1,h2,h3,h4,h5,h6 {margin:0 0 10px;color:#ecdcf7;text-shadow: 0px 0px 30px #d4bfff;font-family:Lordish,Arial,Tahoma,Verdana,sans-serif}
h1 {font-size:300%}
h2 {font-size:280%}
h3 {font-size:250%}
h4 {font-size:210%}
h5 {font-size:160%}
h6 {font-size:100%}

.front img {max-width:100% !important; height:auto !important}
img.standalone {margin:20px}

p {font-size:140%;margin:7px 0 16px}

P:last-child {margin:7px 0 28px}

p.left {float:left;margin:0 28px 0 0}


ul {margin:8px 0 16px;font-size:120%;list-style-type:none;padding:0;color:#ecdcf7}
/*li:before {content:"\1F47B";margin:0 6px 0 0}*/


a {color:#cac1e8;text-decoration:none}
a:active {color:#8d7acf}
a:hover {color:#8d7acf}
a:visited {color:#cac1e8}
a.biglink {font-size:200%}


.rounded-20 {border-radius:20px}


.logo {}
.logo img {}


.glow {color:#ecdcf7 !important;text-shadow: 0px 0px 30px #d4bfff}


.menu {margin:20px 20px 0}
.menu ul {padding:0}
.menu li {display:inline;margin:0 0px 0 0;font-size:250%;font-weight:700;font-family:Lordish,Arial,Tahoma,Verdana,sans-serif;font-kerning:none;text-transform:lowercase}
.menu li a {text-decoration:none;color:#fff;padding:5px;transition:0.5s}
.menu a.current {font-weight:700;color:#d4bbe5 !important;text-shadow: 0px 0px 30px #d4bfff}
.menu li a:hover {color:#d5d6ff !important}
.menu li a:active {color:#bbbcf8}
.menu li:before {content:""}
.menu li:after {content:"";padding:0 6px;color:#351b03}
.menu li.last:after {padding:0}

.menu.submenu {float:none;margin:20px 0 0;text-align:center;font-size:85%}
.menu.submenu li a {color:#f0f0f0}

.mediumtext {font-size:160%}
.bigtext {font-size:280%;color:#f0f0f0}


hr.seperator {color:#ddd;background:#ddd;border:none;height:2px;box-shadow: 0 0 10px 1px #d4bfff;background: linear-gradient(to left,#7f7089, #d4bbe5, #7f7089);border:0;}
hr.seperator.top_divider {clear:both}
hr.seperator.halfwidth {width:51%}






@media only screen and (max-width: 900px) {
	p {font-size:160%;margin-bottom:28px}
	.logo img {width:320px;height:44px}
	.menu li {font-size:190%!important}
	#footer {font-size:200%}
}

@media only screen and (max-width: 600px) {
	p {font-size:175%}
	.logo img {width:250px;height:35px}
	.menu li {font-size:240%!important}
}