.legend{font-weight:700;}
body{color:#333;}
#form-button{color:#fff!important;background-color:#40b0bf!important;box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%);padding:20px 10px;border-radius:4px;font-size:1.6rem;line-height:1.5;font-weight:600;border-width:1px;font-style:normal;border-color:transparent!important;cursor:pointer;white-space:normal;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;word-break:break-word;}
@media (max-width:768px){
#form-button{font-size:1.6rem;font-size:calc(1.35rem + (2 - 1.35) * ((100vw - 20rem)/ (48 - 20)));line-height:calc(1.4 * (1.35rem + (2 - 1.35) * ((100vw - 20rem)/ (48 - 20))));}
}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;}
footer,header,section{display:block;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
a:active,a:hover{outline-width:0;}
b,strong{font-weight:inherit;font-weight:700;}
h1{font-size:2em;margin:.67em 0;}
input{color:inherit;font:inherit;margin:0;}
input{overflow:visible;}
[type=submit]{-webkit-appearance:button;}
fieldset{border:0;margin:0 2px;padding:.35em .625em .75em;}
input{outline:0;}
[type=radio]{box-sizing:border-box;padding:0;}
ul{padding-left:20px;}
.u-btn{display:table;cursor:pointer;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;font-style:inherit;font-weight:inherit;text-decoration:none;border:0 none transparent;outline-width:0;background-color:transparent;margin:0;-webkit-text-decoration-skip:objects;font-style:initial;white-space:nowrap;-webkit-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;text-align:center;padding:10px 30px;border-radius:0;align-self:flex-start;}
.u-btn:active:focus,.u-btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.u-btn:focus,.u-btn:hover{text-decoration:none;}
.u-btn:active{outline:0;background-image:none;}
.u-text a{font-size:inherit;font-family:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;}
a{border-top-width:0;border-left-width:0;border-right-width:0;}
*,:after,:before{box-sizing:border-box;}
html{height:100%;overflow-y:auto;overflow-x:hidden;}
body{height:auto;min-height:100%;}
body,footer,header,section{position:relative;}
.u-sheet>*,footer>*,header>*,section>*{position:relative;}
a{color:#259bca;text-decoration:none;}
a:hover{color:#389ca4!important;}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.u-clearfix:after,.u-clearfix:before{content:'';display:table;}
.u-clearfix:after{clear:both;}
.u-border-none{border-width:0!important;}
.u-text-default{display:table;align-self:flex-start;width:-webkit-fit-content;width:fit-content;width:-moz-fit-content;}
.u-text-default:empty{display:block;width:15px;}
.u-sheet{position:relative;margin:0 auto;}
.u-xl-mode .u-sheet{width:var(--theme-sheet-width-xl);}
@media (min-width:1400px){
.u-sheet{width:var(--theme-sheet-width-xxl)!important;}
}
@media (min-width:1200px){
.u-xl-mode .u-sheet{width:var(--theme-sheet-width-xl)!important;}
}
@media (min-width:992px) and (max-width:1199px){
.u-sheet{width:var(--theme-sheet-width-lg)!important;}
}
@media (min-width:768px) and (max-width:991px){
.u-sheet{width:var(--theme-sheet-width-md)!important;}
}
@media (min-width:576px) and (max-width:767px){
.u-sheet{width:var(--theme-sheet-width-sm)!important;}
}
@media (max-width:575px){
.u-sheet{width:var(--theme-sheet-width-xs)!important;}
}
.u-valign-middle{display:flex;flex-direction:column;}
.u-valign-middle>*{flex-shrink:0;}
.u-valign-middle{justify-content:center;}
html{font-size:16px;}
.u-body{font-size:1.2rem;line-height:1.6;color:#333;}
.u-body h1,.u-body h2{padding:0;}
h1,h2{margin-top:0;margin-bottom:.5rem;line-height:1.2;font-weight:500;color:inherit;}
h1{font-size:2.25rem;}
h2{font-size:1.5rem;}
p{margin-top:0;padding:0;margin-bottom:.5rem;}
@media (max-width:575px){
p{text-align:left;font-size:16px;}
}
.u-align-center{text-align:center;}
.u-align-center{text-align:center;}
.u-text{word-wrap:break-word;position:relative;}
.u-font-arial.u-custom-font{font-family:Arial,sans-serif!important;}
.u-button-style[class*=u-custom-color-]{border-width:0;}
.u-body{--animation-fade_in-opacity:0;--animation-fade_in_up-opacity:0;--animation-fade_in_left-opacity:0;--animation-fade_in_right-opacity:0;--animation-fade_in_down-opacity:0;--animation-fade_in_up_big-opacity:0;--animation-fade_in_left_big-opacity:0;--animation-fade_in_right_big-opacity:0;--animation-fade_in_down_big-opacity:0;--animation-fade_out-opacity:0;--animation-fade_out_up-opacity:0;--animation-fade_out_left-opacity:0;--animation-fade_out_right-opacity:0;--animation-fade_out_down-opacity:0;--animation-fade_out_up_big-opacity:0;--animation-fade_out_left_big-opacity:0;--animation-fade_out_right_big-opacity:0;--animation-fade_out_down_big-opacity:0;--animation-rotate_in-rotate:-200deg;--animation-rotate_in_down_left-rotate:-45deg;--animation-rotate_in_down_right-rotate:45deg;--animation-rotate_in_up_left-rotate:45deg;--animation-rotate_in_up_right-rotate:-90deg;--animation-rotate_out-rotate:200deg;--animation-rotate_out_down_left-rotate:45deg;--animation-rotate_out_down_right-rotate:-45deg;--animation-rotate_out_up_left-rotate:-45deg;--animation-rotate_out_up_right-rotate:90deg;--animation-roll_in-rotate:-120deg;--animation-roll_in-translate_x:-100%;--animation-roll_out-rotate:120deg;--animation-roll_out-translate_x:100%;--animation-zoom_in-scale:0.3;--animation-zoom_in_down-scale:0.475;--animation-zoom_in_down-translate_y:60px;--animation-zoom_in_up-scale:0.475;--animation-zoom_in_up-translate_y:-60px;--animation-zoom_in_left-scale:0.475;--animation-zoom_in_left-translate_x:10px;--animation-zoom_in_right-scale:0.475;--animation-zoom_in_right-translate_x:-10px;--animation-zoom_out-scale:0.3;--animation-zoom_out_down-scale:0.475;--animation-zoom_out_down-translate_y:-60px;--animation-zoom_out_up-scale:0.475;--animation-zoom_out_up-translate_y:60px;--animation-zoom_out_left-scale:0.475;--animation-zoom_out_left-translate_x:42px;--animation-zoom_out_right-scale:0.475;--animation-zoom_out_right-translate_x:-42px;--animation-slide_in_down-translate_y:-100%;--animation-slide_in_up-translate_y:100%;--animation-slide_in_left-translate_x:-100%;--animation-slide_in_right-translate_x:100%;--animation-slide_out_down-translate_y:100%;--animation-slide_out_up-translate_y:-100%;--animation-slide_out_left-translate_x:-100%;--animation-slide_out_right-translate_x:100%;--animation-custom_in-translate_x:0px;--animation-custom_in-translate_y:0px;--animation-custom_in-scale:1;--animation-custom_in-rotate:0deg;--animation-custom_in-opacity:0;}
[class*="u-border-"]{border-style:solid;}
.u-radius-6,.u-radius-6:before{border-radius:6px!important;}
.u-body{font-family:Arial;}
h1,h2{font-family:Roboto,sans-serif;}
.u-gradient{color:#111111;}
.u-body{color:#333333;background-color:#ffffff;--effect-scale:1.1;}
.u-button-style.u-border-none{border-color:transparent!important;border-width:0;}
.u-grey-5,section.u-grey-5:before{color:#111111;background-color:#f2fcfc;}
.u-grey-80{color:#ffffff;background-color:#333333;}
.u-text-grey-80{color:#333333!important;}
.u-custom-color-1{color:#ffffff;background-color:#40b0bf;}
.u-button-style.u-custom-color-1,.u-button-style.u-custom-color-1[class*="u-border-"]{color:#ffffff!important;background-color:#40b0bf!important;box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%);padding:0.6rem 1.2rem;border-radius:4px;font-size:2rem;line-height:1.5;font-weight:600;border-width:1px;font-style:normal;margin-top:1rem;white-space:normal;transition:all 0.2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;word-break:break-word;}
@media (max-width: 768px){
.u-button-style.u-custom-color-1,.u-button-style.u-custom-color-1[class*="u-border-"]{font-size:1.6rem;font-size:calc( 1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20)));line-height:calc( 1.4 * (1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20))));}
}
.u-button-style.u-custom-color-1:hover,.u-button-style.u-custom-color-1[class*="u-border-"]:hover,.u-button-style.u-custom-color-1:focus,.u-button-style.u-custom-color-1[class*="u-border-"]:focus,.u-button-style.u-button-style.u-custom-color-1:active,.u-button-style.u-button-style.u-custom-color-1[class*="u-border-"]:active{color:#ffffff!important;background-color:#3a9eac!important;}
.u-hover-custom-color-3:hover,.u-hover-custom-color-3[class*="u-border-"]:hover,.u-hover-custom-color-3:focus,.u-hover-custom-color-3[class*="u-border-"]:focus,a.u-button-style.u-hover-custom-color-3:hover,a.u-button-style.u-hover-custom-color-3[class*="u-border-"]:hover,a.u-button-style.u-hover-custom-color-3:focus,a.u-button-style.u-hover-custom-color-3[class*="u-border-"]:focus{color:#ffffff!important;background-color:#3498a4!important;}
.u-text-custom-color-1{color:#40b0bf!important;}
.u-body{--theme-sheet-width-xl:1200px;--theme-sheet-width-lg:940px;--theme-sheet-width-md:720px;--theme-sheet-width-sm:540px;--theme-sheet-width-xs:340px;}
h1:not(.u-title){font-weight:400;font-size:4.6rem;line-height:1.1;margin-top:20px;margin-bottom:20px;}
h2:not(.u-subtitle){font-weight:400;font-size:2.25rem;line-height:1.1;margin-top:20px;margin-bottom:20px;}
p:not(.u-text-variant){margin-top:20px;margin-bottom:20px;}
.u-btn{margin-top:20px;margin-bottom:20px;}
ul:not(.u-unstyled){margin-top:20px;margin-bottom:20px;}
@media (max-width: 575px){
h1:not(.u-title){font-size:1.875rem;}
}
@media (max-width: 575px){
h2:not(.u-subtitle){font-size:1.5rem;}
}
a:hover{color:#387cbd;}
.u-btn{background-color:#478ac9;color:#ffffff;}
.u-btn:hover{background-color:#387cbd;color:#e6e6e6;}
.u-btn:focus{background-color:#387cbd;color:#e6e6e6;}
.u-btn:active{background-color:#387cbd;color:#e6e6e6;}
.u-header{background-image:none;}
.u-header .u-sheet-1{min-height:73px;}
.u-header .u-text-1{font-weight:700;font-size:40px;margin:13px auto 13px 0;}
@media (max-width: 1199px){
.u-header .u-text-1{font-size:2.25rem;}
}
.u-footer{background-image:none;}
.u-footer .u-sheet-1{min-height:120px;}
@media (max-width: 1199px){
.u-footer .u-sheet-1{min-height:99px;}
}
@media (max-width: 991px){
.u-footer .u-sheet-1{min-height:76px;}
}
@media (max-width: 767px){
.u-footer .u-sheet-1{min-height:57px;}
}
@media (max-width: 575px){
.u-footer .u-sheet-1{min-height:36px;}
}
html{font-size:16px;}
#form-button:hover{background-color:#389ca4!important;}
#form-button:active{background-color:#389ca4!important;}
#form-button:focus{background-color:#389ca4!important;}
#carousel_74db{min-height:auto;}
@media (max-width: 767px){
#carousel_74db{height:auto;}
}
a{color:#40b0bf;}
#sec-7784{height:auto;}
@media (max-width: 575px){
#intro{text-align:center!important;}
}
input[type=radio]:hover{cursor:pointer;}
input#meter{width:150px;}
input#centimeter{width:150px;}
#exclusion_list{list-style-type:none;padding:0;margin:0;cursor:pointer;}
#exclusion_list li p{border:1px solid #ddd;margin-top:0px;background-color:#f6f6f6;padding:12px;text-decoration:none;display:block;width:500px;}
#exclusion_list li p:hover:not(.header){background-color:#eee;}
@media (max-width: 575px){
#exclusion_list li p{width:300px;}
}
/*! CSS Used from: http://localhost/mealplan/css/template.css */
.u-section-1{background-image:linear-gradient(150deg, white, #c1e0e6);}
.u-section-1 .u-sheet-1{min-height:560px;}
.u-section-1 .u-text-1{font-size:4.6rem;line-height:1.1;margin:30px 0 0;text-decoration:line-through!important;text-decoration-thickness:4px!important;}
@media (max-width: 575px){
.u-section-1 .u-text-1{font-size:1.875rem;}
}
.u-section-1 .u-text-2{margin:30px 0 0;}
.u-section-1 .u-text-3{margin:30px 0 0;}
.u-section-1 .u-btn-2{border-style:none;font-size:0.9375rem;background-image:none;font-weight:700;margin:40px auto;padding:8px 33px;}
@media (max-width: 1199px){
.u-section-1 .u-text-2{margin-left:57px;margin-right:57px;width:886px;}
}
@media (max-width: 991px){
.u-section-1 .u-text-2{margin-left:0;margin-right:0;width:720px;}
}
@media (max-width: 767px){
.u-section-1 .u-text-2{width:540px;}
}
@media (max-width: 575px){
.u-section-1 .u-text-2{width:340px;}
}
.u-section-2{background-image:none;}
.u-section-2 .u-sheet-1{min-height:571px;}
.u-section-2 .u-text-1{font-size:3.8rem;font-weight:700;margin:61px 0 0 -10px;}
.u-section-2 .u-text-2{line-height:2;font-size:1.125rem;}
@media (max-width: 767px){
.u-section-2 .u-sheet-1{min-height:895px;}
.u-section-2 .u-text-1{font-size:3.75rem;width:auto;margin-top:-12px;}
.u-section-2 .u-text-2{margin-bottom:-12px;}
}
@media (max-width: 575px){
.u-section-2 .u-sheet-1{min-height:1236px;}
.u-section-2 .u-text-1{font-size:2rem;margin-top:54px;}
.u-section-2 .u-text-2{margin-bottom:54px;}
}
body{color:#333333;}
@media (max-width: 767px){
li{font-size:16px;}
}
#form-button-small{color:#ffffff!important;background-color:#40b0bf!important;box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%);padding:0.3rem 0.6rem;border-radius:4px;font-size:1.3rem;line-height:1.5;font-weight:600;border-width:1px;font-style:normal;border-color:transparent!important;cursor:pointer;white-space:normal;transition:all 0.2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;word-break:break-word;}
@media (max-width: 768px){
#form-button-small{font-size:1.3rem;font-size:calc( 1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20)));line-height:calc( 1.4 * (1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20))));}
}
.disclaimer{font-size:14px;text-align:left;}
.left-container-feature-1{width:340px;height:180px;left:0px;top:190px;position:absolute;background:white;border-radius:4px;box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%);}
.center-container-feature-1{width:340px;height:180px;left:370px;top:190px;position:absolute;background:white;border-radius:4px;box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%);}
.right-container-feature-1{width:340px;height:180px;left:740px;top:190px;position:absolute;background:white;border-radius:4px;box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%);}
.left-container-feature-2{width:340px;height:180px;left:0px;top:380px;position:absolute;background:white;border-radius:4px;box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%);}
.center-container-feature-2{width:340px;height:180px;left:370px;top:380px;position:absolute;background:white;border-radius:4px;box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%);}
.right-container-feature-2{width:340px;height:180px;left:740px;top:380px;position:absolute;background:white;border-radius:4px;box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%);}
.content-container{width:300px;height:84.51px;left:21px;top:67.61px;position:absolute;color:black;font-size:15px;font-family:Arial;font-weight:400;line-height:22px;word-wrap:break-word;}
.title-container{width:406px;height:20.28px;left:21px;top:21.13px;position:absolute;color:black;font-size:18px;font-family:Arial;font-weight:700;word-wrap:break-word;}
@media (max-width: 1200px){
.left-container-feature-1{margin-top:30px;width:340px;height:180px;background:white;left:auto;top:auto;position:static;border-radius:4px;box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%);}
.center-container-feature-1{margin-top:30px;width:340px;height:180px;left:auto;top:auto;background:white;border-radius:4px;position:static;box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%);}
.right-container-feature-1{width:340px;height:180px;left:auto;top:auto;background:white;border-radius:4px;position:static;box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%);margin-top:30px;}
.left-container-feature-2{width:340px;height:180px;left:auto;top:auto;background:white;border-radius:4px;position:static;box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%);margin-top:30px;}
.center-container-feature-2{width:340px;height:180px;left:auto;top:auto;background:white;border-radius:4px;position:static;box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%);margin-top:30px;}
.right-container-feature-2{width:340px;height:180px;left:auto;top:auto;background:white;border-radius:4px;position:static;box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%);margin-top:30px;}
.content-container{width:auto;height:auto;color:black;font-size:16px;font-family:Arial;font-weight:400;line-height:22px;word-wrap:break-word;position:static;padding-left:15px;padding-right:15px;padding-top:10px;}
.title-container{width:auto;height:auto;color:black;font-size:19px;font-family:Arial;font-weight:700;word-wrap:break-word;position:static;padding-left:15px;padding-top:15px;padding-right:15px;}
}


/*begin-variables base-font-size*/ 
html { font-size: 16px; }
/*end-variables base-font-size*/

#form-button:hover{
   background-color: #389ca4 !important;
}
 
#form-button:active{
   background-color: #389ca4 !important;
}
 
#form-button:focus{
   background-color: #389ca4 !important;
}

#carousel_74db{
   min-height: auto;
}

@media (max-width: 767px) {
 #carousel_74db {
   height : auto;
 }
}

h3.day{
 font-size: 28px;
 font-weight: 700;
}

h4.meal{
 font-size: 20px;
}

a{
 color : #40b0bf;
}

#sec-7784 {
 height : auto;
}	

@media (max-width: 575px){
#intro{
 text-align : center !important;
}
}

