/*------------------------------------------------
Top Hero Panel
-------------------------------------------------*/
#top_hero {
    height: 820px;
    background: url('../media/img/home/beyond_burger_on_red.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    font-size: 0;
    margin-top: -96px !important;
    overflow: hidden;
}
#top_hero_copy {
	width: 45%;
	height: 704px; 
    margin: 96px 0 0 50px;
    text-align: left;
}
#top_hero_copy img {
	width: 100%;
	margin: 230px 0 15px 0;
}	
#top_hero_copy p {
	font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal;
    font-size: 27px;
    letter-spacing: .5px;
    text-transform: uppercase;
	color: #FFF;
	margin: 0 0 15px 0;
	padding: 0;
}
#hero_form {
	width: 100%;
	margin: 0;
	padding: 0;
}
#hero_form button {
	font-family: 'Knockout 48 A', 'Knockout 48 B'; font-weight: 400; font-style: normal;
    font-size: 17px;
    letter-spacing: .7px;
	color: #FFF;
	height: 30px;
	background-color: #22b04c;
	border-radius: 4px;
	padding: 5px 20px 8px 20px;
	margin: 0 0 10px 0;
	float: left;
}
#hero_form input[type="text"] {
    width: 237px;
    height: 30px;
    border: none;
    border-radius: 4px;
    padding: 0 10px 0 10px;
    margin: 0 10px 10px 0;
    float: left;
    font-size: 16px;
    
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#hero_form input[type="text"]#zipentry {
	width: 155px;
}
#hero_form input[type="text"][disabled] {
    background: lightgray;
}
#hero_form button[disabled] {
    background: gray;
}
#hero_form button[disabled].success {
    background: #1a863a;
}
#hero_form .error {
    display: block;
    color: #FFF;
    font-size: 16px;
    clear: both;
}
.hero_chevron {
	text-align: center; 
    width: 100%; 
    z-index: 501; 
    position: absolute; 
    bottom: 40px; 
}

.hero_chevron img {
	width: 35px;
}


/*------------------------------------------------
Food Service panel 
-------------------------------------------------*/
#food_service_panel {
    padding: 50px 0 50px 0; 
    text-align: center;
}

#food_service_panel h2 {
	font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal;
    font-size: 66px;
    letter-spacing: .5px;
    line-height: 60px;
    text-transform: uppercase;
    color: #22b04c;
    margin: 20px 0 50px 0;
}
#food_service_panel .press-item {
    width: 150px;
    display: inline-block;
    text-align: left;
    margin: 20px 30px 60px 30px;
    vertical-align: top;
}
#food_service_panel .press-item .image {
    margin-bottom: 15px;
    text-align: center;
}
#food_service_panel .press-item .image img {
    display: block;
    width: 150px;
}
.food_service_btn {
	font-family: 'Knockout 48 A', 'Knockout 48 B'; font-weight: 400; font-style: normal;
    font-size: 30px;
    letter-spacing: .8px;
    text-transform: uppercase;
	color: #FFF;
	background-color: #16a84c;
	border-radius: 4px;
	padding: 5px 20px 8px 20px;
	margin: 10px 0 60px 0;
}

/*------------------------------------------------
Beyond Meat panel 
-------------------------------------------------*/
#beyond_burger_panel {
    padding: 100px 0 100px 0; 
    text-align: center;
}

#beyond_burger_panel .col-left {
	width: 50%;
	display: inline-block;
    vertical-align: middle;
    text-align: left;
}
#meat_case {
	width: 92%;
    padding: 0;
}

#beyond_burger_panel .col-right {
	width: 50%;
	display: inline-block;
    vertical-align: middle;
    text-align: left;
}
#beyond_burger_type {
    width: 88%;
    padding: 0 30px 0 0;
}
#cow {
	width: 100%;
}
#talking_cow {
	height: 100px;
	margin: 55px 0 0 0;
}


/*------------------------------------------------
Beyond Meat vid panel
-------------------------------------------------*/
#beyond_burger_vid {
    width: 100%;
    height: 750px;
    position: relative;
    overflow: hidden;
}
#yes_way {
	width: 100%;
	height: 750px;
	position: absolute;
    top: 0;
    left: 0;
    z-index:3;
    text-align: center;
}
#the_future_type {
	width: 35%;
	padding: 220px 55px 0 0;
}
#beyond_burger_loop {
	width: 100%;
	height: 750px;
	background-color: #fff;
	background:url('../media/videos/beyond_burger_short_preview.jpg') no-repeat center;
	overflow: hidden;
}

#beyond_burger_loop video {
	object-fit: cover;
	min-width: 125%;
    position: absolute;
    top: 0;
    left: 0;
    z-index:2;
    background:url('../media/videos/beyond_burger_short_preview.jpg') no-repeat center;
    background-color: #fff;
}

