
/* Copyright Active Consultancy */
/* RESET CSS */
html,body,header,footer,nav,section,article,aside,audio,video,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent}
body {line-height:1}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,
q:before,q:after {content:'';content:none}
:focus {outline:0}
ins {text-decoration:none}
del {text-decoration:line-through}
table {border-collapse:collapse;border-spacing:0}

/* FONTAWESOME PSEUDO ELEMENTS */
ul.list li::before {display:inline-block;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;}

/* GENERIC STYLING */
html {scroll-behavior:smooth;}
h1, h2, h3, h4, h5, h6, p, a {font-family:filson-pro, sans-serif; font-style:normal; font-weight:400; letter-spacing:1px;}
h1 {font-weight:800; line-height:30px; text-align:center; font-size:1.55em; padding:10px 0;}
p {padding:10px 0; line-height:24px;}
.word_break {word-break:break-word;}

/* NAVIGATION STYLING */
.navigation {position:absolute; width:100%; padding:20px 0; z-index:5;}
.navigation .menu_items {text-align:center;}
.navigation .menu_items a {text-decoration:none; font-weight:800; letter-spacing:0.05em; text-transform:uppercase; color:#016768; font-size:1.25em; line-height:25px; margin:0 29px;}
.navigation .menu_items a:active, .navigation .menu_items a:visited {text-decoration:none; color:#016768;}
.navigation .menu_items a:hover {text-decoration:underline; text-decoration-thickness:2px;}
.menu_icon {display:none;}
.menu_icon {width:49px; height:38px; position:absolute; margin:15px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:0.5s ease-in-out; -moz-transition:0.5s ease-in-out; -o-transition:0.5s ease-in-out; transition:0.5s ease-in-out; cursor:pointer; right:0;}
.menu_icon span {display:block; position:absolute; height:6px; width:100%; background-color:#016768; border-radius:5px; opacity:1; left:0; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:0.25s ease-in-out; -moz-transition:0.25s ease-in-out; -o-transition:0.25s ease-in-out; transition:0.25s ease-in-out;}
.menu_icon span:nth-child(1) {top:0px;}
.menu_icon span:nth-child(2), .menu_icon span:nth-child(3) {top:15px;}
.menu_icon span:nth-child(4) {top:30px;}
.menu_icon.open span {background-color:#ffffff;}
.menu_icon.open span:nth-child(1) {top:18px; width:0%; left:50%;}
.menu_icon.open span:nth-child(2) {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.menu_icon.open span:nth-child(3) {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.menu_icon.open span:nth-child(4) {top:18px; width:0%; left:50%;}

/* FEATURE STYLING */
div.feature {height:1024px; position:relative; width:100%; background-image:url(../images/background/feature_background.jpg?upd=20220914125114); background-repeat:no-repeat; background-position:center top; background-size:cover;}
div.feature .logo_container {text-align:center; padding:104px 20px 10px 20px;}
div.feature .logo_container object {max-width:523px; width:100%;}
div.feature div.product_shot {position:absolute; bottom:-90px; padding:0 50px; z-index:5;}
div.feature div.product_shot img {max-width:539px; width:100%;}
div.feature .feature_footer {position:absolute; bottom:0;}
div.feature .feature_footer.mini {display:none;}
div.feature .feature_footer img {width:100%;}
div.feature {height:700px; background-position:center bottom;}
div.feature .logo_container object {max-width:360px; width:100%;}
div.feature div.product_shot img {max-width:440px; width:100%;}

/* LEFTOVERS STYLING */
div.leftovers {position:relative; width:100%;}
div.leftovers div.inner {background-color:#016768; padding:80px 0 40px 0; box-sizing:border-box;}
div.leftovers h1 {color:#ffffff; padding:0 20px;}
div.leftovers p {color:#ffffff; text-align:center; padding:12px 20px 20px 20px;}
div.leftovers .love_food_hate_waste {text-align:center;}
div.leftovers .love_food_hate_waste .text {display:inline-block;}
div.leftovers .love_food_hate_waste .text p {display:inline-block; line-height:100px; padding:0 20px;}
div.leftovers .love_food_hate_waste .logo {display:inline-block;}
div.leftovers .love_food_hate_waste .logo img {max-width:100px; width:100%;}
div.leftovers .tool {padding:0 20px;}
div.leftovers .tool div.ingredients {padding:40px 0 0 0; width:1053px; margin:0 auto; display:grid; grid-gap:20px; grid-template-columns:repeat(6, 159px);}
div.leftovers .tool div.ingredients div.ingredient {cursor:pointer; width:158px; height:158px; background-repeat:no-repeat; background-position:center top; background-size:cover;}
div.leftovers .tool div.ingredients div.ingredient:hover {background-position:center bottom;}
div.leftovers .tool div.ingredients div.ingredient.selected {background-position:center bottom;}
div.leftovers .tool div.ingredients div.ingredient.onion {background-image:url(../images/inline/onions.svg?upd=20220914125114);}
div.leftovers .tool div.ingredients div.ingredient.chicken {background-image:url(../images/inline/chicken.svg?upd=20220914125114);}
div.leftovers .tool div.ingredients div.ingredient.tomato {background-image:url(../images/inline/tomatoes.svg?upd=20220914125114);}
div.leftovers .tool div.ingredients div.ingredient.potato {background-image:url(../images/inline/potatoes.svg?upd=20220914125114);}
div.leftovers .tool div.ingredients div.ingredient.pepper {background-image:url(../images/inline/peppers.svg?upd=20220914125114);}
div.leftovers .tool div.ingredients div.ingredient.bacon {background-image:url(../images/inline/bacon.svg?upd=20220914125114);}
div.leftovers .tool div.ingredients div.ingredient img {width:159px;}
div.leftovers .tool .ingredient_results {padding:40px 0; width:1043px; margin:0 auto;}
div.leftovers .tool .ingredient_results > div {display:none;}
div.leftovers .tool .ingredient_results > div a {width:321px; display:inline-block; margin:12px; text-decoration:none;}
div.leftovers .tool .ingredient_results div.leftover_frame {min-height:241px; width:321px; background-color:#ffffff; border-radius:11px; position:relative;}
div.leftovers .tool .ingredient_results div.leftover_frame div.product_image {position:absolute; right:20px; top:15px;}
div.leftovers .tool .ingredient_results div.leftover_frame div.product_image img {max-width:49px;}
div.leftovers .tool .ingredient_results div.leftover_frame div.product_image.sharwoods img {max-width:43px;}
div.leftovers .tool .ingredient_results div.leftover_frame div.product_image.loyd_grossman img {max-width:47px;}
div.leftovers .tool .ingredient_results div.leftover_frame div.inspiration_name {padding:19px 0 0 0; height:92px;}
div.leftovers .tool .ingredient_results div.leftover_frame h3 {font-weight:700; line-height:24px; color:#016768; padding:29px 100px 16px 16px; font-size:1.3em;}
div.leftovers .tool .ingredient_results div.leftover_frame div.difficulty_container {position:absolute; bottom:10px; right:20px; width:70px; text-align:center;}
div.leftovers .tool .ingredient_results div.leftover_frame div.difficulty_container object {width:100%; max-width:49px; pointer-events:none;}
div.leftovers .tool .ingredient_results div.leftover_frame div.difficulty_container p {color:#016768; padding:0; font-size:0.8em; font-weight:700;}
div.leftovers .tool .ingredient_results div.leftover_frame .inspiration {display:none; padding:0 10px 50px 10px;}
div.leftovers .leftovers_footer.mini {display:none;}
div.leftovers .leftovers_footer img {width:100%;}

/* ABOUT STYLING */
div.about {position:relative; width:100%;}
div.about h1, div.about p {color:#016768; padding:0 32px; margin:50px 0;}
div.about h1 {font-weight:700; line-height:24px; font-size:1.3em;}
div.about p {text-align:center; font-weight:425; line-height:24px;}
div.about .illustation {text-align:center; padding:0 45px; width:100%; box-sizing:border-box;}
div.about .illustation.mini {display:none;}
div.about .illustation object {width:100%; max-width:1347px;}
div.about div.footnote {margin:50px 0; font-size:0.75em;}
div.about div.footnote p {margin:0;}
div.about div.footnote p a {color:#016768;}
div.about div.footnote p a:active, div.about div.footnote p a:visited, div.about div.footnote p a:hover {color:#016768;}

/* INSPIRE STYLING */
div.inspire {margin:40px 0 0 0;}
div.inspire .inspire_header.mini {display:none;}
div.inspire .inspire_header img {width:100%; display:block;}
div.inspire div.inner {background-color:#016768; padding:50px 0 20px 0;}
div.inspire h1, div.inspire p {color:#ffffff;}
div.inspire p {padding:0 26px; text-align:center;}
div.inspire div.inspiration_ideas {padding:40px 0; width:1010px; margin:0 auto;}
div.inspire div.inspiration_ideas div.inspire_frame {width:321px; background-color:#ffffff; border-radius:11px; position:relative; height:521px; margin:12px;}
div.inspire div.inspiration_ideas div.inspire_frame div.product_image {position:absolute; right:20px; top:15px;}
div.inspire div.inspiration_ideas div.inspire_frame div.product_image img {max-width:49px;}
div.inspire div.inspiration_ideas div.inspire_frame div.product_image.sharwoods img {max-width:43px;}
div.inspire div.inspiration_ideas div.inspire_frame div.product_image.loyd_grossman img {max-width:47px;}
div.inspire div.inspiration_ideas div.inspire_frame div.inspiration_name {padding:19px 0 0 0; height:92px;}
div.inspire div.inspiration_ideas div.inspire_frame h3 {font-weight:700; line-height:24px; color:#016768; padding:10px; font-size:1.3em;}
div.inspire div.inspiration_ideas div.inspire_frame .inspiration {padding:0 10px 50px 10px;}
div.inspire div.inspiration_ideas div.inspire_frame p {color:#016768; line-height:24px; padding:10px; text-align:left;}
div.inspire .inspiration_controls {text-align:center; z-index:5; position:relative; padding:0 0 50px 0;}
div.inspire .inspiration_controls > div {height:70px; width:70px; background-color:#ffffff; display:inline-block; border-radius:35px; cursor:pointer; margin:0 40px;}
div.inspire .inspiration_controls > div:hover {opacity:0.5;}
div.inspire .inspiration_controls > div img {position:relative; top:20%; left:4%;}
div.inspire .inspiration_controls > div.previous img {left:-4%; transform:rotate(180deg);}

/* HACKS STYLING */
div.hacks .inspire_footer.mini {display:none;}
div.hacks .inspire_footer img {width:100%;}
div.hacks {height:790px; position:relative; width:100%; background-image:url(../images/background/hacks_background.jpg?upd=20220914125114); background-repeat:no-repeat; background-position:center top; background-size:cover; background-size:cover;}
div.hacks > .inner {padding:20px 0 0 0;}
div.hacks h1, div.hacks p {color:#016768;}
div.hacks h1 {font-weight:700; padding:25px 10px 10px 10px;}
div.hacks p {padding:0 26px; text-align:center;}
div.hacks div.tips {width:1010px; margin:0 auto;}
div.hacks div.tips div.hack_frame {width:321px; height:470px; border-radius:50px; padding:24px; margin:12px; background-color:#ffffff; display:flex; align-items:center; box-sizing:border-box;}
div.hacks div.tips div.hack_frame h3 {font-weight:700; line-height:24px; text-align:center; color:#016768; font-size:1.3em; margin:0 0 18px 0;}
div.hacks div.tips div.hack_frame a {color:#016768; word-break:break-word; font-weight:700;}
div.hacks div.tips div.hack_frame a:visited, div.hacks div.tips div.hack_frame a:active {color:#016768;}
div.hacks .tips_controls {text-align:center; z-index:5; position:relative; margin:30px 0;}
div.hacks .tips_controls > div {height:70px; width:70px; background-color:#ffffff; display:inline-block; border-radius:35px; cursor:pointer; margin:0 40px;}
div.hacks .tips_controls > div:hover {opacity:0.5;}
div.hacks .tips_controls > div img {position:relative; top:20%; left:4%;}
div.hacks .tips_controls > div.previous img {left:-4%; transform:rotate(180deg);}
div.hacks .hacks_footer {position:absolute; bottom:0;}
div.hacks .hacks_footer.mini {display:none;}
div.hacks .hacks_footer img {width:100%;}

/* FOOTER STYLING */
div.footer {background-color:#016768;}
div.footer .inner {padding:60px 20px; text-align:center;}
div.footer h1, div.footer p {color:#ffffff;}
div.footer div.product_shot {margin:20px 0;}
div.footer div.product_shot img {max-width:350px; width:100%;}
div.footer .links {color:#ffffff; font-family:filson-pro, sans-serif;}
div.footer .links a {margin:0 10px;}
div.footer a, div.footer a:hover, div.footer a:visited, div.footer a:active {color:#ffffff;}
div.footer p:first-of-type {padding:0 0 25px 0;}
div.footer div.trademarks {padding:50px 0 0 0;}
div.footer div.trademarks p {padding:5px 0; font-size:0.8em;}

/* COOKIEBAR STYLING */
.cookiebar {background-color:rgba(0,0,0,0.7); bottom:0; display:none; left:0; position:fixed; width:100%; z-index:1000;}
.cookiebar > div {display: block; padding:10px 0; width:100%;}
.cookiebar .cookiemsg {padding:0 2.5%; width:95%; max-width:1200px; margin:0 auto; line-height:1.2em; font-size:1.2em;}
.cookiebar .cookiebt {padding:5px 5% 0 2.5%; text-align:center; width:95%;}
.cookiebar .cookiemsg p {color:#ffffff; font-size:0.9em; text-align:center;}
.cookiebar .cookiemsg p a, .cookiebar .cookiemsg p a:active, .cookiebar .cookiemsg p a:visited {display:inline-block;}
.cookiebar .cookiemsg p a, .cookiebar .cookiemsg p a:active, .cookiebar .cookiemsg p a:visited {color:#ffffff; text-decoration:underline;}
.cookiebar .cookiebt a, .cookiebar .cookiebt a:active, .cookiebar .cookiebt a:visited  {color:#ffffff; font-size:1.6em; font-weight:700; text-transform:uppercase; font-family:HardysSignageBold,proxima-nova,sans-serif;}

/* MODAL MAGNIFIC STYLING */
.mfp-close {font-size:44px;}
.mfp-close-btn-in .mfp-close {color:#016768; opacity:1; left:0; height:60px; width:60px;}

/* MODAL STYLING */
.modal_underlay {display:none; height:0; position:absolute; width:0; z-index:-1;}
.modal_underlay.enable {display:block; height:100%; width:100%; z-index:9999999;}
.blur {-webkit-filter:blur(10px); -moz-filter:blur(10px); -o-filter:blur(10px); -ms-filter:blur(10px); overflow:hidden;}
.modal_bg {display:none; background-color:#000000; opacity:0.3; top:-5%; left:-5%; width:110%; height:110%; position:fixed; z-index:9999992; filter:blur(10px);}
.lightbox {background-color:#ffffff; margin:40px auto; max-width:1200px; padding:0; position:relative; border-radius:10px;}
.lightbox .frame_lb {min-height:initial; position:relative;}
.lightbox .content {padding:5%; text-align:left; color:#016768;}
.lightbox .content .btnrow {text-align:center;}
.lightbox .content .btnrow .imgbtn {height:59px;}
.lightbox .content h1, .lightbox .content h2, .lightbox .content h3 {padding:10px 0 15px 0; text-transform:uppercase; font-family:proxima-nova,Arial,Helvetica,sans-serif; letter-spacing:0;}
.lightbox .content h1 {font-weight:900; text-align:center;}
.lightbox .content h2 {text-align:center; font-weight:900; font-size:1.6em; padding:15px 0 5px 0;}
.lightbox .content h3 {padding:10px 0 0px 0; font-weight:700;}
.lightbox .content h4 {padding:15px 0 0 0; text-transform:uppercase; font-family:proxima-nova,Arial,Helvetica,sans-serif; font-size:1em;}
.lightbox .content p {font-size:1em; line-height:20px;}
.lightbox .content p a {color:#016768;}
.lightbox .content ul, .lightbox .content ol {font-family:filson-pro, sans-serif; font-style:normal; font-weight:400; letter-spacing:1px; line-height:20px;}
.lightbox .content ul a {color:#016768;}
.lightbox .content ol a {color:#016768;}
.lightbox .content table {font-family:filson-pro, sans-serif; font-style:normal; font-weight:400; letter-spacing:1px; line-height:20px;}
.lightbox .content table a {color:#016768;}
.privacy_modal ul.list, .privacy_modal ul.list ul {list-style:none;}
.privacy_modal ul.list li {padding-left:25px; position:relative;}
.privacy_modal ul.list li::before {font-family:"Font Awesome 5 Free"; font-size:1em; font-weight:900; left:0; position:absolute;}
.privacy_modal ul.list > li::before {content:"\f105"; /* angle-right */ }
.privacy_modal strong {font-weight:500;}
.privacy_modal ol.list {list-style-type:decimal;}
.privacy_modal ol.list, .privacy_modal ol.list ol {margin-left:22px;}
.privacy_modal ol.list > li {margin:0 0 0 5px; padding:0 0 0 5px;}
.privacy_modal ol.list > li:last-child, .privacy_modal ul.list > li:last-child {padding-bottom:3px;}
.privacy_modal .list li > ul > li::before {content:"\f068"; /* minus */ -webkit-transform:scale(0.5,0.5); transform:scale(0.5,0.5);}
.privacy_modal ol.list li > ol {list-style-type:lower-alpha;}
.privacy_modal ol.list li > ol, .privacy_modal ul.list li > ul {padding-top:3px;}
.privacy_modal ol.list li > ol > li:last-child, .privacy_modal ul.list li > ul > li:last-child {padding-bottom:3px;}
.privacy_modal ol.list > li li, .privacy_modal ul.list > li li {font-size:1em;}
.privacy_modal ol.list > h2, .privacy_modal ol.list > p {margin-left:-22px; margin-top:20px;}
.privacy_modal table {margin:5px 0 10px 0; width:100%;}
.privacy_modal table, .privacy_modal table td, .privacy_modal table th {border-color:#000000; border-style:solid; border-width:1px;}
.privacy_modal table td, .privacy_modal table th {padding:3px;}
.privacy_modal table td a {color:#1d1d1b; font-weight:400;}
.lightbox .content ol.privacy_policy p {font-size:1em; padding:5px 0 5px 0;}
.cookie_modal ul.list, .cookie_modal ul.list ul {list-style:none;}
.cookie_modal ul.list li {padding-left:25px; position:relative;}
.cookie_modal ul.list li::before {font-family:"Font Awesome 5 Free"; font-size:1em; font-weight:900; left:0; position:absolute;}
.cookie_modal ul.list > li::before {content:"\f105"; /* angle-right */ }
.cookie_modal strong {font-weight:500;}
.cookie_modal ol.list {list-style-type:decimal;}
.cookie_modal ol.list, .cookie_modal ol.list ol {margin-left:22px;}
.cookie_modal ol.list > li {margin:0 0 0 5px; padding:0 0 0 5px;}
.cookie_modal ol.list > li:last-child, .cookie_modal ul.list > li:last-child {padding-bottom:3px;}
.cookie_modal .list li > ul > li::before {content:"\f068"; /* minus */ -webkit-transform:scale(0.5,0.5); transform:scale(0.5,0.5);}
.cookie_modal ol.list li > ol {list-style-type:lower-alpha;}
.cookie_modal ol.list li > ol, .cookie_modal ul.list li > ul {padding-top:3px;}
.cookie_modal ol.list li > ol > li:last-child, .cookie_modal ul.list li > ul > li:last-child {padding-bottom:3px;}
.cookie_modal ol.list > li li, .cookie_modal ul.list > li li {font-size:1em;}
.cookie_modal ol.list > h2, .cookie_modal ol.list > p {margin-left:-22px; margin-top:20px;}
.cookie_modal table {margin:5px 0 10px 0; width:100%;}
.cookie_modal table, .cookie_modal table td, .cookie_modal table th {border-color:#000000; border-style:solid; border-width:1px;}
.cookie_modal table td, .cookie_modal table th {padding:3px;}
.cookie_modal table td a {color:#1d1d1b; font-weight:400;}
.lightbox .content ol.cookie_policy p {font-size:1em; padding:5px 0 5px 0;}

/* RECIPE MODAL STYLING */
.lightbox .content.header {padding:0; width:100%; height:170px;}
.lightbox .content.recipe {padding:36px 5% 5% 5%;}
.lightbox .content.header {background-size:100% auto; background-position:center; background-repeat:no-repeat; border-radius:10px 10px 0 0;}
.lightbox .content.recipe .product_image {width:81px; position:absolute; right:70px; top:29px;}
.lightbox .content.recipe .product_image img {max-width:81px;}
.lightbox .content.recipe div.title {padding:10px 0 28px 0;}
.lightbox .content.recipe div.title h3 {font-family:filson-pro, sans-serif; font-style:normal; font-weight:700; letter-spacing:1px; line-height:24px; text-transform:none; font-size:1.3em;}
.lightbox .content.recipe h3 {padding:0;}
.lightbox .content.recipe div.stats {text-align:center;}
.lightbox .content.recipe div.stats > div {display:inline-block; width:100px;}
.lightbox .content.recipe div.stats > div object {max-width:66px;}
.lightbox .content.recipe div.stats p {font-size:0.75em; font-weight:500;}
.lightbox .content.recipe div.stats .difficulty_container p {text-transform:capitalize;}
.lightbox .content.recipe div.ingredients h4, .lightbox .content.recipe div.method h4 {font-family:filson-pro, sans-serif; font-style:normal; font-weight:700; letter-spacing:1px; line-height:24px; text-transform:none; font-size:1.3em;}
.lightbox .content.recipe div.ingredients {padding:13px 0 13px 0;}
.lightbox .content.recipe ul, .lightbox .content.recipe ol {padding:16px 0 0 23px;}
.lightbox .content.recipe li {padding:0 0 20px 0;}
.lightbox .content.recipe li:last-child {padding:0;}
.lightbox .content.recipe .method p {padding:20px 0 10px 0; font-style:italic;}
.lightbox .content.recipe div.tip {padding:30px 0 18px 0;}
.lightbox .content.recipe div.tip p {background-color:#fbdbdb; border-radius:10px; padding:10px 10px;}
.lightbox .content.recipe div.download {text-align:center; padding:28px 0;}
.lightbox .content.recipe div.download a {font-weight:700; font-size:1.25em; line-height:25px; text-decoration:none; color:#ffffff; background-color:#7ba02d; border-radius:10px; padding:20px;}
.lightbox .content.recipe div.download a:hover {opacity:0.8;}
.lightbox .content.recipe div.download a:active, .lightbox .content.recipe div.download a:hover {color:#ffffff;}

/* ADMIN PANEL STYLING */
.page_admin_index .navigation, .page_reports .navigation {display:none;}
.page_admin_index, .page_reports {background-color:#016768; }
.page_admin_index div.about h1, .page_reports div.about h1, .page_admin_index div.about p, .page_reports div.about p {color:#ffffff;}
.page_admin_index .board_question_left {font-weight:425; letter-spacing:0.05em; font-size:1.25em; width:21%; margin:12px 0 5px 0; display:inline-block; text-align:right; font-family:filson-pro, sans-serif; color:#ffffff;}
.page_admin_index .board_input_right {padding:10px; width:67%; display:inline-block;}
.page_admin_index .board_input_right input {padding:5px 5px; width:100%; box-sizing:border-box; font-family:filson-pro, sans-serif;}
.page_admin_index a .form_submit, .page_admin_index a .form_submit:visited, .page_admin_index a .form_submit:active, .page_admin_index a .form_submit:hover, .page_admin_index a .form_submit:link {color: #ffffff; font-size: 1.5em; text-transform: uppercase; text-decoration-color: #ffffff; text-decoration: underline; text-align: center; padding: 10px 0 0 0; font-family:filson-pro,sans-serif; font-weight:800; font-size:1.3em;}
.page_reports .resultstbl {width:100% !important;margin:0;padding:10px 0 10px 0;clear:both;display:block;font-family:filson-pro, sans-serif;}
.page_reports .resultstbl table {color:#333333;font-size:80%;border:none;border-spacing:0;border-collapse:collapse;width:100%; max-width:1080px; margin:0 auto;}
.page_reports .resultstblhdr, .page_reports .resultstblftr {background-color:#ffffff;color:#016768;}
.page_reports .resultstblhdr th {border-bottom:solid 3px #ffffff;}
.page_reports .resultstbl th {padding:5px 5px 5px 5px;}
.page_reports .resultstblodd td, .page_reports .resultstbleven td, .page_reports .resultstblhighlight td {border-bottom:solid 1px #ffffff;}
.page_reports .resultstbl td {vertical-align:top;padding:3px 5px 3px 5px;color:#016768;}
.page_reports .resultstbl td a {color:#016768;}
.page_reports .resultstbl td a:visted, .page_reports .board .board_para a:active {text-decoration:none;}
.page_reports .alignl {text-align:left;}
.page_reports .alignc {text-align:center;}
.page_reports .resultstblodd {background-color:#f9f9f9;}
.page_reports .resultstbleven {background-color:#e2e2e2;}
.page_reports a .form_submit, .page_reports a .form_submit:visited, .page_reports a .form_submit:active, .page_reports a .form_submit:hover, .page_reports a .form_submit:link {color: #ffffff; font-size: 1.5em; text-transform: uppercase; text-decoration-color: #ffffff; text-decoration: underline; text-align: center; padding: 10px 0 0 0; font-family:filson-pro,sans-serif; font-weight:800; font-size:1.3em;}


@media (max-width:1200px){
	/* NAVIGATION STYLING */
	.navigation .menu_items a {font-size:1.15em; margin:0 20px;}
	/* FEATURE STYLING */
	/* div.feature {height:900px;} */
	div.feature div.product_shot img {width:91%;}
}

@media (max-width:1093px){
	/* LEFTOVERS STYLING */
	div.leftovers .tool div.ingredients {grid-template-columns:repeat(3, 159px); width:517px;}
	div.leftovers .tool .ingredient_results {width:694px;}
}

@media (max-width:1030px){
	/* INSPIRE STYLING */
	div.inspire div.inspiration_ideas {width:666px;}
	/* HACKS STYLING */
	div.hacks div.tips {width:666px;}
}

@media (max-width:900px){
	/* NAVIGATION STYLING */
	.navigation {padding:69px 0 0 0; background-color:#016768; display:none;}
	.navigation .menu_items a {margin:0; color:#ffffff; font-size:1.5em; display:block; padding:13px 0;}
	.navigation .menu_items a:nth-child(1) {padding:0 0 13px 0;}
	.navigation .menu_items a:nth-child(5) {border-bottom:0;}
	.navigation .menu_items a:hover, .navigation .menu_items a:active, .navigation .menu_items a:visited {color:#ffffff;}
	.menu_icon {display:block; z-index:10;}
	/* FEATURE STYLING */
	div.feature {height:830px;}
	div.feature .logo_container {padding:45px 60px 10px 60px;}
	div.feature div.product_shot img {width:77%;}
}

@media (max-width:770px){
	/* LEFTOVERS STYLING */
	div.leftovers .love_food_hate_waste .text p {line-height:24px; padding:12px 20px 20px 20px;}
}

@media (max-width:750px){
	/* FEATURE STYLING */
	div.feature {height:770px;}
	div.feature div.product_shot {padding:0 30px;}
	div.feature div.product_shot img {width:66%;}
}

@media (max-width:733px){
	/* LEFTOVERS STYLING */
	div.leftovers .tool {padding:0 10px;}
	div.leftovers .tool .ingredient_results {width:345px;}
}

@media (max-width:680px){
	/* LEFTOVERS STYLING */
	.lightbox .content.recipe .product_image {top:34px; width:70px;}
	.lightbox .content.recipe .product_image img {max-width:70px;}
	/* INSPIRE STYLING */
	div.inspire div.inspiration_ideas {width:321px;}
	/* HACKS STYLING */
	div.hacks div.tips {width:321px;}
}

@media (max-width:650px){
	/* FEATURE STYLING */
	div.feature {height:720px;}
}

@media (max-width:640px){
	/* ABOUT STYLING */
	div.about .illustation object {max-width:321px;}
	div.about .illustation.mini {display:block;}
	div.about .illustation.big {display:none;}
}

@media (max-width:600px){
	/* FOOTER STYLING */
	div.footer .links {visibility:hidden;}
	div.footer .links a {visibility:initial; width:100%; display:block;}
}

@media (max-width:556px){
	/* LEFTOVERS STYLING */
	div.leftovers .tool div.ingredients {grid-gap:10px; grid-template-columns:repeat(2, 159px); width:327px;}
}

@media (max-width:500px){
	/* MODAL STYLING */
	.lightbox .content h2 {font-size:1.2em;}
	.lightbox .content p {font-size:1em;}
	.lightbox .content .btnrow .imgbtn img {height:45px;}
	.lightbox .content .btnrow .imgbtn {height:45px;}
	.lightbox .content .btnrow .imgbtn .imgtxt {font-size:1.6em;}
	/* FEATURE STYLING */
	div.feature {height:580px;}
}

@media (max-width:430px){
	.lightbox .content.recipe .product_image {top:63px; width:55px; right:38px;}
	.lightbox .content.recipe .product_image img {max-width:55px;}
	.lightbox .content h1 {padding:25px 0 15px 0;}
}

@media (max-width:400px){
	/* FEATURE STYLING */
	div.feature {background-image:url(../images/background/feature_background_mobile.jpg?upd=20220914125114);}
	div.feature .feature_footer.mini {display:block;}
	div.feature .feature_footer.big {display:none;}
	div.feature div.product_shot {padding:0 20px; bottom:-65px;}
	/* LEFTOVERS STYLING */
	div.leftovers .leftovers_footer.mini {display:block;}
	div.leftovers .leftovers_footer.big {display:none;}
	/* INSPIRE STYLING */
	div.inspire .inspire_header.mini {display:block;}
	div.inspire .inspire_header.big {display:none;}
	/* HACKS STYLING */
	div.hacks {background-image:url(../images/background/hacks_background_mobile.jpg?upd=20220914125114);}
	div.hacks .inspire_footer.mini {display:block;}
	div.hacks .inspire_footer.big {display:none;}
	div.hacks .hacks_footer.mini {display:block;}
	div.hacks .hacks_footer.big {display:none;}
}

@media (max-width:365px){
	/* LEFTOVERS STYLING */
	div.leftovers .tool div.ingredients {grid-gap:10px; grid-template-columns:repeat(1, 159px); width:159px;}
}