input[type=radio]:hover{
 cursor: pointer;
}

input#meter{
 width : 150px;
}
input#centimeter{
 width : 150px;
}

#exclusions {
 background-image: url('searchicon.png'); /* Add a search icon to input */
 background-position: 10px 12px; /* Position the search icon */
 background-repeat: no-repeat; /* Do not repeat the icon image */
 width: 300px; /* Full-width */
 font-size: 16px; /* Increase font-size */
 padding: 12px 20px 12px 40px; /* Add some padding */
 border: 1px solid #ddd; /* Add a grey border */
 margin-bottom: 10px; 
}
   

#exclusion_list {
 /* Remove default list styling */
 list-style-type: none;
 padding: 0;
 margin: 0;
 cursor: pointer;
}

#exclusion_list li p {
 border: 1px solid #ddd; /* Add a border to all links */
 margin-top: 0px; /* Prevent double borders */
 background-color: #f6f6f6; /* Grey background color */
 padding: 12px; /* Add some padding */
 text-decoration: none; /* Remove default text underline */
 display: block; /* Make it into a block element to fill the whole list */
 width: 500px;
}

#exclusion_list li p:hover:not(.header) {
 background-color: #eee; /* Add a hover effect to all links, except for headers */
}

@media (max-width: 575px){
 #exclusion_list li p {
   width: 300px;
 }
}

