@import url(https://fonts.googleapis.com/css?family=Lobster+Two);
@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(https://fonts.googleapis.com/css?family=Chewy);
@import url(https://fonts.googleapis.com/css?family=Boogaloo);
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');

body {
	font-size: 16px;
	color: #3D4145;
	background-color:#fff;
	transition: all 0.5s ease 0s;
}

.topStruc {
	background:url(../images/comics-bg.jpg) #15c1e5;
	border-bottom:4px solid #12a7c2;
	padding-top:7px;
	padding-bottom:7px;
	position:relative;
	-webkit-box-shadow: 0 6px 6px -6px black;
	   -moz-box-shadow: 0 6px 6px -6px black;
	        box-shadow: 0 6px 6px -6px black;
}
.logoStrucMain {
	
}
.logoStruc {
	overflow:hidden
}
.menuStruc {
	color:#FFFFFF;
	min-height:1px;
	margin-bottom:-12px;
}
.topImg, .headWrap {
	background-image:url(../images/mid-img-bck.png);
	background-color:#ff5a00;
	overflow:hidden
}
.topImg img {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .50);
		-moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .50);
		box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .50); 
}
h1 {
	font-family: 'Lobster Two', cursive;
}
.introWrapMain, .contStrucMain {
	background-image:url(../images/intro-bg.png);
	background-color:#8aa51c;
	border-top:8px solid #617d15;
	border-bottom:8px solid #617d15;
	padding:20px 0px;
	color:#FFFFFF;
	text-shadow: 1px 1px #647a0d;
	position:relative;
	-webkit-box-shadow: 0 6px 6px -6px black;
	   -moz-box-shadow: 0 6px 6px -6px black;
	        box-shadow: 0 6px 6px -6px black;
}
.introWrapMain {
	padding:20px 0px;
}
	.introWrapMain h1 {
		color:#FCF480;
		text-shadow: 2px 2px #647a0d;
		font-size:4em;
		margin:0;
		text-align:center;
	}
	@media (max-width:600px) {
		.introWrapMain h1 {font-size:36px}
	}
	.introWrapMain p {
		font-size:1.5em;
	}
	
/**** FOR HOME PAGE **/
.top-text {background: rgba(255, 255, 255, .70);padding:10px}
.contNav {
	transition: all 0.8s ease 0s;
	text-align:center;
	font-family: 'Boogaloo', cursive;
	font-size:23px;
	margin-top:10px;
	margin-bottom:10px;
	padding:8px 6px;
	text-shadow: 1px 1px #a81818;
	background: rgba(225, 114, 0, .50);
	color:#fffde5;
	border:6px solid #FC0;
	-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
	/*text-transform:uppercase*/
}
.contNav:hover {
	transition: all 0.8s ease 0s;
	color:#ffea00;
	border:6px solid #db1212;
	background: rgba(219, 18, 18, .30);
	-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
}
	.contNav a, .contNav a:link, .contNav a:focus  {
		color:#fff;
	}
	.contNav a:hover, .contNav a:active {
		color:#FAFFB7;
	}
	.contNav img {
		border : solid 6px rgba(253,255,125,0.2);
		-webkit-box-shadow: 0 4px 6px -6px black;
	   -moz-box-shadow: 0 4px 6px -6px black;
	        box-shadow: 0 4px 6px -6px black;
	}
.contNav2 {
	overflow:hidden;
}
	.contNav2 ul {
		margin-top:30px;
		font-size:1.8em;
		list-style-image:url(../images/bullet-apple.png)
	}
	.contNav2 li {
		margin:20px;
	}
	.contNav2 a {
		color:#6d8214
	}
	.contNav2 a:hover, .contNav2 a:active {
		color:#C50003
	}
/****** SUB CONTENT **/
.contStrucMain {
	padding:0 0 15px;
}
	.contStrucMain h1 {
		background: rgba(97, 125, 21, .60);
		text-align:center;
		color:#effea6;
		font-size:46px;
		margin:0;
		padding:7px 5px;
		text-shadow: 1px 1px #384703;
		/*-webkit-box-shadow: 0 6px 6px -6px black;
		   -moz-box-shadow: 0 6px 6px -6px black;
				box-shadow: 0 6px 6px -6px black;*/
	}
	@media (max-width:600px) {
		.contStrucMain h1 {
			font-size:30px;
		}
	}
.contStruc {
	overflow:hidden;
	clear:both;
	padding:0 0 10px;
	background: rgba(253, 255, 43, .30);
	border : solid 8px rgba(97,125,21,0.7);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color:#41440b;
	text-shadow: none;
	-webkit-box-shadow: 0px 0px 6px 4px rgba(39, 50, 8, .55);
		-moz-box-shadow: 0px 0px 6px 4px rgba(39, 50, 8, .55);;
		box-shadow: 0px 0px 6px 4px rgba(39, 50, 8, .55); 
}

	.contLft {
		padding:0;
		background: rgba(253, 255, 43, .20);
		border:double 6px rgba(255, 255, 255, .20);
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
	}
		.contLft h2 {
			text-align:center;
			display:table;
			background: rgba(255, 255, 255, .20);
			text-align:center;
			padding:5px 22px 8px;
			/*font-family: 'Lobster', cursive;
			font-family: 'Pacifico', cursive;*/
			font-family: 'Chewy', cursive;
			color:#af431d;
			font-size:35px;
			text-shadow: 1px 1px #e3f496;
			margin:0 auto 20px;
			border-bottom-right-radius:15px;
			border-bottom-left-radius:15px; 
			webkit-box-shadow: 0 6px 6px -6px black;
			   -moz-box-shadow: 0 6px 6px -6px black;
					box-shadow: 0 6px 6px -6px black;
		}
		@media (max-width:600px) {
			.contLft h2 {font-size:25px}
		}
		.comicWrap {
			overflow:hidden;
			padding:0;
			border:solid 7px rgba(255,255,255,0.7);
			background: rgba(255, 255, 255, .70);
			text-align:center
		}
			
	.contRht {
		margin:0;
		text-align:center
	}
