/* ==========================================================================
   Author's custom styles
   ========================================================================== */


.navbar-harvest{
	min-height: 30px;
	background:linear-gradient(to right, #4fc0e9, #94c654);
}

footer.footer{
	position:absolute;
	bottom:0;
	width:100%;
}

html {
    background-color: #000;
    background-image: url('../img/harvest_bg_woman.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

body {
	background: transparent;
}

div.jumbotron {
  background-color: transparent;
  color:white;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-smooth:always;
}
.jumbotron h1{
	font-size:44px;
	line-height:48px;
	font-family: "AvNextPro-Medium";
}
.jumbotron p{
	font-size:22px;
	font-family:"Raleway Regular";
	margin:16px 0 0 0;
}
#harvestheadline{
	margin-top:110px;
}

.jumbotroninputbtn{
	background:#f49c18 !important;
	border-color:transparent !important;
	height:49px;
	text-shadow:none !important;
	color:white;
	font-family:"Proxima Nova Bold";
	font-size:16px;
}
#harvestemailform{
	margin:40px 50px 0 0;
}
#harvestemailform input{
    height:49px;
    font-size:16px;
    border-right:none;
    font-family:"Proxima Nova Regular";
}
.successful #harvestemailform button{
    animation: buttonsuccess 1s forwards;
    -webkit-animation: buttonsuccess 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
   	-moz-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
    -o-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
    transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
    background: transparent !important;
    border: 2px solid #94c654 !important;
}
.successful #harvestemailform input{
    display:none;
}