[id^=buy-list]{
 border-style: solid;
 padding: 20px;
 border-color: grey;
}

.u-section-1 {
  background-image: linear-gradient(150deg, white, #c1e0e6);
}

.u-section-1 .u-sheet-1 {
  min-height: 560px;
}

.u-section-1 .u-text-1 {
  font-size: 4.6rem;
  line-height: 1.1;
  margin: 30px 0 0;
  text-decoration: line-through !important;
  text-decoration-thickness: 4px !important;
}

@media (max-width: 575px){
.u-section-1 .u-text-1 {
    font-size: 1.875rem;
}
}

.u-section-1 .u-text-2 {
  margin: 30px 0 0;
}

.u-section-1 .u-text-3 {
  margin: 30px 0 0;
}

.u-section-1 .u-btn-1 {
  background-image: none;
  padding: 0;
}

.u-section-1 .u-btn-2 {
  border-style: none;
  font-size: 0.9375rem;
  background-image: none;
  font-weight: 700;
  margin: 40px auto;
  padding: 8px 33px;
}

@media (max-width: 1199px) {
  .u-section-1 .u-text-2 {
    margin-left: 57px;
    margin-right: 57px;
    width: 886px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-text-2 {
    margin-left: 0;
    margin-right: 0;
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-text-2 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-text-2 {
    width: 340px;
  }
} .u-section-2 {
  background-image: none;
}

.u-section-2 .u-sheet-1 {
  min-height: 571px;
}

.u-section-2 .u-text-1 {
  font-size: 3.8rem;
  font-weight: 700;
  margin: 61px 0 0 -10px;
}

.u-section-2 .u-text-2 {
  line-height: 2;
  font-size: 1.125rem;
}

@media (max-width: 767px) {
  .u-section-2 .u-sheet-1 {
    min-height: 895px;
  }

  .u-section-2 .u-text-1 {
    font-size: 3.75rem;
    width: auto;
    margin-top: -12px;
  }

  .u-section-2 .u-text-2 {
    margin-bottom: -12px;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-sheet-1 {
    min-height: 1236px;
  }

  .u-section-2 .u-text-1 {
    font-size: 2rem;
    margin-top: 54px;
  }

  .u-section-2 .u-text-2 {
    margin-bottom: 54px;
  }
}

body{
color : #333333;
}

/*Pie chart*/

#my-pie-chart-container {
	align-items: center;
    display: flex;
}

#my-pie-chart-active {
    background: conic-gradient(#05d7d1 0.00% 47.50%, #38a232 47.50% 82.50%, #a64bb4 82.50%);
    border-radius: 50%;
    width: 150px;
    height: 150px;
}

#my-pie-chart {
    background: conic-gradient(#05d7d1 0.00% 52.50%, #38a232 52.50% 87.50%, #a64bb4 87.50%);
    border-radius: 50%;
    width: 150px;
    height: 150px;
}

@media (max-width: 767px) {
	#my-pie-chart-active {
		background: conic-gradient(#05d7d1 0.00% 47.50%, #38a232 47.50% 82.50%, #a64bb4 82.50%);
		border-radius: 50%;
		width: 100px;
		height: 100px;
	}
	#my-pie-chart {
		background: conic-gradient(#05d7d1 0.00% 52.50%, #38a232 52.50% 87.50%, #a64bb4 87.50%);
		border-radius: 50%;
		width: 100px;
		height: 100px;
	}
}

#legenda {
  margin-left: 10px;
  padding: 5px;
}

.entry {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
	.entry {
		display: flex;
		align-items: center;
		font-size:16px;
	}
}


.entry-color {
    height: 10px;
    width: 10px;
}

.entry-text {
  margin-left: 5px;
}

#color-green {
  background-color: #38a232;
}

#color-blue {
  background-color: #05d7d1;
}

