/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.text-align-left{text-align:left;}.text-align-right{text-align:right;}.text-align-center{text-align:center;}.text-align-justify{text-align:justify;}.align-left{float:left;}.align-right{float:right;}.align-center{display:block;margin-right:auto;margin-left:auto;}
.container-inline div,.container-inline label{display:inline-block;}.container-inline .details-wrapper{display:block;}.container-inline .hidden{display:none;}
.clearfix::after{display:table;clear:both;content:"";}
.hidden{display:none;}.visually-hidden{position:absolute !important;overflow:hidden;clip:rect(1px,1px,1px,1px);width:1px;height:1px;word-wrap:normal;}.visually-hidden.focusable:active,.visually-hidden.focusable:focus-within{position:static !important;overflow:visible;clip:auto;width:auto;height:auto;}.invisible{visibility:hidden;}
.js .js-hide{display:none;}.js-show{display:none;}.js .js-show{display:block;}@media (scripting:enabled){.js-hide.js-hide{display:none;}.js-show{display:block;}}
@-ms-viewport{width:device-width}@viewport{width:device-width}h1.intro{text-align:center;font-size:41px;margin-top:22px;margin-bottom:11px;}.intro img{display:inline;max-width:300px !important;}.container{}.blocker-note,.note{font-size:80%;line-height:1;font-weight:700;display:block}.final-results  h3,.sodium-results h3{font-size:14px;text-align:center}.blocker-note{color:red}label{font-weight:400}.table .color-results td{padding:15px;vertical-align:middle}.final-results  h3,.final-results  tbody>tr>td{vertical-align:top}.table .color-results ul{padding:0;display:inline-block}.table .color-results ul li{list-style-type:none}.color-result-img{background-repeat:no-repeat;height:50px;width:60px;float:left;padding-right:10px;background-size:50px auto}.green > .color-result-img{background-image:url(/modules/custom/codingcalculator/img/green.png)}.yellow > .color-result-img{background-image:url(/modules/custom/codingcalculator/img/yellow.png)}.red > .color-result-img{background-image:url(/modules/custom/codingcalculator/img/red.png)}.color-result-is-green  .red,.color-result-is-green  .yellow{background-color:#B3B3B3;border-color:gray}.color-result-is-green .green > .color-result-img{background-image:url(/modules/custom/codingcalculator/img/green.png)}.color-result-is-green .green{background-color:#e1fded;border-color:#0BA14B}.color-result-is-green  .yellow > .color-result-img{background-image:url(/modules/custom/codingcalculator/img/deactivated-yellow.png)}.color-result-is-green  .red > .color-result-img{background-image:url(/modules/custom/codingcalculator/img/deactivated-red.png)}.color-result-is-yellow  .green,.color-result-is-yellow  .red{background-color:#B3B3B3;border-color:gray}.color-result-is-yellow .green > .color-result-img{background-image:url(/modules/custom/codingcalculator/img/deactivated-green.png)}.color-result-is-yellow .yellow > .color-result-img{background-image:url(/modules/custom/codingcalculator/img/yellow.png)}.color-result-is-yellow .yellow{background-color:#fff7c9;border-color:#FFDE16}.color-result-is-yellow .red > .color-result-img{background-image:url(/modules/custom/codingcalculator/img/deactivated-red.png)}.color-result-is-red .green,.color-result-is-red .yellow{background-color:#B3B3B3;border-color:gray;}.color-result-is-red .green > .color-result-img{background-image:url(/modules/custom/codingcalculator/img/deactivated-green.png)}.color-result-is-red .yellow > .color-result-img{background-image:url(/modules/custom/codingcalculator/img/deactivated-yellow.png)}.color-result-is-red .red > .color-result-img{background-image:url(/modules/custom/codingcalculator/img/red.png)}.color-result-is-red .red{background-color:#fcd9da;border-color:#ED1C24}.color-result-is-not-green .green,.color-result-is-not-red .red,.color-result-is-not-yellow .yellow{background-color:#B3B3B3;border-color:gray}.color-result-is-not-green .green > .color-result-img{background-image:url(/modules/custom/codingcalculator/img/deactivated-green.png)}.color-result-is-not-yellow .yellow > .color-result-img{background-image:url(/modules/custom/codingcalculator/img/deactivated-yellow.png)}.color-result-is-not-red .red > .color-result-img{background-image:url(/modules/custom/codingcalculator/img/deactivated-red.png)}input[type = number]#totalCalories,input[type = number]#gramsSaturatedFat,input[type = number]#percentCalsFromSaturatedFat,input[type = number]#percentCalsFromSaturatedFat,input[type = number]#gramsFat,input[type = number]#percentCalsFromFat,input[type = number]#fiber,input[type = number]#sugar{width:50px}input[disabled]{background-color:#cdcdcd;color:#B3B3B3}.table .color-code th{background-color:#eee}.table .color-code th:nth-child(1){width:190px}.table .color-code th:nth-child(3){width:180px}.table  .color-code ul{padding:10px}.table .color-code ul li{padding-bottom:10px}.table .color-code tr.deactivated{color:#B3B3B3;background-color:#e6e6e6}.table .color-code.alert{margin-bottom:0}.table .sodium-code td:nth-child(1){width:190px}.sodium-results img#sodiumImg{width:72px;float:left;padding-right:10px}.sodium-results img.sodium-img{max-width:150px !important;}.sodium-results ul{float:left;padding:0;max-width:120px}.sodium-results ul li{list-style-type:none;padding-bottom:10px}.final-results  td{width:33%}.final-results .final-result{text-align:center}.final-results .final-result .color.color-result-img{float:none;padding-right:10px;background-position:center;margin:25px 15px 25px 0;height:50px;display:inline-block}.final-results .final-result .color h4{display:inline-block;font-size:28px;line-height:49px;vertical-align:top}.final-results .final-result .sodium img{height:100px;display:inline-block;padding-right:15px}.final-results  .final-result .sodium h4{display:inline-block;font-size:28px}.final-results  .final-result .copy h4{display:inline-block;line-height:75px;vertical-align:middle;padding-right:15px;font-size:24px}.final-results  .btn.disabled{background-color:#B3B3B3;border-color:gray}.table  thead tr th{color:#000000;}select#foodType{width:100%;}span#sodiumImgFinal img{width:72px;}@media screen and (max-width:420px){.container{font-size:13px;margin-top:50px;}h1.intro,h1{font-size:20px !important;}.intro img{height:50px;}select#foodType{width:120px;}input#sodium{width:100px;}.final-results h4{font-size:15px;}}@media screen and (max-width:375px){.container{padding-left:0px !important;padding-right:0px !important;font-size:13px;}h1.intro,h1{font-size:15px !important;}.intro img{height:25px;}select#foodType{width:100px;}input#sodium{width:80px;}}@media screen and (max-width:360px){.container{padding-left:0px !important;padding-right:0px !important;font-size:12.75px;}}@media screen and (max-width:320px){.container{padding-left:0px !important;padding-right:0px !important;font-size:9.5px;}h1.intro,h1{font-size:15px !important;}.intro img{height:25px;}select#foodType{width:70px;}input#sodium{width:50px;}.final-results h3{font-size:8px;}}td.color-result ul{list-style:none;}
.addtoany{display:inline;}.addtoany_list{display:inline;line-height:16px;}.addtoany_list > a,.addtoany_list a img,.addtoany_list a > span{vertical-align:middle;}.addtoany_list > a{border:0;display:inline-block;font-size:16px;padding:0 4px;}.addtoany_list.a2a_kit_size_32 > a{font-size:32px;}.addtoany_list .a2a_counter img{float:left;}.addtoany_list a span.a2a_img{display:inline-block;height:16px;opacity:1;overflow:hidden;width:16px;}.addtoany_list a span{display:inline-block;float:none;}.addtoany_list.a2a_kit_size_32 a > span{border-radius:4px;height:32px;line-height:32px;opacity:1;width:32px;}.addtoany_list a:hover:hover img,.addtoany_list a:hover span{opacity:.7;}.addtoany_list a.addtoany_share_save img{border:0;width:auto;height:auto;}.addtoany_list a .a2a_count{position:relative;}
.site-feedback-block{justify-content:space-between;margin-bottom:20px;gap:20px;margin-top:20px;}@media (max-width:1400px){.site-feedback-block{flex-direction:column;}}@media (max-width:1560px){.site-feedback-block .site-feedback{max-width:500px;width:100%;}}@media (max-width:1400px){.site-feedback-block .site-feedback{margin:0 auto;}}.site-feedback-block .site-feedback .label-opinion{display:flex;margin-bottom:20px;}.site-feedback-block .site-feedback .label-opinion svg{width:54px;height:54px;flex-shrink:0;fill:#EDB214;stroke-width:1px;stroke:#EDB214;}.site-feedback-block .site-feedback .label-opinion .feedback-title{margin-top:10px;padding-left:10px;color:#282C66;font-size:1.5rem;font-family:"ChakraPetch-Medium";display:inline-block;}.site-feedback-block .site-feedback .question .icon-container{position:relative;}.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons{display:flex;list-style:none;padding-left:0;}.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons li.selection-answer{width:100%;min-width:120px;}@media (max-width:1560px){.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons li.selection-answer{min-width:98px;}}@media (max-width:580px){.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons li.selection-answer{min-width:auto;max-width:80px;}}@media (max-width:320px){.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons li.selection-answer{min-width:50px;}}.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons li.selection-answer button.btn{display:flex;margin:0 auto;padding:0;border:thin solid transparent;position:relative;z-index:1;opacity:1;}.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons li.selection-answer button.btn span.svg-container{width:100%;}.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons li.selection-answer button.btn span.svg-container svg.active{display:none;}.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons li.selection-answer button.btn:hover span.svg-container svg.active{display:block;}.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons li.selection-answer button.btn:hover span.svg-container svg.disabled{display:none;}.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons li.selection-answer .text-container{text-align:center;display:block;}@media (max-width:580px){.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons li.selection-answer .text-container{font-size:14px;}}.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons.answer-selected li.selection-answer button.btn span.svg-container svg.disabled{display:block;}.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons.answer-selected li.selection-answer button.btn span.svg-container svg.active{display:none;}.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons.answer-selected li.selection-answer button.btn.active span.svg-container svg.disabled{display:none;}.site-feedback-block .site-feedback .question .icon-container ul.icon_buttons.answer-selected li.selection-answer button.btn.active span.svg-container svg.active{display:block;}.site-feedback-block .site-feedback .question .icon-container hr{position:absolute;width:480px;color:#4D4D4D;top:5px;left:60px;opacity:1;z-index:0;}@media (max-width:1560px){.site-feedback-block .site-feedback .question .icon-container hr{width:365px;}}@media (max-width:580px){.site-feedback-block .site-feedback .question .icon-container hr{width:283px;}}@media (max-width:460px){.site-feedback-block .site-feedback .question .icon-container hr{width:260px;left:30px;}}@media (max-width:380px){.site-feedback-block .site-feedback .question .icon-container hr{width:216px;}}.site-feedback-block .additional-feedback{width:100%;display:flex;justify-content:end;}@media (max-width:1400px){.site-feedback-block .additional-feedback{justify-content:center;}}.site-feedback-block .additional-feedback .feedback-bg{background-image:url("/modules/custom/site_feedback/images/hprc-box.svg");background-repeat:no-repeat;background-size:contain;display:flex;justify-content:center;max-width:487px;margin-top:40px;}@media (max-width:1440px){.site-feedback-block .additional-feedback .feedback-bg{margin-top:80px;}}@media (max-width:1400px){.site-feedback-block .additional-feedback .feedback-bg{margin-top:0;max-width:480px;height:278px;width:100%;}}@media (max-width:540px){.site-feedback-block .additional-feedback .feedback-bg{background-image:url("/modules/custom/site_feedback/images/hprc-box-tall.svg");background-size:contain;max-width:330px;}}@media (max-width:375px){.site-feedback-block .additional-feedback .feedback-bg{background-image:none;border:2px solid #FCB61C;border-radius:20px;padding:0 10px;}}.site-feedback-block .additional-feedback .feedback-bg .feedback-text{align-self:center;max-width:80%;margin-top:20px;}@media (max-width:460px){.site-feedback-block .additional-feedback .feedback-bg .feedback-text{margin-top:20px;}}@media (max-width:420px){.site-feedback-block .additional-feedback .feedback-bg .feedback-text{margin-top:20px;}}@media (max-width:320px){.site-feedback-block .additional-feedback .feedback-bg .feedback-text{max-width:100%;}}.site-feedback-block .additional-feedback .feedback-bg .feedback-text .additional-feedback-title{color:#282C66;font-family:"ChakraPetch-Medium";font-size:1.5rem;}