/*------------------------------------------------
GMO panel
-------------------------------------------------*/
#gmo_panel {
	width: 100%;
	height: 650px;
    padding: 60px 0 0 0; 
    text-align: center;
    background: url('../media/img/home/gmo_set.jpg') no-repeat center center;
    background-size: cover;
}
#gmo_type {
	width: 100%;
	padding: 430px 0 0 0;
}
#gmo_type img {
	height: 96px;
}


/*------------------------------------------------
Mission panel 
-------------------------------------------------*/
#mission {
    padding: 60px 0 0 0; 
    text-align: center;
}
#mission_text {
	margin: 20px 120px 20px 120px;
}
#mission p {
    font-size: 25px;
	margin: 0;
	padding: 0;
}
#mission h2 {
    font-family: 'Knockout 48 A', 'Knockout 48 B'; font-weight: 400; font-style: normal;
    font-size: 60px;
    text-transform: uppercase;
	color: #000;
	margin: 0;
	padding: 10px 0 10px 0;
}
#mission h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    color: #868686;
    margin: 0;
	padding: 0;
    font-weight: 100;
}
#signature {
   width: 200px;
}
#mission_vid_button {
	width: 250px;
	margin: 30px 0 120px 0;
}
#vid_box2 {
	width: 950px;
	height: 438px;
	margin: 0 auto;
}

/*------------------------------------------------
Lifestyle A panel 
-------------------------------------------------*/
#life_a_image {
    height: 794px;
}

/*------------------------------------------------
Latest product panel
-------------------------------------------------*/
#latest_product_panel {
    padding: 50px 0 60px 0; 
    background-color: #f8b637;
    text-align: center;
}
#latest_product_panel .col-left {
	width: 49%;
	display: inline-block;
    vertical-align: middle;
    text-align: left;
}
#sausage_fork {
	width: 75%;
	padding: 0 0 0 50px;
}
#latest_product_panel .col-right {
	width: 49%;
	display: inline-block;
    vertical-align: middle;
    text-align: left;
}
#sausage_type {
	width: 88%;
	padding: 0 0 10px 0;
}
#pig {
	width: 100%;
}
#beyondsausage_btn {
    border: none;
}
#beyondsausage_btn img {
     width: 170px;
    padding: 0;
    margin: 0;
}
#beyondsausage_learn_btn {
    border: none;
}
#beyondsausage_learn_btn img {
    width: 250px;
    padding: 0 0 10px 0;
    margin: 0;
}
#talking_pig {
	height: 100px;
	margin: 0;
}
#vid_box_sausage {
	width: 950px;
	height: 535px;
	margin: 0 auto;
}


/*------------------------------------------------
Latest product image 
-------------------------------------------------*/
#latest_product_image {
    height: 794px;
    background: url('../media/img/products/brats_hero.jpg') no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}

/*------------------------------------------------
Our Impact Panel
-------------------------------------------------*/
#impact {
	width: 100%;
	height: 750px;
	padding: 0 0 100px 0;
	text-align: center;
}
#impact .left_col {
	float: left;
	text-align: center;
	width: 400px;
	padding: 230px 0 0 0;
			
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#impact .left_col h2 {
	color: #0c303c;
    font-size: 52px;
    font-family: 'Knockout 48 A', 'Knockout 48 B'; font-weight: 400; font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 93%;
    padding: 0 0 10px 0;
    margin: 0;
}	
#impact .left_col p {
	font-size: 20px;
}
#impact .right_col {
	float: right;
	text-align: center;
	width: 650px;
	padding: 55px 0 0 0;
			
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#impact .right_col img {
	width: 90%;
	padding: 20px 0 0 0;
}
.study_btn {
	font-family: 'Knockout 48 A', 'Knockout 48 B'; font-weight: 400; font-style: normal;
    font-size: 30px;
    letter-spacing: .8px;
    text-transform: uppercase;
	color: #FFF;
	background-color: #16a84c;
	border-radius: 4px;
	padding: 5px 20px 8px 20px;
	margin: 10px 0 0 0;
}


/*------------------------------------------------
Food A panel 
-------------------------------------------------*/
#food_a_image {
    height: 794px;
}

/*------------------------------------------------
Latest news panel 
-------------------------------------------------*/
#latest_news_panel {
    padding: 100px 0 100px 0; 
    text-align: center;
}
#hot_off_the_grill_type {
	width: 70%;
}
#latest_news_panel h2 {
	font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal;
    font-size: 34px;
    line-height: 36px;
    text-transform: uppercase;
	margin: 0;
	padding: 10px 0 50px 0;
}
#bareburger_banner img {
	width: 90%;
	margin: 0 0 40px 0;
}