#color-grey {
  background-color: #a64bb4;
}

/*Column*/

.columns-container :after {
  content: "";
  display: table;
  clear: both;
}

.column {
   float: left;
   width: 50%;
}

@media (max-width: 767px) {
  .column {
    width: 100%;
  }
  .second-column{
    margin-top:0px !important;
  }
}

/*List*/

@media (max-width: 767px) {
  li {
    font-size:16px;
  }
}

/*Petit bouton*/

#form-button-small{
	color: #ffffff !important;
	background-color: #40b0bf !important;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
	padding: 0.3rem 0.6rem;
	border-radius: 4px;
	font-size: 1.3rem;
	line-height: 1.5;
	font-weight: 600;
	border-width: 1px;
	font-style: normal;
	border-color: transparent !important;
	cursor: pointer;
	white-space: normal;
	transition: all 0.2s ease-in-out;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	word-break: break-word;
}

[id^=form-button-small-]{
            color: #ffffff !important;
            background-color: #40b0bf !important;
			box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
			padding: 0.3rem 0.6rem;
			border-radius: 4px;
			font-size: 1.3rem;
			line-height: 1.5;
			font-weight: 600;
			border-width: 1px;
			font-style: normal;
			border-color: transparent !important;
			cursor: pointer;
			white-space: normal;
			transition: all 0.2s ease-in-out;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			word-break: break-word;
        }
			