.nav-wrap {
	background:rgba(255, 255, 255, .40);
	padding:10px;
	text-align:center;
	border:1px solid #fff;
	margin-bottom:15px;
	font-size:14px;
	font-weight:400;
	font-family: 'Roboto Condensed', sans-serif;
	transition: all 0.5s ease 0s;
	}
@media (max-width:767px) {
	.nav-wrap {
		min-height:unset !important;
		height:unset !important;
		}
}
.nav-wrap:hover{
	background:rgba(255, 255, 255, .20);
	}
.nav-wrap a, .nav-wrap a:link, .nav-wrap a:visited, .nav-wrap a:active, .nav-wrap a:focus{text-decoration:none; color:#000}
.nav-wrap h3{
	color:#2f4f44;
	margin:4px 0 6px;
	font-family: 'Oswald', sans-serif;
	}
.nav-wrap ul li{
	display:inline-block
	}
.nav-wrap ul {
	padding-left:0
	}
.nav-wrap ul li::after { 
    content: "|";
    font-weight: bold;
	margin-right:6px;
	margin-left:6px;
	top:-1px;
	font-size:11px;
	position:relative;
	opacity:.5
}
.nav-wrap ul li.last::after { 
    display:none;
}
/**** end of Sub Page Content ***/
.contWrap, .footNav {
	background-image: url(../images/cont-bg.png);
	/*padding-top:40px;*/
	padding-bottom:40px;
}
.contWrap h2 {
	background: rgba(191, 44, 44, .80);
	text-align:center;
	color:#ffe4c4;
	font-size:46px;
	margin:0;
	font-family: 'Pacifico', cursive;
	padding:7px 5px;
	text-shadow: 1px 1px #8a2121;
	/*-webkit-box-shadow: 0 6px 6px -6px black;
	   -moz-box-shadow: 0 6px 6px -6px black;
	        box-shadow: 0 6px 6px -6px black;*/
}
.footCont {
	overflow:hidden;
	border:solid 1px rgba(255, 238, 46, .50);
	border-top:none;
	background: rgba(255, 238, 46, .50);
	border-bottom-right-radius:2em;
border-bottom-left-radius:2em; 
}

.belowShadow {
	background-image:url(../images/below-shadow.png);
	background-position:center;
	background-repeat:no-repeat;
	height:25px;
	background-size:cover
}

.bannWrap {
	width:92%;
	overflow:hidden;
	/*float:left;
	padding:10px;*/
	text-align:center;
	min-height:90px;
	margin:6px 15px;
}

.footWrap {
	padding:6px 0;
}
.searchWrap {
	margin-top:6px;
	text-align:center
}
.searchWrap input[type='submit'] {
	transition: all 0.8s ease 0s;
	background-color:#9bba1f;
	padding:6px 10px;
	border:1px solid #85a117;
	color:#FFFFFF;
	text-transform:uppercase
}
.searchWrap input[type='submit']:hover {
	transition: all 0.8s ease 0s;
	background-color:#15c1e5;
	border:1px solid #0c90ac;
}
.searchWrap input[type='text'] {
	height:38px;
	background-color:#fff5c5 !important;
	border:2px solid #e69309 !important;
	width:75%
}
	
/***** MISC ***/

.colorBgOrng {
	background-color:#ffa200
}
.colorBgGreen {
	background-color:#9bba1f
}
.colorBgRed {
	background-color:#f73f3f
}
.colorBgBlueDeep {
	background-color:#006dc9
}

/***** **/
.contMain {
	overflow:hidden;
	margin:15px auto;
	float:none
}

.bannerFoot {
	padding:6px;
	text-align:center;
	margin:15px 0px;
}
.bannerFoot2 {
	min-height:1px; max-width:735px; margin:10px auto
}

/*** MISC ***/
.inpageWrap {
	width:auto;
	overflow:hidden;
	text-align:center;
	margin-top:20px
}
.inpageWrap ul, .inpageWrap li {
	list-style:none;
	display:inline-block;
	text-align:center;
	padding-left:0
}
.inpageWrap a {
	display:block;
	background: rgba(255, 114, 0, .50);
	border:3px solid #fff99a;
	padding:6px 15px;
	line-height:110%;
	transition: all 0.5s ease 0s;
	margin:2px;
	font-weight:bold;
	-webkit-box-shadow: 0 4px 6px -6px black;
	   -moz-box-shadow: 0 4px 6px -6px black;
	        box-shadow: 0 4px 6px -6px black;
}
.inpageWrap a:hover {
	background: rgba(255, 255, 255, .80);
	border:1px solid #fff;
}
.brdrNone {
	border:none !important;
}
.brdrBottRed {
	border-bottom:6px solid #be2929;
}
.belowShd {
	-webkit-box-shadow: 0 6px 6px -6px black;
	   -moz-box-shadow: 0 6px 6px -6px black;
	        box-shadow: 0 6px 6px -6px black;
}
.mergBot10 {
	margin-bottom:10px;
}
.mergTop10 {
	margin-top:10px;
}
.clear {
	clear:both
}
/*** IFRAME **/
.contMain iframe {width:100%; min-height:500px;}
	@media (min-width:1024px) {
		.contMain iframe {min-height:1378px}
	}