@charset "utf-8";
/* CSS Document */
html {
	font-family: 'Open Sans', sans-serif;
}

body {
	background-image: url(../img/PageElements/bkg01.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lilita One', cursive;
	color: #EA0062;
}
.navbar-brand {
	font-family: 'Lilita One', cursive;
}
.navbar-inverse {
}
.navbar {
	border-radius: 0px;
}
#TopSplat h2 a {
	color: #000000;
	text-shadow: 2px 2px 3px #ffffff;
}

#homeNav {
	background-image: url(../img/PageElements/SplatsBig.png);
	background-size: cover;
	margin-top: -20px;
	overflow-x: visible;
	overflow-y: visible;
	max-width: 875px;
	margin-left: auto;
	margin-right: auto;
}
#homeNavBig {
	margin-top: -160px;
}
#glossNav a .btn.btn-warning {
	margin-top: 5px;
	margin-bottom: 5px;
}
.indented {
	padding-left: 25px;
	border-left: 3px solid #EA0062;
	margin-left: 5px;
}
#samples .badge {
	background-color: #337AB7;
}


@media only screen and (max-width: 480px) {
		#homeNavBig {
	margin-top: -60px;
		}
	}
@media only screen and (min-width: 767px) {
		#homeNavBig {
	margin-top: -60px;
		}
	}
@media only screen and (max-width: 320px) {
		#homeNavBig {
	margin-top: -20px;
		}
	}
#homeNavBig h1 a {
	color: #000000;
}
#homeNavBig h1 a:hover {
	color: #5CB600;
	text-decoration: none;
	text-shadow: 0px 0px 5px #000000;
}

#homeNavBig a:hover {
	text-decoration: none;

}

/*#homeNavBig h3 {
	color: #5cb85c;
}*/
.btn-font {
	font-family: 'Lilita One', cursive;
	font-size: 200%;
	font-weight: normal;
	opacity: 1;
}
.btn-shadow {
	-webkit-box-shadow: 2px 2px 5px #4B4B4B;
	box-shadow: 2px 2px 5px #4B4B4B;
}
.uppercase {
	text-transform: uppercase;
}
.copyright {
	color: #958C65;
}
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}
#TopSplat {
	background-image: url(../img/PageElements/TopNavBKG.png);
	background-size: contain;
	margin-top: -20px;
	margin-bottom: -30px;
	/*overflow-x: visible;
	overflow-y: visible;*/
	max-width: 940px;
	height: 128px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
}
@media only screen and (min-width: 320px) {
		#TopSplat {
	margin-bottom: -90px;
		}
	}
@media only screen and (min-width: 480px) {
		#TopSplat {
	margin-bottom: -70px;
		}
	}

  /* Tooltip */
  .tooltip > .tooltip-inner {
	/*background-color: #5CB600;*/
	color: #FFFFFF;
	/*border: 1px solid green;*/
	/*padding: 15px;*/
	font-size: 14px;
	opacity: 1;
  }
  /* Tooltip on top */
  .tooltip.top > .tooltip-arrow {
      /*border-top: 5px solid green;*/
  }
  /* Tooltip on bottom */
  .tooltip.bottom > .tooltip-arrow {
      /*border-bottom: 5px solid blue;*/
  }
  /* Tooltip on left */
  .tooltip.left > .tooltip-arrow {
      /*border-left: 5px solid red;*/
  }
  /* Tooltip on right */
  .tooltip.right > .tooltip-arrow {
      /*border-right: 5px solid black;*/
  }