@media (max-width: 768px){
	#form-button-small{
		font-size: 1.3rem;
		font-size: calc( 1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20)));
		line-height: calc( 1.4 * (1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20))));
	}
}

.disclaimer{
			font-size: 14px;
			text-align: left;
    }

.left-container-feature-1{
	width: 340px; 
	height: 180px; 
	left: 0px; 
	top: 190px; 
	position: absolute;
	background: white;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
}

.center-container-feature-1{
	width: 340px; 
	height: 180px; 
    left: 370px; 
	top: 190px; 
	position: absolute;
	background: white;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
}

.right-container-feature-1{
	width: 340px; 
	height: 180px; 
	left: 740px; 
	top: 190px;
	position: absolute;
	background: white;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
}

.left-container-feature-2{
	width: 340px;
	height: 180px; 
	left: 0px; 
	top: 380px; 
	position: absolute;
	background: white;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
}

.center-container-feature-2{
	width: 340px; 
	height: 180px; 
	left: 370px;  
	top: 380px; 
	position: absolute;
	background: white;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
}

.right-container-feature-2{
	width: 340px;
	height: 180px; 
	left: 740px; 
	top: 380px;  
	position: absolute;
	background: white;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
}

.separator
{
	background-color: #f2fcfc;
	height: 100px; 
}

