body,h1,h2,h3,h4,h5,h6,p {font-family: 'Neucha', cursive;}
.w3-bar,.w3-bar-item,h1,button {font-family: 'Neucha', cursive;}
.w3-bar,.w3-bar-item{height:43px;display:inline-block;}
.fa-dashboard,.fa-tags {font-size:200px;}
.mySlides {display:none;}
.w3-left, .w3-right, .w3-badge {cursor:pointer;}
.w3-badge {height:16px;width:16px;padding:0;}
/* =============================================================================
	BODY/PAGE
============================================================================= */
body {
	font-size: 1.3em;
}
footer {
	padding: 1rem;
	background-color: rgba(255,255,255,0.6);
	height: 100%;
}
footer a {
	text-decoration: none;
}
body {
	background-image: url("/images/children.jpg");
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
header {
	margin-top: 225px;
	background-color: rgba(255, 255, 255,0.9);
}
header h1 {
	font-size: 3em;
	letter-spacing: 5px;
	padding-left: 75px;
	font-variant: small-caps;
}
hr.header { 
	border-top: 1px dashed #8c8b8b; 
	margin-top: -30px;
} 
hr.header:after { 
	content: '\002702'; 
	display: inline-block; 
	position: relative; 
	top: -23px; 
	left: 40px; 
	padding: 0 3px; 
	color: #000; 
	font-size: 28px;
}
.txtbgd  {
	background-color: rgba(255,255,255,0.9);
	width: 100%;
	padding: 10px;
	/*margin: 15px 0 5px 0;*/
}
.jabberbg {
	background-color: rgba(255,255,255,0.9);
	width: 100%;
	padding: 10px;
}
hr { 
	height: 30px; 
	border-style: solid; 
	border-color: #8c8b8b; 
	border-width: 1px 0 0 0; 
	border-radius: 20px; 
} 
hr:before { 
	display: block; 
	content: ""; 
	height: 30px; 
	margin-top: -31px; 
	border-style: solid; 
	border-color: #8c8b8b; 
	border-width: 0 0 1px 0; 
	border-radius: 20px; 
}
.colortxt {
	font-weight: bold;
}
img {
    max-width: 100%;
    height: auto;
}
.anchor  {
	text-decoration: none;
	font-size: 1.2em;
	padding: 15px;
}
a.anchor:hover {
	color: #6B8E23;
}

/* =============================================================================
	INDEX
============================================================================= */
.content {
	display: flex;
	margin: 0 auto;
	margin-top: 240px;
	align-items: center;
	justify-content: center;
	margin-bottom: 50px;
	min-width: 100%;
}
div#slideshow {
	width: 660px;
	height: 455px;
	border: 10px solid #de2a96;
}
div#info {
	border: 15px solid #14f20c;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 15px;
	width: 550px;
}
.title {
	letter-spacing: 2px;
	font-size: 2em;
	margin-top: -25px;
	line-height: 1;
}
.abouttxt {
	text-align: justify;
	line-height: 1.5;
}
.abouttxt p {
	margin-top: -10px;
}
.mySlides {
	width: 640px; 
	height: 435px;
}
.active {
	color: #fff;
}
.successmessage {
	font-weight: bolder;
	font-size: 1.4em;
}
/* =============================================================================
	NAVBAR
============================================================================= */
.top {
	background-color: rgba(255,255,255,0.6);
	height: 225px;
	min-width: 100%;
	padding-top: 15px;
}

.mini-header-nav li a:hover{
	color: #6B8E23;
}
.list-inline {
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
}
.list-inline > li {
	display: inline-block;
	padding-right: 35px;
	padding-left: 35px;
	margin: 0 auto;
}
.list-inline a {
	text-decoration: none;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bolder;
}
.list-inline > li:nth-child(1) a { color: #FF0000; }
.list-inline > li:nth-child(2) a { color: #FF8C00; }
.list-inline > li:nth-child(3) a { color: #FFD700; }
.list-inline > li:nth-child(4) a { color: #228B22; }
.list-inline > li:nth-child(5) a { color: #4B0082; }

.footernav {
	padding-left: 0;
	margin-left: -5px;
	list-style: none;
	height: 25px;
	text-transform: uppercase;
}
.footernav > li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0 auto;
}
.footernav a {
	text-decoration: none;
	color: #757575;
	font-size: 1em;
}
.serving {
	float: right;
	margin-top: 25px;
	font-size: 1.4em;
	letter-spacing: 1px;
	text-align: center;
}
.callus {
	font-weight: bold;
	color: #228B22; /* forestgreen */
	letter-spacing: 3px;
	font-size: 1.2em;
}
.jumptarget::before {
  content:"";
  display:block;
  height:225px; /* fixed header height*/
  margin:-225px 0 0; /* negative fixed header height */
}

/* =============================================================================
	CHECKLIST / JABBERWOCKY
============================================================================= */
.blueborder {
	border: 10px solid #0000FF;
}
#checklist {
	font-size: 1em;
}

#checklist table { 
  width: 90%; 
  border-collapse: collapse; 
}
#checklist th {
	background-color: rgba(135, 206, 235,0.8);
}
#checklist td, th { 
	padding: 6px; 
	border: 1px solid #ccc; 
	text-align: left; 
}
.from {
	margin-left: 40px; 
	font-style: italic; 
	margin-top: -10px; 
	font-size: .9em;
}


/* =============================================================================
	MEDIA QUERIES/MOBILE
============================================================================= */
.logo {
	margin-top: 60px;
}
.mobilenav {
	background: #fff; 
	height: 60px;
	text-transform: uppercase;
}
@media only screen and (max-width: 850px) {
	.content {
		display: block;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	div#slideshow img {
		max-width: 100%;
		height: 210px;
	}
	div#slideshow {
		max-width: 100%;
		height: 230px;
	}
	div#info {
		border: 15px solid #14f20c;
		background-color: rgba(255, 255, 255, 0.8);
		padding: 5px;
		width: 100%;
	}
	header {
		margin-top: 60px;
	}
	header h1 {
		font-size: 1.5em;
		letter-spacing: 5px;
		text-align: center;
		font-variant: small-caps;
		padding-bottom: 30px;
		margin-left: -50px;
	}
	.footernav {
		padding-left: 0;
		margin-left: -5px;
		list-style: none;
		height: 50px;
		text-transform: uppercase;
	}
	.footernav a {
		font-size: 0.8em;
	}
	.blueborder img {
		display: none;
	}
}
@media only screen and (max-width: 920px) and (orientation: landscape) {
	.serving {
		float: right;
		margin-top: 25px;
		font-size: 1em;
		letter-spacing: -1px;
		text-align: center;
	}
	.callus {
		font-weight: bold;
		color: #228B22; /* forestgreen */
	}
	#jtotslogo {
		width: 150px;
	}
	.content, header {
		margin-top: 160px;
	}
	.top {
		height: 150px;
	}
	.list-inline > li {
		padding-right: 5px;
		padding-left: 5px;
	}
	.list-inline a {
		font-size: 1em;
	}
}