/* SCSS Document */
/*
$jagdpanzerGreen: #017117;
*/
/* CSS Document */
/* looks for a file call gradient.scss */
.applyGradient {
  background: #003330;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#003330, #F8F8F8);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#003330, #F8F8F8);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#003330, #F8F8F8);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#003330, #F8F8F8);
  /* Standard syntax (must be last) */ }

html {
  height: 100%; }

body {
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-attachment: fixed; }

#container {
  height: 100%;
  background-color: white;
  width: 960px;
  margin-left: auto;
  margin-right: auto; }

/* HEADER CSS */
#headerLogo {
  width: 40%; }

#headerTitle {
  width: 60%;
  text-align: center; }

#siteLogo {
  margin: 20px;
  width: 300px;
  height: 74px; }

/* NAV CSS  */
nav {
  background-color: limegreen;
  padding-top: 20px;
  padding-bottom: 10px;
  /* This sets the submenu align with top button */ }
  nav ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    height: 50px;
    padding-left: 70px; }
  nav ul li {
    display: block;
    position: relative;
    float: left;
    width: 150px;
    text-align: center;
    padding-left: 40px;
    font-size: 1.5em;
    border-radius: 25px; }
  nav li ul {
    display: none; }
  nav ul li a {
    display: block;
    background: #28BD0D;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    white-space: nowrap;
    color: white;
    box-shadow: 3px 5px 5px black; }
  nav ul li a:hover {
    background: #32F011; }
  nav li:hover ul {
    display: block;
    position: absolute; }
  nav li:hover li {
    float: none; }
  nav li:hover a {
    background: #28BD0D; }
  nav li:hover li a:hover {
    background: #32F011; }
  nav #drop-nav li ul li {
    border-top: 0px; }
  nav ul li ul {
    padding: 0; }
  nav ul li ul li {
    padding: 0;
    width: 100%;
    text-align: left;
    font-size: .8em; }

   /* End NAV 


/* MAIN CONTENT CSS  */
#mainContent {
  padding-left: 40px;
  padding-right: 40px; }
  #mainContent h1, #mainContent h2 {
    text-align: center; }

/* End MAIN CONTENT nesting */
/* FOOTER CSS  */
footer {
  border-top: thick solid limegreen;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 20px; }
  footer p {
    text-align: center;
    margin: 0px; }

/* .productBlock FORMATTING AND STYLING  */
.productBlock {
  margin-top: 30px;
  overflow: hidden;
  /* contains floated content */ }

.leftProduct {
  width: 25%;
  float: left; }

.centerProduct {
  width: 40%;
  float: left; }

.rightProduct {
  width: 35%;
  float: left;
  padding: 0;
  text-align: center; }

.productImage {
  width: 100%; }

.productTitle {
  margin: 0;
  text-align: center;
  font-size: 2em; }

.productTagLine {
  margin: 0;
  margin-top: 5px;
  text-align: center;
  font-size: 1.5em; }

.productDescription {
  font-size: 1.3em;
  margin-top: 20px;
  margin-left: 15px; }

.productPrice {
  margin: 0;
  text-align: center;
  font-size: 2em; }

.productShipping {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: .8em; }

.buttonContainer {
  text-align: center; }

.payPalButton {
  width: 200px; }

.moreInfoButton {
  background-color: #28BD0D;
  text-align: center;
  width: 80%;
  margin: auto;
  font-size: 1.5em;
  color: white;
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: 3px 5px 5px black; }

.moreInfoButton:hover {
  background-color: #32F011; }

/* GENERAL CSS */
a {
  text-decoration: none;
  color: white; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.clearFloat {
  clear: both; }

/* Contact Form Styles */
/* Old CSS for Float Form Replaced with Grid Form 6/17/19
.contactForm {
	  background: -webkit-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
	  background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
	  background: linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
	  margin: auto;
	  position: relative;
	  width: 550px;
	  height: 450px;
	  font-family: Tahoma, Geneva, sans-serif;
	  font-size: 14px;
	  font-style: italic;
	  line-height: 24px;
	  font-weight: bold;
	  color: $jagdpanzerGreen;
	  text-decoration: none;
	  border-radius: 10px;
	  padding: 10px;
	  border: 1px solid #999;
	  border: inset 1px solid #333;
	  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);

	input {
	  width: 375px;
	  display: block;
	  border: 1px solid #999;
	  height: 25px;
	  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	}
	
	textarea {
	  width: 375px;
	  height: 150px;
	  display: block;
	}
	
	.button {
	  width: 100px;
	  display: inline-block;
	  background: $buttonColor;
	  color: white;
	  font-family: Tahoma, Geneva, sans-serif;
	  height: 30px;
	  border-radius: 15px;
	  border: 1p solid #999;
	}
	
	input.button:hover {
	  background: $buttonHover;
	  color: white;
	}

} 

*/
* {
  box-sizing: border-box; }

form[name='contactForm'] {
  background: -webkit-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
  background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
  background: linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
  margin: auto;
  width: 80%;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 14px;
  color: limegreen;
  text-decoration: none;
  border-radius: 10px;
  padding: 10px;
  border: 1px solid #999;
  border: inset 1px solid #333;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
  display: grid;
  grid-template-columns: 1fr; }
  form[name='contactForm'] label {
    display: block; }
  form[name='contactForm'] input {
    width: 30%; }
  form[name='contactForm'] textarea {
    width: 90%; }
  form[name='contactForm'] .button {
    width: 100px;
    display: inline-block;
    background: #28BD0D;
    color: white;
    font-family: Tahoma, Geneva, sans-serif;
    height: 30px;
    border-radius: 15px;
    border: 1p solid #999; }
  form[name='contactForm'] input.button:hover {
    background: #32F011;
    color: white; }

/* End form */

/*# sourceMappingURL=jagdpanzer.css.map */