.content-container{
		width: 300px; 
		height: 84.51px; 
		left: 21px; 
		top: 67.61px; 
		position: absolute; 
		color: black; 
		font-size: 15px; 
		font-family: Arial; 
		font-weight: 400; 
		line-height: 22px; 
		word-wrap: break-word;
}

.title-container{
		width: 406px; 
		height: 20.28px; 
		left: 21px; 
		top: 21.13px; 
		position: absolute; 
		color: black; 
		font-size: 18px; 
		font-family: Arial; 
		font-weight: 700; 
		word-wrap: break-word;
}

@media (max-width: 1200px) {
    .left-container-feature-1{
	margin-top: 30px;
	width: 340px; 
	height: 180px; 
	background: white;
	left: auto; 
    top: auto; 
	position: static;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
}

.center-container-feature-1{
    margin-top: 30px;
	width: 340px; 
	height: 180px; 
    left: auto; 
    top: auto; 	
	background: white;
	border-radius: 4px;
	position: static;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
}

.right-container-feature-1{
    width: 340px; 
	height: 180px; 
    left: auto; 
    top: auto; 	
	background: white;
	border-radius: 4px;
	position: static;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
	margin-top: 30px;
}

.left-container-feature-2{
    width: 340px; 
	height: 180px; 
    left: auto; 
    top: auto; 	
	background: white;
	border-radius: 4px;
	position: static;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
	margin-top: 30px;
}

.center-container-feature-2{
    width: 340px; 
	height: 180px; 
    left: auto; 
    top: auto; 	
	background: white;
	border-radius: 4px;
	position: static;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
	margin-top: 30px;
}

.right-container-feature-2{
    width: 340px; 
	height: 180px; 
    left: auto; 
    top: auto; 	
	background: white;
	border-radius: 4px;
	position: static;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
	margin-top: 30px;
}

.separator
{
	background-color: #f2fcfc;
	height: 100px; 
}

.content-container{
		width: auto; 
		height: auto; 
		color: black; 
		font-size: 16px; 
		font-family: Arial; 
		font-weight: 400; 
		line-height: 22px; 
		word-wrap: break-word;
		position: static;	
	    padding-left:15px;
        padding-right:15px;	
		padding-top:10px;
}

.title-container{
		width: auto; 
		height: auto; 
		color: black; 
		font-size: 19px; 
		font-family: Arial; 
		font-weight: 700; 
		word-wrap: break-word;
		position: static;
        padding-left:15px;
        padding-top:15px;
        padding-right:15px;			
}
}