@-webkit-keyframes buttonsuccess{
	0%{
	  width:inherit;
	  border-radius: inherit;
    background-color: #f49c18;
    border: inherit;
    color: inherit;
	}
    
    100%{
    width:100%;
    border-radius: 3px;
    background-color: transparent;
    border: 2px solid #94c654;
    border-left: 2px solid #94c654;
    color: #94c654;
    }
}
.invalid input{
    animation: invalidinput 1s forwards;
     -webkit-animation: invalidinput 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
   	-moz-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
    -o-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
    transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
}
.invalid button{
    animation: invalidbutton 1s forwards;
     -webkit-animation: invalidbutton 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
   	-moz-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
    -o-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
    transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
    background-color:#e76049 !important;
    border-color:#e23f29;
}
.invalidreverse input{
    animation: invalidinput 1s reverse;
    animation-direction: reverse;
     -webkit-animation: invalidinput 1s;
     -webkit-animation-direction: reverse;
    -webkit-animation-fill-mode: forwards;
    -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
   	-moz-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
    -o-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
    transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
}
.invalidreverse button{
    animation: invalidbutton 1s reverse;
    animation-direction: reverse;
     -webkit-animation: invalidbutton 1s;
     -webkit-animation-direction: reverse;
    -webkit-animation-fill-mode: forwards;
    -webkit-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
   	-moz-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
    -o-transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); 
    transition: all 500ms cubic-bezier(0.645, 0.045, 0.355, 1.000); /* easeInOutCubic */
}
div.shake{
    animation: shake .8s forwards;
    -webkit-animation: shake .8s;
    -webkit-animation-fill-mode: forwards;
    -webkit-transition: all cubic-bezier(.59,.15,.35,.98); 
    -moz-transition: all cubic-bezier(.59,.15,.35,.98); 
    -o-transition: all cubic-bezier(.59,.15,.35,.98); 
    transition: all cubic-bezier(.59,.15,.35,.98);
}
@-webkit-keyframes invalidinput{
	0%{
	  border-color:inherit;
    border-width:0px;
    color:inherit;
    font-weight:normal;
	}
    
    100%{
    border-color:#e23f29;
    border-width:2px;
    color:#e23f29;
    font-weight:bold;
    }
}
@-webkit-keyframes invalidbutton{
	0%{
    background-color: #f49c18;
    border-color:inherit;
	}
    
    100%{
    background:#e76049;
    border-color:#e23f29;
    }
}
@-webkit-keyframes shake{
	0%{
    -ms-transform: translate(30px, 0px); /* IE 9 */
   	-webkit-transform: translate(20px 0px); /* Chrome, Safari, Opera */
    transform: translate(20px, 0px);
	}
    10%{
    -ms-transform: translate(-30px, 0px); /* IE 9 */
   	-webkit-transform: translate(-20px 0px); /* Chrome, Safari, Opera */
    transform: translate(-20px, 0px);
    }
    20%{
    -ms-transform: translate(25px, 0px); /* IE 9 */
   	-webkit-transform: translate(20px 0px); /* Chrome, Safari, Opera */
    transform: translate(20px, 0px);
    }
    30%{
    -ms-transform: translate(-25px, 0px); /* IE 9 */
   	-webkit-transform: translate(-20px 0px); /* Chrome, Safari, Opera */
    transform: translate(-20px, 0px);
    }
    40%{
    -ms-transform: translate(20px, 0px); /* IE 9 */
   	-webkit-transform: translate(20px 0px); /* Chrome, Safari, Opera */
    transform: translate(20px, 0px);
    }
    50%{
    -ms-transform: translate(-20px, 0px); /* IE 9 */
   	-webkit-transform: translate(-20px 0px); /* Chrome, Safari, Opera */
    transform: translate(-20px, 0px);
    }
    60%{
    -ms-transform: translate(15px, 0px); /* IE 9 */
   	-webkit-transform: translate(20px 0px); /* Chrome, Safari, Opera */
    transform: translate(20px, 0px);
    }
    70%{
    -ms-transform: translate(-15px, 0px); /* IE 9 */
   	-webkit-transform: translate(-20px 0px); /* Chrome, Safari, Opera */
    transform: translate(-20px, 0px);
    }
    80%{
    -ms-transform: translate(10px, 0px); /* IE 9 */
   	-webkit-transform: translate(20px 0px); /* Chrome, Safari, Opera */
    transform: translate(20px, 0px);
    }
    90%{
    -ms-transform: translate(-10px, 0px); /* IE 9 */
   	-webkit-transform: translate(-20px 0px); /* Chrome, Safari, Opera */
    transform: translate(-20px, 0px);
    }
    100%{
    -ms-transform: translate(0px, 0px); /* IE 9 */
   	-webkit-transform: translate(0px 0px); /* Chrome, Safari, Opera */
    transform: translate(0px, 0px);
    }
}
@keyframes invalidinput{
  0%{
  border-color:inherit;
    border-width:0px;
    color:inherit;
    font-weight:normal;
  }
    
    100%{
    border-color:#e23f29;
    border-width:2px;
    color:#e23f29;
    font-weight:bold;
    }
}
@keyframes invalidbutton{
  0%{
    background-color: #f49c18;
    border-color:inherit;
  }
    
    100%{
    background-color:#e76049 !important;
    border-color:#e23f29;
    }
}
@keyframes shake{
  0%{
    -ms-transform: translate(30px, 0px); /* IE 9 */
    -webkit-transform: translate(20px 0px); /* Chrome, Safari, Opera */
    transform: translate(20px, 0px);
  }
    10%{
    -ms-transform: translate(-30px, 0px); /* IE 9 */
    -webkit-transform: translate(-20px 0px); /* Chrome, Safari, Opera */
    transform: translate(-20px, 0px);
    }
    20%{
    -ms-transform: translate(25px, 0px); /* IE 9 */
    -webkit-transform: translate(20px 0px); /* Chrome, Safari, Opera */
    transform: translate(20px, 0px);
    }
    30%{
    -ms-transform: translate(-25px, 0px); /* IE 9 */
    -webkit-transform: translate(-20px 0px); /* Chrome, Safari, Opera */
    transform: translate(-20px, 0px);
    }
    40%{
    -ms-transform: translate(20px, 0px); /* IE 9 */
    -webkit-transform: translate(20px 0px); /* Chrome, Safari, Opera */
    transform: translate(20px, 0px);
    }
    50%{
    -ms-transform: translate(-20px, 0px); /* IE 9 */
    -webkit-transform: translate(-20px 0px); /* Chrome, Safari, Opera */
    transform: translate(-20px, 0px);
    }
    60%{
    -ms-transform: translate(15px, 0px); /* IE 9 */
    -webkit-transform: translate(20px 0px); /* Chrome, Safari, Opera */
    transform: translate(20px, 0px);
    }
    70%{
    -ms-transform: translate(-15px, 0px); /* IE 9 */
    -webkit-transform: translate(-20px 0px); /* Chrome, Safari, Opera */
    transform: translate(-20px, 0px);
    }
    80%{
    -ms-transform: translate(10px, 0px); /* IE 9 */
    -webkit-transform: translate(20px 0px); /* Chrome, Safari, Opera */
    transform: translate(20px, 0px);
    }
    90%{
    -ms-transform: translate(-10px, 0px); /* IE 9 */
    -webkit-transform: translate(-20px 0px); /* Chrome, Safari, Opera */
    transform: translate(-20px, 0px);
    }
    100%{
    -ms-transform: translate(0px, 0px); /* IE 9 */
    -webkit-transform: translate(0px 0px); /* Chrome, Safari, Opera */
    transform: translate(0px, 0px);
    }
}
@keyframes buttonsuccess{
  0%{
  width:inherit;
  border-radius: inherit;
    background-color: #f49c18;
    border: inherit;
    color: inherit;
  }
    
    100%{
    width:100%;
    border-radius: 3px;
    background: transparent;
    border: 2px solid #94c654;
    border-left: 2px solid #94c654;
    color: #94c654;
    }
}