/*
--------------------------------------------------------------------------
Copyright 2019 by Mark Lammert and Steve Williams
Master Key Interactive

v1.0.0
--------------------------------------------------------------------------
*/

/*

CAMP JUMP START COLOR GUIDE

BLUE      - #336699 (51, 100, 172)
GREEN     - #99cc33 (133, 196, 66)
LT ORANGE - #ff9933 (247, 148, 31)
DK ORANGE - #ff6633 (242, 97, 36)

*/

/*
--------------------------------------------------------------------------
---- GLOBAL ----
--------------------------------------------------------------------------
*/

.no-text-select {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

/*
--------------------------------------------------------------------------
---- LINKS ----
--------------------------------------------------------------------------
*/

a:link,
a:visited {
	color: #ffffff;
	text-decoration: none;
}

a:hover,
a:active {
	color: #ffffff;
	text-decoration: underline;
}

/*
--------------------------------------------------------------------------
---- HTML AND BODY ----
--------------------------------------------------------------------------
*/

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  
	color: #ffffff;
	/* font-family: Verdana, Geneva, sans-serif; */
  font-family: "Comic Sans MS", "Comic Sans", sans-serif;
	font-size: 16px;
}

*:focus {
	outline: 0px; /* remove dotted outline from around active elements */
}

html {
	position: absolute;
	
	top: 0px;
	left: 0px;
	
	width: 100%;
	height: 100%;
	
	margin: 0px;
	padding: 0px;
  
  overflow: hidden;
}

body {
	position: absolute;
	
	top: 0px;
	left: 0px;
	
	width: 100%;
	height: 100%;
	
	margin: 0px;
	padding: 0px;
  
  background-color: #4985ce;
	background-image: url("../images/blue_paisley_background.png");
	background-position: center center;
	background-repeat: repeat;
  
  overflow: hidden;
}

/* ---------------------------------------------- */

.page-wrapper {
	position: relative;
	
	top: 0px;
	left: 0px;
	
	width: 100%;
  height: 100%;
  
  overflow: hidden;
}

/*
--------------------------------------------------------------------------
---- HEADER ----
--------------------------------------------------------------------------
*/

.page-header-wrapper {
	position: fixed;
  
  top: 0px;
  left: 0px;
  
  width: 100%;
  height: auto;
  
	margin: 0px;
	padding: 10px;
  
  color: #ffffff;
  
  
  
  z-index: 20;
}

/* ---------------------------------------------- */

.page-header-wrapper a:link,
.page-header-wrapper a:visited {
	color: #ffffff;
	font-size: 14px;
	text-decoration: none;
}

.page-header-wrapper a:hover,
.page-header-wrapper a:active {
	color: #ffffff;
	font-size: 14px;
	text-decoration: underline;
}

/* ---------------------------------------------- */

#header-menu-button {
  display: inline-block;
	position: relative;
	
	width: 31px;
	height: 31px;
    
	margin: 0px;
	padding: 0px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
  
	background-color: rgba(255, 255, 255, 0.15);
	
	vertical-align: middle;
  
  cursor: pointer;
}

#header-menu-button:hover {
  background-color: rgba(255, 255, 255, 0.25);
}

.header-menu-button-line {
	position: relative;
	
	width: auto;
	height: 2px;
	
	margin: 5px 5px 0px 5px;
	padding: 0px;
	
	background-color: #ffffff;
}

.header-menu-button-line:first-child {
  margin: 8px 5px 0px 5px;
}

/*
--------------------------------------------------------------------------
---- SLIDE OUT MENU ----
--------------------------------------------------------------------------
*/

.slideout-menu-wrapper {
  position: absolute;
  
  top: 0px;
  right: 0px;
  
  width: auto; /* set by jQuery */
  height: auto; /* set by jQuery */
  
  margin: 0px;
  padding: 0px;
  
  overflow: hidden;
  
  z-index: 5;
}

.slideout-menu {
  position: absolute;
  
  top: 0px;
  left: -9999px;
  
  width: auto; /* set by jQuery */
  height: 100%;
  
  margin: 0px;
  padding: 0px;
  
  background: #ffffff;
  
  -webkit-box-shadow: 5px 0px 10px -4px #000000;
  box-shadow: 5px 0px 10px -4px #000000;
  
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  
  z-index: 15;
}

.slideout-menu-background {
  position: absolute;
  
  top: 0px;
  left: 0px;
  
  width: 100%;
  height: 100%;
  
  margin: 0px;
  padding: 0px;
  
  background-color: #000000;
  opacity: 0.0;
  
  z-index: 10;
}

/* ---------------------------------------------- */

.slideout-menu-separator {
  position: relative;
  
  width: 100%;
  height: 1px;
  
  margin: 0px 0px 5px 0px;
  padding: 5px 0px 0px 0px;
  
  border-bottom: 1px solid #c6c6c6;
}

.slideout-menu-item {
  position: relative;
  
  width: 100%;
  height: auto;
  
  margin: 0px;
  padding: 5px 10px 5px 10px;
  
  color: #000000;
  
  font-weight: bold;
  
  cursor: pointer;
}

.slideout-menu-item:active,
.slideout-menu-item:hover {
  background-color: #fcfcfc;
}

.slideout-menu-sub-item {
  position: relative;
  
  width: 100%;
  height: auto;
  
  margin: 0px;
  padding: 5px 10px 5px 25px;
  
  color: #000000;
  
  
  cursor: pointer;
}

.slideout-menu-sub-item:active,
.slideout-menu-sub-item:hover {
  background-color: #fcfcfc;
}

/*
--------------------------------------------------------------------------
---- CONTENT WRAPPER ----
--------------------------------------------------------------------------
*/

.page-content-logged-in-wrapper,
.page-content-logged-out-wrapper {
	position: absolute;
	
  top: auto; /* set by jQuery based on header height */
	left: 0px;
	
	width: 100%;
	height: auto; /* set by jQuery based on header height */
  
	margin: 0px;
	padding: 0px;
  
  overflow-x: hidden;
  overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

/*
--------------------------------------------------------------------------
---- CONTENT ----
--------------------------------------------------------------------------
*/

.content-header {
	position: relative;
	
	color: #b60404;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 22px;
	
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.content-paragraph {
	position: relative;
	
	margin: 0px 0px 10px 0px;
	padding: 0px;
	
	line-height: 18px;
}