@charset "utf-8";
body{font-family: 'Onest', sans-serif; font-size:1em;}	
.header{display:flex; flex-direction: row; justify-content: center; align-items: center; font-size:.9em;}
.nav-links{display:flex; flex-direction:row;}
.nav-item{margin:10px 10px 0px 0px; color:#fa923b;}
.nav-item a:link{color:#909090; text-decoration: none;}
.nav-item a:hover{color:#49de80 !important; text-decoration: none;}
.nav-item a:visited{color:#909090; text-decoration: none;}

/*---- HOME PAGE ----*/

.wrapper{display:flex; flex-direction: column; font-family: 'Onest', sans-serif; width:500px; margin:50px auto 0px;}
.inner-wrapper{display:flex; flex-direction: column; justify-content: center; align-items: center; margin:20px auto 0px; width:500px;}
.logo{display:flex; justify-content: center; align-items: center; margin-bottom:20px;}
.logo img{max-width:200px;}
.search-label{display:flex; flex-direction: row; width:100%; justify-content:center; color:#909090;}
.search-label h2{padding:0px; margin:10px 0px 10px 0px;}
.search-wrapper{display:flex; width:100%; flex-direction: row; justify-content:flex-start;}
.search{display:flex; flex-direction: row; justify-content:flex-start; width:100%;}
.search-field{width:100%;}
.search-field::placeholder{color:#b4b4b4;}
.search-field input{width:100%; height:23px; border-radius: 7px; padding:10px; font-size:1em; background-color:#f9f9f9; border:1px solid #e1e1e1;}
.search-btn-wrapper{}
.search-btn{}
.search-field-subtext{width:500px; color:#909090; margin:10px 0px 20px 0px; font-size:.9em; text-align: center;}
.search-field-subtext a:link{color:#909090; text-decoration: none;}
.search-field-subtext a:hover{color:#49de80 !important; text-decoration: none;}
.search-field-subtext a:visited{color:#909090; text-decoration: none;}
.search-field-subtext b{color:#fa923b;}
.quick-search-wrapper{width:500px;}
.quick-search-wrapper h3{color:#909090; margin-bottom:5px;}
.quick-search-item{border:1px solid #e1e1e1; border-radius: 7px; padding:10px; margin:5px auto; display:flex;}
.view-video-wrapper{background-color: #f1f1f1; border-radius:7px; display:flex; flex-direction: row; align-items: center; justify-content: center; color: #909090; width:200px; font-size:.85em; padding:5px 10px 5px 10px; margin:60px auto 0px; font-weight:600; box-shadow: 0 3px 0 rgba(59, 59, 59, 0.15);}
.view-video-wrapper img{max-width:40px; margin:5px;}
a:link{color:#49de80; text-decoration: none;}
a:hover{color:#49de80; text-decoration: none;}
a:visited{color:#49de80; text-decoration: none;}
	
	
.submit-button {
background-color: #49de80;
color: #fff;
border: none;
padding:10px 10px 9px 10px;
border-radius: 7px;
cursor: pointer;
width:50px;
margin-left:10px;
}
.search-btn img{max-width:25px;}
@media all and (max-width: 560px) {
.logo{margin-bottom:5px;}
.logo img{max-width: 170px;}
.wrapper{width:90%; margin-top:30px;}
.inner-wrapper{width:100%;}
.quick-search-wrapper{width:100%;}
.search-label h2{font-size:1.25em;}
.search-field input{width:100%;}
.search-field{width:100%;}
.search-btn-wrapper{width:auto;}
.search-field-subtext{width:100%; font-size:.85em;}
.submit-button{margin-left:20px;}
}	
@media all and (max-width: 400px) {
.search-field input{font-size:.9em;}	
}

/*---- HOME PAGE ----*/

/*---- RESULTS PAGE ----*/
.details_header_nav{display:flex; flex-direction: row; justify-content: flex-end; margin:-10px 0px 0px 0px;}
.overwrap{margin:5px 30px 5px 30px;}
.details_header{display:flex; flex-direction: row; justify-content:flex-start; align-items: center;}	
.details_logo{margin-right:40px;}
.details_logo img{max-width:150px;}
.header_search_wrapper{display:flex; flex-direction: row; align-items: center; justify-content: center;}
.header_search_bar input{width:500px; height:23px; border-radius: 7px; padding:10px; font-size:1em; background-color:#f9f9f9; border:1px solid #e1e1e1; color:#909090;}
.header_search_btn{margin-top:0px;}

.results_wrapper{margin: 20px 0px 0px 0px;}
.results_history{color:#909090; padding:0px;}
.results_history b{color:#fa923b;}
.results_inner_wrapper{display:flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; padding:0px; margin:20px 0px 0px 0px;}
.results_item_wrapper{display:flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width:300px; box-shadow: 0 0 50px rgba(57, 57, 57, 0.1); padding:20px; border-radius:7px; margin:0px 25px 0px 0px; cursor: pointer;}
.results_name{font-size:1.5em; color:#fa923b; font-weight:800; margin:0px 0px 10px 0px;}
.results_image{}
.results_image img{max-width:150px;}
.results_rating{background-color:#f1f1f1; color:#49de80; padding:10px; border-radius:7px;}
.results_rating b{color:#909090; font-weight:600;}
.results_price{color:#49de80; padding:10px;}
.results_price b{color:#909090; font-weight:600;}
.results_view{color:#49de80; font-weight:600; display:flex; flex-direction: row; width:90%; padding:10px; font-size:1.25em;}
.results_view img{max-width:20px; margin-right:5px;}
.results_view a{display:flex; flex-direction: row; text-align: center; width:100%; justify-content: flex-start;}
.bad_rating{color:#ff7e7e !important;}
.low_rating{color:#fa923b !important}
.mid_rating{color:#3b6cfa !important;}
.good_rating{color:#36be00 !important;}
.best_rating{color:#49de80 !important;}

@media all and (max-width: 860px) {
.overwrap{margin:5px;}
.details_header_nav{justify-content: center; margin:-10px auto 20px auto; font-size:.9em;}
.details_logo{margin:0px 0px 15px 0px}
.details_header{flex-direction: column;}
.header_search_wrapper{width:96%;}
.header_search_bar{width:100%;}
.header_search_bar input{width:100%;}
.results_inner_wrapper{flex-direction: column; justify-content: center; align-items: center; margin:5px 0px 0px 0px;}
.results_item_wrapper{margin:10px auto 10px auto; width:90%; align-items: center;}
.results_view{justify-content: center;}
.results_view a{justify-content: center;}
.results_history{justify-content: center; text-align: center;}
.product_left{display:none !important;}
}	
@media all and (max-width: 460px) {
.results_item_wrapper{width:85%;}	
.results_name{font-size:1.25em;}	
.results_view{font-size:1.15em; padding:0px; width:100%; margin-top:10px; margin-bottom:10px;}
.results_image img{max-width:100px;}
.header_search_bar input{font-size:.9em;}
}
@media all and (max-width: 380px) {
.results_rating{font-size:.9em;}
.results_price{font-size:.9em;}	
}

/*---- RESULTS PAGE ----*/

/*---- PRODUCT PAGE ----*/

.breadcrumb{color:#909090; margin:20px 0px 0px 0px;}
.breadcrumb a{color:#fa923b; text-decoration: none;}
.breadcrumb a:hover{color:#49de80 !important; text-decoration: none;}
.breadcrumb a:visited{color:#fa923b; text-decoration: none;}

.product_wrapper{display:flex; flex-direction: row; justify-content:flex-start; align-items: flex-start; color:#404040; font-size:1em; margin:30px 35px 35px 35px; width:95%;}
.product_imagename_wrapper{display:none;}
.product_nameprocon_wrapper{display:flex; flex-direction: column;}
.product_name_mobile{display:none;}
.product_name_desktop{display:flex; flex-direction: column;}
.product_procon_wrapper_mobile{display:none; margin:5px 0px 10px 0px; max-width:200px;}
.product_procon_wrapper_desktop{display:flex; flex-direction: column; width:90%; margin-top:10px; max-width:200px;}
.product_left{display:flex; flex-direction: column; background-color:#f9f9f9; border-radius: 7px; align-items: center; padding:10px 10px 30px 10px; margin:0px 15px 0px 0px; }
.product_image{padding:10px; background-color:#FFF; border-radius:5px; margin:10px;}
.product_image img{max-width:250px;}
.product_procon_wrapper{display:flex; flex-direction: column; width:90%; justify-content: flex-start; align-items: flex-start; font-size:.9em;}
.product_pros{color:#49de80;}
.product_pros b{color:#909090;}
.product_cons{color:#ff7e7e;}
.product_cons b{color:#909090;}
	
.product_right{display:flex; flex-direction: column; justify-content:flex-start; align-items: flex-start;}
.product_name{color:#fa923b; font-size:1.5em; font-weight:800;}
.product_healthrating{color:#49de80; font-size:1.5em;}
.product_healthrating b{color:#909090;}
	
.product_facts_wrapper{display:flex; flex-direction: column; border:solid 1px #404040; margin:15px 0px 0px 0px; width:100%; font-size:.9em; border-radius: 5px; color:#4b4b4b;}
.product_facts_innerwrapper1{display:flex; flex-direction: column; border-bottom:solid 8px #404040; padding:5px;}
.product_facts_nutritionlabel{font-size:1.25em; font-weight:800;}
.product_facts_servingsize{}
.product_facts_servingscount{}	
	
.product_facts_innerwrapper2{display:flex; flex-direction: row; justify-content: flex-start; align-items: center; border-top:solid 2px #404040; padding:5px;}
.product_facts_amountperserving_label{text-align: center; width:80px;}
.product_facts_percentdailyvalue_label{text-align: center; width:80px;}
	
.product_facts_innerwrapper3{display:flex; flex-direction: row; justify-content: flex-start; align-items: center; border-top:solid 1px #404040; border-bottom:solid 5px #404040; padding:5px;}
.product_facts_calories{display:flex; flex-direction: row; align-items: center; justify-content: center; width:80px;}
	
.product_facts_innerwrapper4{display:flex; flex-direction: column; border-top:solid 1px #404040; border-bottom:solid 5px #404040; padding:4px;}
.product_facts_group{display:flex; flex-direction: row; padding: 5px 0px 5px 5px; border-bottom:solid 1px #404040;}
.product_facts_subgroup{display:flex; flex-direction: row; margin:0px 5px 0px 0px; padding:5px 0px 5px 5px; border-bottom:solid 1px #404040;}
.product_facts_subsubgroup{display:flex; flex-direction: row; margin:0px 10px 0px 0px; justify-content: space-between; padding:5px 0px 5px 10px; border-bottom:solid 1px #404040;}
.product_facts_label{width:300px;}
.product_facts_count{width:80px; text-align: center; display:flex; flex-direction: row; justify-content: center; align-items: center;}
.product_facts_subcount{width:80px; text-align: center; display:flex; flex-direction: row; justify-content: center; align-items: center;}
.product_facts_percent{width:80px; text-align: center;}
.product_facts_subpercent{width:80px; text-align: center;}
.product_facts_sublabel{width:290px; margin:0px 0px 0px 10px;}
.product_facts_subsublabel{margin:0px 0px 0px 15px; width:280px;}
.product_facts_vitaminsminerals{padding:0px;}

.product_ingredients{font-size:1em; color:#909090; margin:10px 0px 15px 0px;}
.product_ingredients b{color:#fa923b;}
.product_certifications{color:#909090; width:100%; margin:5px 0px 0px 0px;}
.certifications_label{font-size:1.5em; font-weight:800;}
.certification_name{display:flex; flex-direction: row; width:100%; margin:5px 0px 0px 0px; font-weight:600;}
.certification_yes{color:#49de80; margin:0px 0px 0px 5px; font-weight:400;}
.certification_no{color:#ff7e7e; margin:0px 0px 0px 5px; font-weight:400;}
.certification_mostly{color:#fa923b; display:flex; flex-direction: row; margin:0px 0px 0px 5px; font-weight:400; align-items: center;}
.certification_na{color:#909090; display:flex; flex-direction: row; margin:0px 0px 0px 5px; font-weight:400; align-items: center;}
.info-icon{margin: 0px 0px 0px 5px; display:flex; flex-direction: row; justify-content: center; align-items: center; font-weight:400;}
	
.product_prices{display:flex; flex-direction: column; margin:35px 0px 0px 0px; width:100%;}
.produce_prices_label{color:#49de80; font-size:1.5em; font-weight:800;}

.price_innerwrapper{display:flex; flex-direction: row; margin:0px 0px 0px 0px; justify-content: flex-start; align-items: center; border-bottom:1px solid #b5b5b5; padding:10px 5px 10px 5px; width:100%;}
.price_innerwrapper2{display:flex; flex-direction: row; margin:0px 0px 0px 0px; justify-content: flex-start; align-items: center; border-bottom:1px solid #b5b5b5; padding:10px 5px 10px 5px; width:100%;}
.price_options_wrapper{display:flex; flex-direction: row; justify-content: flex-start; align-items: center; width:100%;}
.price_stores{display:flex; flex-direction: column;}
.price_store_logo{display:flex; flex-direction: column; justify-content: center; align-items: center; margin-right:10px;}
.price_store_logo img{max-width:90px;}
.price_store_name{color:#49de80;}
.price_store_name b{color:#909090;}
.price_checkdate{color:#49de80; font-size:.8em;}
.price_checkdate b{color:#b5b5b5;}
	
.product_buy {
background-color: #49de80;
color: #fff;
border: none;
padding:10px;
border-radius: 7px;
cursor: pointer;
width: 95px;
height: 20px;
justify-content: center;
font-size:.9em;
align-items: center;
display:flex; flex-direction: row;
font-weight: 800;
}

.product_video {
background-color: #f1f1f1;
color: #909090;
border: none;
padding:10px;
border-radius: 7px;
cursor: pointer;
width:125px;
height: 20px;
justify-content: center;
font-size:.9em;
align-items: center;
display:flex; flex-direction: row;
font-weight: 800;
margin:0px 0px 5px 0px;
}

.product_video img{max-width:30px; margin:0px 5px 0px 0px;}
	
.product_recipe {
background-color: #fa923b;
color: #fff;
border: none;
padding:10px;
border-radius: 7px;
cursor: pointer;
width:95px;
height: 20px;
justify-content: center;
font-size:.9em;
align-items: center;
display:flex; flex-direction: row;
font-weight: 800;
margin:0px 0px 5px 0px;
}
.prices_btn_wrapper{display:flex; flex-direction: column; align-items: flex-end; justify-content: center;}
.prices_btn_wrapper_mobile{display:none;}


	
@media all and (max-width: 860px) {
.product_wrapper{flex-direction: column; width:95%; margin:20px auto 30px auto;}
.product_image{display:none;}
.product_imagename_wrapper{display:flex; flex-direction: row; justify-content: flex-start; align-items: center; background-color:#f9f9f9; border-radius: 7px; width:100%;}
.product_image_mobile{padding:10px; background-color:#FFF; border-radius:5px; margin:20px;}
.product_image_mobile img{max-width:150px;}
.product_name_desktop{display:none;}
.product_name_mobile{display:flex;flex-direction: column;}
.product_procon_wrapper_desktop{display:none;}
.product_procon_wrapper_mobile{display:flex; flex-direction: column; width:100%; max-width:100%;}
.product_right{width:100%;}
.product_facts_group{justify-content: flex-end;}
.product_facts_subgroup{justify-content: flex-end;}
.product_facts_label{width:80% !important;}
.product_facts_sublabel{width:80% !important;}
.product_facts_amountperserving_label{width:100px;}
.breadcrumb{margin:20px 0px 0px 20px;}
.search{justify-content: center;}
}
@media all and (max-width: 530px) {
.breadcrumb{font-size:.9em; margin:20px 0px 0px 20px;}
.product_name{font-size:1em;}	
.product_healthrating{font-size:1em;}
.certifications_label{font-size:1em;}
.produce_prices_label{font-size:1em;}
.certification_name{}
.product_procon_wrapper_mobile{font-size:.8em;margin-top:5px; width:90%;}
.product_cons{margin-top:3px;}
.product_image_mobile img{max-width:85px;}
}
@media all and (max-width: 460px) {
.breadcrumb{font-size:.9em; margin:20px 0px 0px 0px; text-align: center;}
.price_innerwrapper{flex-direction: column;}
.product_name{font-size:1em;}	
.product_healthrating{font-size:1em;}
.product_ingredients{font-size:.9em;}
.product_buy{width:95%; margin:10px auto 0px auto;}
.product_recipe{width:95%; margin:10px auto 0px auto;}
.product_video{width:95%; margin:10px auto 0px auto;}
.price_stores{font-size:.9em;}
.certifications_label{font-size:1em;}
.produce_prices_label{font-size:1em;}
.certification_name{font-size:.9em;}
.prices_btn_wrapper_mobile{display:flex; flex-direction: column; align-items: center; justify-content: center; width:100%;}
.prices_btn_wrapper_mobile a{width:100%;}
.prices_btn_wrapper{display:none;}
}

/*---- PRODUCT PAGE ----*/