/*------------------------------------------------
Lifestyle B panel 
-------------------------------------------------*/
#life_b_image {
    height: 794px;
}

/*------------------------------------------------
Future of protein panel 
-------------------------------------------------*/
#future_of_protein_panel {
	height: 550px;
	background: url('../media/img/home/future_of_protien_panel_hero.jpg') no-repeat center center;
    background-size: cover;
    padding: 100px 0 100px 0; 
    text-align: center;
}
#fop_copy_box {
	width: 70%;
	height: 120px;
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 20%, rgba(0,0,0,.55) 80%, rgba(0,0,0,0) 100%);
	margin: 330px auto 0 auto;
	padding: 0;
	text-align: center;
}
#fop_copy_box p {
	font-family: 'Knockout 49 A', 'Knockout 49 B'; font-weight: 400; font-style: normal;
    font-size: 26px;
    line-height: 28px;
    color: #FFF;
     letter-spacing: .7px;
    text-transform: uppercase;
	margin: 0 100px 0 100px;
	padding: 20px 0 0 0;
}
.big_green_btn {
	position: relative;
	display: inline-block;
	font-family: 'Knockout 48 A', 'Knockout 48 B'; font-weight: 400; font-style: normal;
    font-size: 45px;
    letter-spacing: .8px;
    text-transform: uppercase;
	color: #FFF;
	background-color: #16a84c;
	border-radius: 4px;
	padding: 5px 20px 8px 20px;
	margin: -25px 0 10px 0;
}

/*------------------------------------------------
Food B panel 
-------------------------------------------------*/
#food_b_image {
    height: 794px;
}



/*------------------------------------------------
News panel 
-------------------------------------------------*/
#news {
    height: 794px;
}
#in-the-news  {
    text-align: center;
    padding: 80px 0 100px 0; 
}
#in-the-news h1 {
	font-family: 'Knockout 48 A', 'Knockout 48 B'; font-weight: 400; font-style: normal;
    font-size: 80px;
    letter-spacing: .8px;
    text-transform: uppercase;
	color: #000;
	padding: 0;
	margin: 0;
}
#news_title_line {
	width:45%;
	padding: 0 0 50px 0;
}
#in-the-news .testimonial {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 350px;
    padding: 0 40px 20px 40px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
#in-the-news .testimonial img {
	width: 100%;
	margin: 0 0 20px 0;
}
#in-the-news .testimonial p {
	margin: 0;
	padding: 0;
}

.press_btn {
	font-family: 'Knockout 48 A', 'Knockout 48 B'; font-weight: 400; font-style: normal;
    font-size: 30px;
    letter-spacing: .8px;
    text-transform: uppercase;
	color: #FFF;
	background-color: #16a84c;
	border-radius: 4px;
	padding: 5px 20px 8px 20px;
	margin: 55px 0 10px 0;
}






/*------------------------------------------------
Tablet styles 
-------------------------------------------------*/
@media all and (max-width: 1024px) { 
	#top_hero_copy {
		width: 45%;
		margin: 50px 0 0 50px;
	}
	#top_hero, #food_b_image, #life_a_image, #life_b_image, #food_a_image, #latest_product_image {
    	background-attachment: scroll;
	}
	
}
@media all and (max-width: 800px) { 
	#top_hero {
    	height: 720px;
    	background-attachment: scroll;
    	background-position: 40%  center;
    }
	#top_hero_copy {
		width: 50%;
		margin: 96px 0 0 50px;
	}
	#top_hero_copy img {
		margin: 120px 0 15px 0;
	}	
	#top_hero_copy p {
		font-size: 22px;
	}
   #hero_form button {
   		width:100%
	}
	#hero_form input[type="text"] {
		width: 100%
	}
	#hero_form input[type="text"]#zipentry {
		width: 100%
	}
	#gmo_type img {
		height: 70px;
	}
	#beyond_burger_vid {
		height: 500px;
	}
	#the_future_type {
		width: 55%;
		padding: 105px 25px 0 0;
	}
	#mission p {
		font-size:20px;
	}

	#mission h3 {
		font-size: 18px;
	}
	#why_plants_footnote {
		width: 100%;
		clear: both;
		margin: 20px auto 40px auto;
	}
	#why_plants_footnote p {
		font-size: 12px;
		display: inline;
	}
	#future_of_protein_panel {
		height: 450px;
	}
	#fop_copy_box {
		width: 100%;
		height: 100px;
	}
	#fop_copy_box p {
		font-size: 24px;
		line-height: 24px;
	}


    #in-the-news .panel {
        text-align: center;
    }
    #in-the-news .testimonial {
        margin: 0 25px;
    }
  

	

	


}