/*!
	Theme Name: CatGhost
	Theme URI: https://www.ghostedbycats.com/
	Description: Spooky
	Author: Ghosted By Cats
	Author URI: https://www.ghostedbycats.com/
	Version: 10
	Stable tag: 10
	Requires at least: 4.6
	Tested up to: 8.1
	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: 30px 0 10px;
	color: #ecdcf7;
	text-shadow: 0px 0px 30px #d4bfff;
	font-family: Lordish, Arial, Tahoma, Verdana, sans-serif
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0
}

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
}

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%
}


/* Overrides */
.wp-block-gallery,
.wp-block-image img {
	margin-bottom: 16px
}


@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
	}
}