.blog-post {
	padding-bottom: 60px;
}

.blog-post p, 
.blog-post h1, 
.blog-post h2, 
.blog-post h3, 
.blog-post h4,
.blog-post h4,
.blog-post ul, 
.blog-post ol{
	text-align: left;
	margin-left:10%;
    margin-right:10%;
}

.blog-post h1, 
.blog-post h2 {
	font-weight: 700;
	margin-top: 5%;
}

.blog-post h3 {
	font-weight: 700;
	margin-top: 3%;
}

.blog-post ol li p,
.blog-post ul li p{
	margin:0;
}

.menu-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px; /* Adjust padding as needed */
  }
  
.menu-left {
	flex: 1; /* Keeps the left side aligned to the start */
  }
  
.menu-right .u-custom-font a {
	display: flex;
	gap: 20px; 
	font-size: 22px;
	margin-left : 10px;
	margin-right : 10px;
  } 

  .menu-right {
	display: flex;
	justify-content: space-between;
	align-items: center;
  }

  /* Burger Menu Styling */
.burger-menu {
	display: none; /* Hidden by default */
	cursor: pointer;
	flex-direction: column;
	gap: 5px;
  }
  
  .bar {
	width: 25px;
	height: 3px;
	background-color: #333;
  }
  
  /* Tablet and Mobile View */
  @media (max-width: 768px) {
	.menu-right {
	  display: none; /* Hidden by default on mobile/tablet */
	  position: absolute;
	  right: 10px;
	  top: 50px;
	  background-color: #fff;
	  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	  padding: 10px;
	  flex-direction: column;
	  gap: 15px;
	  z-index: 1000;
	}
  
	.burger-menu {
	  display: flex; /* Display burger menu on mobile/tablet */
	}
  
	.menu-right.show {
	  display: flex; /* Show the menu items when activated */
	}
  }
  .post-link{
	text-align: left;
	font-weight: 700;
  }

  .div-post-link{
	margin-left:10%;
    margin-right:10%;
	margin-bottom: 20px;
  }

  #btn-mealgen{
  margin-left: 10%;
  margin-right: 10%;
  }

.checkbox-container {
	display: flex;
	gap: 30px; /* Space between checkboxes */
	align-items: left; /* Vertically aligns checkboxes and labels */
	flex-wrap: wrap; 
}

.food{ 
	box-sizing: border-box; /* Ensures padding/border don't affect width */
	padding-left: 15px;
	padding-right: 15px;
}

input[type=checkbox]:hover{
	cursor: pointer;
	font-size: 16px;
}

input[type=checkbox]{
   width: 14px;
   height: 14px;
}

@media (max-width: 768px) {

	.checkbox-container {
		display: block;
		align-items: left; /* Vertically aligns checkboxes and labels */
	}

}

.food-card {
	background: white;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
	width: calc(22% - 5px); /* Ensures each item takes exactly 1/3 of the container width */
	box-sizing: border-box; /* Ensures padding/border don't affect width */
}

@media (max-width: 768px) {
	.checkbox-container {
		display: flex;
		gap: 10px;
		align-items: left;
		flex-wrap: wrap;
	}

	.food-card {
		background: white;
		border-radius: 4px;
		box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
		width: calc(44% - 0px); /* Ensures each item takes exactly 1/3 of the container width */
		box-sizing: border-box; /* Ensures padding/border don't affect width */
	}

}

.space{
	height: 25px;
	background-color: #f2fcfc;
}

[id^="search-plate"]{
	background-image: url('searchicon.png'); /* Add a search icon to input */
	background-position: 10px 12px; /* Position the search icon */
	background-repeat: no-repeat; /* Do not repeat the icon image */
	width: 300px; /* Full-width */
	font-size: 16px; /* Increase font-size */
	padding: 12px 20px 12px 40px; /* Add some padding */
	border: 1px solid #ddd; /* Add a grey border */
	margin-bottom: 10px; 
   }

[class^="filter-card"] {
	border: 1px solid #ddd;
    margin-top: 0px;
    background-color: #f6f6f6;
    padding-left: 12px;
	padding-right: 12px;
    text-decoration: none;
    display: inline-block;
	margin-right: 5px;
    width: fit-content;
	height: fit-content;
	cursor: pointer;
}

[class^="filter-text"]  {
	margin: 0px !important;
	padding: 0px !important;
}

[class^="filter-text"]  > p {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

[class^="container-plate"]{
	margin-bottom: 20px; 
	display:none;
   }

.hidden-filter{
	visibility: hidden;
}